.case-page { background:#f6f4ed; color:#173f4a; }
.case-wrap { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.case-header { padding:16px max(24px,calc((100vw - 1160px)/2)); background:#173f4a; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.case-header img { width:150px; height:66px; object-fit:contain; }
.case-header a { color:white; text-decoration:none; }
.case-hero { display:grid; grid-template-columns:1.35fr 1fr; gap:70px; align-items:center; padding-block:80px; }
.case-hero h1 { font-family:Syne,sans-serif; font-size:clamp(42px,6vw,78px); line-height:1.02; letter-spacing:-.045em; margin:18px 0 28px; }
.case-lead { max-width:680px; font-size:19px; line-height:1.65; }
.case-hero__stat { padding:44px 32px; border-top:3px solid #b58a46; border-bottom:1px solid #b58a46; }
.case-hero__stat strong { display:block; font:800 clamp(64px,8vw,108px)/1.2 Syne,sans-serif; letter-spacing:-.06em; }
.case-hero__stat span,.case-hero__stat small { display:block; }
.case-strip { background:#173f4a; color:#fff; padding:22px 0; }
.case-strip .case-wrap { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.case-story { display:grid; grid-template-columns:1fr 1.4fr; gap:70px; padding-block:80px; }
.case-page h2 { font-family:Syne,sans-serif; font-size:clamp(30px,4vw,44px); line-height:1.15; letter-spacing:-.03em; margin:12px 0 24px; }
.case-page p { line-height:1.7; }
.case-work { padding-bottom:80px; }
.case-videos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
.case-videos figure { margin:0; min-width:0; }
.case-videos video { width:100%; aspect-ratio:9/16; object-fit:contain; display:block; background:#102c34; border-radius:12px; }
.case-videos figcaption { padding:14px 0; font-weight:700; }
.case-results { padding:70px 0; background:#e9e7dc; scroll-margin-top:24px; }
.case-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:32px 0; }
.case-metrics > div { border-top:2px solid #b58a46; padding-top:22px; }
.case-metrics strong { display:block; font:800 clamp(32px,4vw,52px)/1.25 Syne,sans-serif; letter-spacing:-.04em; }
.case-metrics span,.case-metrics small { display:block; margin-top:8px; }
.case-note { font-size:13px; max-width:800px; }
.case-report { border-top:1px solid #b6bdb7; margin-top:28px; }
.case-report summary { cursor:pointer; padding:20px 0; font-weight:700; }
.case-report img { width:100%; max-width:760px; height:auto; display:block; margin:12px auto; }
.case-cta { padding-block:72px; }
.case-footer { padding:24px; background:#173f4a; color:#fff; text-align:center; }
.case-feature { display:grid; grid-template-columns:1.5fr 1fr; gap:50px; align-items:center; background:#173f4a; color:#fff; padding:44px; margin:42px 0 58px; border-radius:18px; }
.case-feature h3 { font:700 clamp(26px,3.4vw,40px)/1.15 Syne,sans-serif; margin:16px 0; }
.case-feature p { line-height:1.7; }
.case-feature .eyebrow { color:#f6c735; }
.case-feature__stat { border-left:1px solid #65818a; padding-left:40px; }
.case-feature__stat strong { display:block; font:800 clamp(48px,6vw,76px)/1.1 Syne,sans-serif; }
.case-feature__stat span,.case-feature__stat small { display:block; margin-top:12px; }
.case-page a:focus-visible,.case-page summary:focus-visible { outline:3px solid #b58a46; outline-offset:5px; }
@media(max-width:700px) {
 .case-header { font-size:13px; }.case-header img { width:110px; height:48px; }
 .case-hero,.case-story,.case-feature { grid-template-columns:1fr; gap:28px; }
 .case-hero,.case-story { padding-block:42px; }.case-hero__stat { padding:24px 0; }
 .case-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .case-videos { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:16px; padding-bottom:16px; }
 .case-videos figure { flex:0 0 85%; scroll-snap-align:start; }
 .case-feature { padding:26px; }.case-feature__stat { border-left:0; border-top:1px solid #65818a; padding:24px 0 0; }
}