/* Accepted small-screen layout, with semantic tables and preserved artwork. */
.case-responsive-table{display:none}
@media(max-width:960px){
  .case-page main [data-responsive-original]{display:none}
  .case-page .case-responsive-table{
    display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;
    background:var(--bg);color:var(--ink);border-radius:8px;overflow:hidden;
    font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;line-height:1.65;
  }
  .case-page .case-responsive-table th,
  .case-page .case-responsive-table td{
    padding:20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);
    font:inherit;overflow-wrap:break-word;
  }
  .case-page .case-responsive-table th:first-child{width:24%}
  .case-page .case-responsive-table[data-columns="3"] th:nth-child(2){width:34%}
  .case-page .case-responsive-table thead th{font:12px/1.6 'JetBrains Mono',monospace;color:var(--muted)}
  .case-page .case-responsive-table tbody th{font-weight:500}
  .case-page .case-responsive-table td:nth-child(2){color:var(--muted)}
  .case-page .case-responsive-table tbody tr:last-child>*{border-bottom:0}
  .case-responsive-table p{margin:0;white-space:normal;line-height:1.65}
  .case-responsive-table p+p{margin-top:4px}
  .case-cell-label{display:none}
  html[data-theme=dark] .case-page .case-responsive-table{background:var(--case-surface);color:var(--case-text-primary)}
  html[data-theme=dark] .case-page .case-responsive-table td:nth-child(2){color:var(--case-text-body)}
  html[data-theme=dark] .case-page .case-responsive-table thead th,
  html[data-theme=dark] .case-page .case-cell-label{color:var(--case-text-muted)}

  .case-page main [data-small-group=metric]{
    display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important;
    gap:12px;align-items:center;width:100%;
  }
  .case-page main [data-small-group=metric]>.copy{
    width:auto;font-size:clamp(16px,3vw,26px)!important;line-height:1.2!important;
    white-space:normal!important;letter-spacing:-.02em;word-break:normal;overflow-wrap:normal;
  }
  .case-page main [data-small-group=metric]>.flow-row,
  .case-page main [data-small-group=metric]>.flow-row>div,
  .case-page main [data-small-group=metric] [data-name="6"]{
    display:block;width:24px;min-width:24px;max-width:24px;height:24px;flex:none;
  }
  .case-page main [data-small-group=metric] img{width:24px;height:24px;max-width:24px}
  .case-page main [data-small-group=stat]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px}
  .case-page main [data-small-group=stat]>.copy{width:auto;flex:none;font-size:clamp(28px,5vw,44px)!important;line-height:1.1!important;white-space:nowrap!important}
  .case-page main [data-node-id="2240:6209"] .copy{white-space:pre!important}
  .case-page main [data-node-id="2246:6379"],
  .case-page main [data-node-id="2246:6379"]>div,
  .case-page main [data-node-id="2246:6379"] [data-name=Arrow-down]{width:36px;min-width:36px;align-self:center}
}
@media(max-width:600px){
  .case-page main [data-node-id="2274:21323"],
  .case-page main [data-node-id="2274:21327"],
  .case-page main [data-node-id="2274:21354"]{padding:24px 20px}
  .case-page .case-responsive-table{display:block;position:relative}
  .case-page .case-responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .case-page .case-responsive-table tbody{display:block}
  .case-page .case-responsive-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:20px;padding:24px 20px;border-top:1px solid var(--rule)}
  .case-page .case-responsive-table tbody tr:first-child{border-top:0}
  .case-page .case-responsive-table tbody th,
  .case-page .case-responsive-table tbody td{display:block;width:100%;padding:0;border:0}
  .case-page .case-responsive-table tbody th{font:500 18px/1.4 'Space Grotesk',sans-serif}
  .case-page .case-responsive-table tbody th:first-child{width:100%}
  .case-page .case-cell-label{display:block;font:12px/1.6 'JetBrains Mono',monospace;color:var(--muted);margin-bottom:6px}
}
@media(max-width:360px){
  .case-page .site-nav{height:auto;min-height:72px;flex-wrap:wrap;padding-block:12px;gap:12px}
  .case-page .site-nav .brand{flex:1;min-width:0;order:0}
  .case-page .site-nav .nav-controls{order:1;margin-left:auto}
  .case-page .site-nav nav{order:2;flex-basis:100%;justify-content:flex-start}
}

