body[data-page="work"] .col { max-width:1320px; padding-right:24px; padding-left:24px; }
body[data-page="work"] .metrics-heading-row { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }

body[data-page="work"] .btn-brand { min-height:42px; padding:10px 19px; border-color:var(--brand); border-radius:999px; background:var(--brand); color:var(--w); }

body[data-page="work"] .btn-brand:hover { border-color:#005793; background:#005793; }

body[data-page="work"] .work-columns { display:grid; grid-template-columns:minmax(0,260px) minmax(0,1fr); gap:48px; align-items:start; }
body[data-page="work"] .work-metrics { position:sticky; top:24px; }

body[data-page="work"] .kpi { display:block; overflow:visible; margin-top:34px; border:0; border-radius:0; }

body[data-page="work"] .kpi-list {margin:0;padding:0;list-style:none;border-top:1px solid #dcdcdc;}
body[data-page="work"] .kpi-list li[data-impact-metric] {display:grid;grid-template-columns:minmax(0,1fr);row-gap:6px;padding:16px 0;border:0;border-bottom:1px solid #dcdcdc;}
body[data-page="work"] .kpi-list li[data-impact-metric]:last-child {border-bottom:0;}
body[data-page="work"] .num-label {order:1;margin:0;color:var(--ink)!important;font-size:16px;font-weight:600;letter-spacing:-.01em;}
body[data-page="work"] .num-note {order:2;margin:0;font-size:13px!important;color:var(--mut)!important;}
body[data-page="work"] .num-value {order:3;display:flex;align-items:baseline;gap:9px}
body[data-page="work"] .num-claim {order:4;font-size:12.5px;color:var(--mut);}
body[data-page="work"] .num-claim strong {color:var(--brand);}
body[data-page="work"] :is(.num-from,.num-arrow) {font-size:15px;font-weight:400;color:var(--mut);}
body[data-page="work"] .num-to {font-size:30px;font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--brand);}

body[data-page="work"] .case-carousel { position:relative; margin-top:40px; }

body[data-page="work"] .case-controls { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-bottom:12px; }
body[data-page="work"] .case-counter { margin:0; color:var(--mut); font-size:13px; font-variant-numeric:tabular-nums; text-align:right; }

body[data-page="work"] .demo-carousel-track { display:grid; gap:24px; }

body[data-page="work"] .case-slide { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:max-content max-content; align-content:start; min-width:0; margin:0; border:1px solid var(--line); border-radius:0; background:var(--w); }

body[data-page="work"] [data-carousel-ready] .demo-carousel-track { display:flex; gap:24px; height:auto; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; }
body[data-page="work"] [data-carousel-ready] .demo-carousel-track::-webkit-scrollbar { display:none; }
body[data-page="work"] [data-carousel-ready] .case-slide { flex:0 0 100%; height:auto; scroll-snap-align:start; scroll-snap-stop:always; }

body[data-page="work"] .case-visual { position:relative; container-type:inline-size; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; min-width:0; border-radius:0; overflow:hidden; }
body[data-page="work"] .case-photo { grid-column:1 / -1; grid-row:1; display:block; width:100%; aspect-ratio:16/3; height:18.75cqw; object-fit:cover; }
body[data-page="work"] .case-image-notice { grid-column:1 / -1; grid-row:2; margin:0; padding:8px 32px 0; color:var(--mut); font-size:11px; }
body[data-page="work"] .case-visual-metric, body[data-page="work"] .case-visual-pill { grid-column:1; grid-row:3; justify-self:start; margin:12px 0 12px 24px; }
body[data-page="work"] .case-visual-context { grid-column:2; grid-row:3; display:block; margin:12px 24px; color:var(--mut); font-size:12px; text-align:right; }

body[data-page="work"] [data-case-tone="1"] { background:#EAF2FA; }
body[data-page="work"] [data-case-tone="2"] { background:#EFF6EE; }
body[data-page="work"] [data-case-tone="3"] { background:#FAF3EA; }
body[data-page="work"] [data-case-tone="4"] { background:#F2EFF7; }
body[data-page="work"] [data-case-tone="5"] { background:#EAF4F4; }
body[data-page="work"] [data-case-tone="6"] { background:#F7F0F0; }
body[data-page="work"] [data-case-tone="7"] { background:#EEF1F5; }

body[data-page="work"] .case-visual-metric { display:block; color:var(--brand); font-size:28px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.05em; white-space:nowrap; }

body[data-page="work"] .case-visual-pill { display:inline-flex; padding:5px 10px; border:1px solid #d9d8d7; border-radius:999px; color:var(--ink); font-size:12px; font-weight:700; }

body[data-page="work"] .case-body { display:grid; align-content:start; gap:12px; min-width:0; padding:20px 32px; }

body[data-page="work"] .row-head { padding-bottom:4px; border-bottom:1px solid var(--line2); }

body[data-page="work"] .row-head .row-context { margin:0 0 5px; }

body[data-page="work"] .row-head .row-title { display:block; font-size:22px; font-weight:800; line-height:1.35; letter-spacing:-.025em; }

body[data-page="work"] .case-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; align-items:start; }
body[data-page="work"] .case-situation, body[data-page="work"] .case-outcome { display:grid; gap:12px; min-width:0; }
body[data-page="work"] .case-body .field-row { grid-template-columns:minmax(0,1fr); gap:6px; }

body[data-page="work"] .case-body .field-value { line-height:1.65; }

body[data-page="work"] .case-body .field-value strong { color:var(--brand); font-weight:800; }

body[data-page="work"] .demo-carousel-btn { display:grid; width:36px; height:36px; padding:0; place-items:center; border:0; border-radius:50%; background:rgb(17 17 17/78%); color:var(--w); cursor:pointer; }

body[data-page="work"] .demo-carousel-btn:hover { background:rgb(17 17 17/100%); }

body[data-page="work"] .demo-carousel-dots { display:flex; justify-content:center; gap:8px; margin-top:12px; }

body[data-page="work"] .demo-carousel-dot { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:var(--line); cursor:pointer; }

body[data-page="work"] .demo-carousel-dot[aria-selected="true"] { background:var(--brand); }

body[data-page="work"] [data-demo-carousel]:not([data-carousel-ready]) .case-controls, body[data-page="work"] [data-demo-carousel]:not([data-carousel-ready]) .demo-carousel-dots {
  display: none;
}







@media(max-width:900px) {
  body[data-page="work"] .work-columns { grid-template-columns:minmax(0,1fr); gap:56px; }
  body[data-page="work"] .work-metrics { position:static; }
  body[data-page="work"] .case-columns { grid-template-columns:minmax(0,1fr); gap:16px; }
  body[data-page="work"] [data-carousel-ready] .demo-carousel-track { display:grid; height:auto; overflow:visible; scroll-snap-type:none; }
  body[data-page="work"] [data-carousel-ready] .case-slide { height:auto; min-height:0; }
}

@media(max-width:700px) {
  body[data-page="work"] .col { padding-right:20px; padding-left:20px; }

  body[data-page="work"] .metrics-heading-row { align-items:flex-start; flex-direction:column; gap:20px; }

  body[data-page="work"] .case-slide { grid-template-columns:1fr; }


  body[data-page="work"] .case-visual-metric, body[data-page="work"] .case-visual-pill { margin:18px 0 18px 22px; }

  body[data-page="work"] .case-visual-context { margin:18px 22px; }

  body[data-page="work"] .case-body { gap:14px; padding:24px 22px; }
  body[data-page="work"] .case-image-notice { padding-right:22px; padding-left:22px; }

  body[data-page="work"] .row-head .row-title { font-size:19px; }




}