.works-index{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-bottom:1px solid rgba(25,25,45,.18);
  padding-top:28px;
  padding-bottom:0;
}
.works-index a{
  color:var(--wx-navy);
  font-family:var(--wx-gothic);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  min-width:0;
  padding:14px 12px;
  text-align:center;
  text-decoration:none;
  border-right:1px solid rgba(25,25,45,.14);
  overflow-wrap:anywhere;
}
.works-index a:first-child{border-left:1px solid rgba(25,25,45,.14)}
.works-index a:hover,.works-index a:focus-visible,.works-index a[aria-selected="true"]{background:var(--brand);outline:0}
.works-category{scroll-margin-top:90px}
.works-tabs > .works-category{padding:32px 0 56px;background:var(--wx-mist)}
[data-works-panel][hidden]{display:none!important}
.works-category-head{margin-bottom:38px}
.works-category-head .eyebrow{margin-bottom:2px}
.works-category-head h2{margin:0}
.works-title-suffix{white-space:nowrap}
.works-theme-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.works-theme-nav button{border:1px solid rgba(25,25,45,.26);background:transparent;color:var(--wx-navy);padding:9px 14px;font:700 12px/1.5 var(--wx-gothic);cursor:pointer}
.works-theme-nav button:hover,.works-theme-nav button:focus-visible,.works-theme-nav button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);outline:0}
.works-theme[hidden]{display:none!important}
.works-category .works-theme{background:transparent}
 
.works-view-nav{display:inline-flex;margin:0 0 18px;border:1px solid var(--wx-navy)}
.works-view-nav button{border:0;background:transparent;color:var(--wx-navy);padding:10px 22px;font:700 13px/1.5 var(--wx-gothic);letter-spacing:.04em;cursor:pointer}
.works-view-nav button+button{border-left:1px solid var(--wx-navy)}
.works-view-nav button:hover,.works-view-nav button:focus-visible,.works-view-nav button[aria-pressed="true"]{background:var(--brand);outline:0}
.works-view[hidden]{display:none!important}
.works-theme__title{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;font:600 22px/1.5 var(--wx-mincho);color:var(--wx-navy)}
.works-theme__title small{font:700 12px/1.5 var(--wx-gothic);color:var(--brand-dim)}
.works-category-head .works-export__tagline{margin:12px 0 0;font-family:var(--wx-mincho);font-size:clamp(20px,2.2vw,28px);font-weight:600;line-height:1.5;letter-spacing:.04em;color:var(--wx-navy)}
.works-carousel{position:relative;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:var(--brand) var(--wx-mist);scrollbar-width:thin}
.works-carousel:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.caselist{
  display:grid;
  grid-template-columns:none;
  gap:0;
  grid-auto-flow:column;
  grid-auto-columns:min(446px,calc(100vw - 96px));
  

  grid-template-rows:minmax(8em,max-content) max-content minmax(14em,1fr);
  align-items:stretch;
  width:max-content;
  min-width:100%;
  min-height:510px;
  margin:0;
  padding:52px 0 20px;
  background:var(--wx-mist);
  counter-reset:wxcase;
}
.caselist .case{
  counter-increment:wxcase;
  scroll-snap-align:start;
  display:grid;
  grid-template-rows:subgrid;
  grid-row:span 3;
  margin:0;
  border:0;
  border-right:1px solid rgba(25,25,45,.16);
  background:var(--wx-white);
  position:relative;
  overflow:visible;
}
.caselist .case:first-child{border-left:1px solid rgba(25,25,45,.16)}
.caselist .case::before{
  content:counter(wxcase,decimal-leading-zero);
  position:absolute;
  top:0;
  left:22px;
  z-index:1;
  color:rgba(25,25,45,.15);
  font-family:var(--wx-en);
  font-size:56px;
  font-weight:500;
  line-height:1;
  pointer-events:none;
  transform:translateY(-56%);
}
.caselist .case-body{
  display:grid;
  grid-template-rows:subgrid;
  grid-row:span 3;
  gap:0;
  height:100%;
  padding:50px 26px 26px;
  position:relative;
  z-index:2;
}
.case-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:4px 12px;padding:0 0 16px}
.case-industry{
  margin:0 0 6px;
  color:var(--brand-dim);
  font-size:12px;
  font-weight:700;
  letter-spacing:.09em;
}
.case-theme{grid-column:2;grid-row:1;max-width:15em;margin:0;color:var(--wx-navy);font-size:11px;font-weight:700;line-height:1.5;text-align:right;overflow-wrap:anywhere}
.case-heading h3{grid-column:1/-1}
.caselist .case h3{font-size:18px;line-height:1.65;margin:0}
.caselist .item{gap:7px;padding:16px 0;border-top:1px solid rgba(25,25,45,.15)}
.caselist .item .lbl{color:var(--wx-navy);font-size:12px;letter-spacing:.08em}
.caselist .item p,.caselist .item li{font-size:13.5px;line-height:1.8}
.caselist .item ul{margin:0;padding-left:1.1em}
.approach-result{display:grid;grid-template-rows:auto auto;align-content:start}
.approach-result .approach,.approach-result .result{min-width:0}
.approach-result .approach{padding-bottom:11px}
.approach-result .result{border-top:1px solid rgba(25,25,45,.10);padding-top:11px}
.caselist .pending{font-size:11.5px;line-height:1.65}
.works-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}
.works-carousel-controls button{
  width:42px;
  height:36px;
  border:1px solid rgba(25,25,45,.34);
  background:var(--wx-white);
  color:var(--wx-navy);
  cursor:pointer;
  font-size:19px;
  line-height:1;
}
.works-carousel-controls button:hover:not(:disabled),.works-carousel-controls button:focus-visible{border-color:var(--brand);background:var(--brand);outline:0}
.works-carousel-controls button:disabled{cursor:not-allowed;opacity:.34}
.works-carousel-position{min-width:3.5em;color:rgba(25,25,45,.65);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}
.world-map{margin:0;border:1px solid rgba(25,25,45,.16);background:var(--wx-mist)}
.world-map img{display:block;width:100%;height:auto}
.world-count{margin:28px 0 18px;color:var(--wx-navy);font-family:var(--wx-mincho);font-size:clamp(25px,3vw,38px);font-weight:600;letter-spacing:.08em}
.country-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:1px solid rgba(25,25,45,.18);list-style:none}
.country-list li{padding:12px 10px;border-right:1px solid rgba(25,25,45,.14);border-bottom:1px solid rgba(25,25,45,.14);font-size:13px}
.country-list li:nth-child(5n){border-right:0}
.works-pending{max-width:44em}
@media(max-width:880px){
  .works-index{padding-top:18px}
  .works-index a{padding:12px 6px;font-size:10px;letter-spacing:.07em}
  .caselist{padding-top:42px}
  .caselist{grid-auto-columns:min(352px,calc(100vw - 48px));min-height:490px}
  .caselist .case-body{padding:44px 20px 20px}
   
  .caselist{grid-template-rows:auto;min-height:0}
  .caselist .case{display:block;grid-row:auto}
  .caselist .case-body{display:block;grid-row:auto;height:auto}
  .country-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .country-list li:nth-child(5n){border-right:1px solid rgba(25,25,45,.14)}
  .country-list li:nth-child(2n){border-right:0}
}
@media(prefers-reduced-motion:reduce){.works-carousel{scroll-behavior:auto;scroll-snap-type:none}}