@media(max-width:960px){
  .case-page main [data-case-meta]{padding:0!important;width:100%;align-self:stretch}
  .case-page main [data-case-type]{font-size:var(--case-small-font)!important;line-height:var(--case-small-leading)!important}
  .case-page main [data-case-grid][class]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:32px}
  .case-page main [data-case-grid]>*{grid-column:auto!important;grid-row:auto!important;min-width:0;max-width:100%}
  .case-page main .art-fit [data-art-nowrap]{white-space:pre!important}
  .case-page main [data-small-group=role][class]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;width:auto;max-width:100%}
  .case-page main [data-small-group=role]>.copy{flex:none;width:auto;font-size:clamp(20px,4vw,26px)!important;line-height:1.2!important;white-space:nowrap!important}
  .case-page main [data-small-group=role] [data-name="switch-horizontal-01"]{width:28px;min-width:28px;max-width:28px;height:28px}
  .case-page main [data-small-group=role] img{width:28px;height:28px;max-width:28px}
  .case-page .case-responsive-table[data-columns="2"] th:first-child{width:45%}
  .case-page .case-responsive-table[data-columns="4"] th:first-child{width:28%}
  .case-page .case-responsive-table[data-columns="4"] th:nth-child(2){width:24%}
  .case-page .case-responsive-table .decision-badge{font:12px/1.5 'JetBrains Mono',monospace;margin-top:8px}
}
@media(max-width:600px){
  .case-page .case-responsive-table[data-columns] tbody th:first-child{width:100%}
}
@media(max-width:360px){
  .home .site-nav{height:auto;min-height:72px;flex-wrap:wrap;padding-block:12px;gap:12px}
  .home .site-nav .brand{flex:1;min-width:0;order:0}
  .home .site-nav .nav-controls{order:1;margin-left:auto}
  .home .site-nav nav{order:2;flex-basis:100%;justify-content:flex-start}
}

/* Case layout switches at 960px; footer shares the editorial column. */
.case-page .case-footer{padding-inline:calc(100 * var(--u))}
@media(max-width:960px){.case-page .case-footer{padding-inline:20px}}
/* Embedded fixed artwork must not reflow its product UI. */
.case-amongst .art-canvas [data-node-id="2474:19918"]{white-space:nowrap}
.case-amongst .art-canvas [data-node-id="2480:20236"]{top:384px}
/* Contain the full exported glow, including its blur bounds. */
.case-amongst .amongst-hero-art{width:calc(700 * var(--u))}
.case-amongst .amongst-hero-art>.art-canvas{transform:scale(var(--art-scale,1)) translate(160.01px,146px)}

/* Editorial type has a 9px floor, while fixed product artwork scales intact. */
@media(min-width:961px){
 .case-page main [data-case-type]{font-size:max(9px,var(--case-base-font))}
}
.case-page .site-nav{font-size:max(9px,calc(14 * var(--u)))}
.case-page .brand span{font-size:inherit}
@media(max-width:960px){
 .case-page main [data-case-type]{font-size:max(9px,var(--case-small-font))!important}
 .case-page .brand span{font-size:9px}
 .case-page .site-nav{gap:6px}
 .case-page .brand{gap:6px}
 .case-page .site-nav nav{gap:8px}
}
/* Navigation hero keeps its design scale and may extend into desktop side space. */
@media(min-width:961px){
 .case-opera main [data-node-id="2374:12376"]{width:calc(588 * var(--u))}
 .case-opera main [data-node-id="2374:12375"]>.art-fit{flex-shrink:0;max-width:none}
}
/* Amongst summary: restore the original scaled product typography and icon masks. */
.case-amongst [data-node-id="2470:19263"] [data-art-rich-body]{font-size:12.71px}
.case-amongst [data-node-id="2470:19263"]>[data-name="Container"]{filter:none;box-shadow:none}
.case-amongst [data-node-id="2470:19170"] [data-name="Symbol"]{height:30px;padding:0}
.case-amongst [data-node-id="2470:19170"] [data-name="Symbol"]>div{mask-position:center;mask-size:61.723px 18.154px}
/* The 9px floor may exceed the original narrow label's scaled text box. */
.case-opera main [data-node-id="2320:10252"]{width:max-content;max-width:100%}

/* Match the original 16px Medium editorial style in both languages. */
.case-page main [data-case-body-regular]{font-weight:400!important}

/* Each group shares the height required by its tallest card. */
.case-opera main [data-node-id="2346:10806"],
.case-amongst main [data-node-id="2439:25735"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;grid-auto-rows:1fr}
.case-opera main [data-node-id="2346:10806"]>div,
.case-amongst main [data-node-id="2439:25735"]>div{height:auto;align-self:stretch;min-width:0}
.case-amongst main [data-node-id="2439:25735"]>div{min-height:calc(200 * var(--u))}
@media(max-width:960px){
 .case-opera main [data-node-id="2346:10806"][class],
 .case-amongst main [data-node-id="2439:25735"][class]{grid-template-columns:minmax(0,1fr);grid-template-rows:none!important}
}

/* The Moments introduction uses the available editorial width. */
.case-page main [data-node-id="2544:24569"]{width:100%;max-width:100%;white-space:normal}