.dark-panel{background:var(--dark);color:#fff}.case-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;min-height:620px}.case-hero h1{font-size:clamp(48px,5.2vw,76px);margin:14px 0 28px}.case-hero .lede{color:#d8dfe3;font-size:19px;max-width:760px}.case-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.case-meta span{border:1px solid #42515c;padding:9px 12px;font-size:12px}.hero-proof{background:#0c1d28;border:1px solid #31424d;padding:28px}.proof-window{background:#fff;color:var(--ink);padding:34px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.proof-window small{color:var(--accent);font-weight:700;letter-spacing:.18em}.proof-window h2{font-size:38px;margin:12px 0 18px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.mini-grid div{padding:18px;border:1px solid #31424d}.mini-grid b{font-family:'Libre Caslon Display';font-size:34px;display:block}.mini-grid span{font-size:12px;color:#c8d0d5}.impact-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fbfaf7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px clamp(24px,5vw,72px)}.impact-strip div{padding:6px 24px;border-right:1px solid var(--line)}.impact-strip div:last-child{border:0}.impact-strip strong{font-family:'Libre Caslon Display';font-size:38px;display:block}.impact-strip span{font-size:12px;color:#555}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.split h2,.cream-card h2,.visual-section h2,.two-col-visual h2,.execution h2,.results h2,.gallery h2,.learnings h2{font-size:clamp(38px,4.2vw,58px)}.split>div:last-child p,.two-col-visual p{font-size:18px;color:#4b5054}.cream-card{background:#fbfaf7}.strategy-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px}.strategy-grid>div{padding:30px;border:1px solid var(--line);border-right:0}.strategy-grid>div:last-child{border-right:1px solid var(--line)}.strategy-grid b,.channel-grid span{color:var(--accent)}.strategy-grid h3{font-size:28px;margin:12px 0}.wide-shot{width:100%;display:block;border:1px solid var(--line);background:#fff}.caption{font-size:12px;color:#666;margin-top:10px}.two-col-visual{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.two-col-visual img{width:100%;border:1px solid var(--line)}.execution{text-align:center}.execution .eyebrow{color:#e76c3b}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;text-align:left}.channel-grid>div{padding:28px;border:1px solid #35444f;margin:-1px 0 0 -1px}.channel-grid b{font-family:'Libre Caslon Display';font-size:30px;display:block;margin:8px 0}.channel-grid p{color:#c8d0d5}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line)}.metric-row div{padding:22px;border-right:1px solid var(--line)}.metric-row div:last-child{border:0}.metric-row b{font-family:'Libre Caslon Display';font-size:38px;display:block}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:40px}.results-grid>div{padding:34px;border:1px solid var(--line);margin:-1px 0 0 -1px}.results-grid b{font-family:'Libre Caslon Display';font-size:48px}.results-grid span{display:block;font-weight:700;margin:6px 0 12px}.results-grid p{color:#555}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery-grid img{width:100%;height:360px;object-fit:cover;border:1px solid var(--line);background:#fff}.learnings{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;background:#fbfaf7}.learning-list p{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line);font-size:17px}.case-next{margin-top:0}.visual-section .section-heading{text-align:left}.visual-section .section-heading h2{max-width:800px}
@media(max-width:900px){.case-hero,.split,.two-col-visual,.learnings{grid-template-columns:1fr}.strategy-grid{grid-template-columns:1fr 1fr}.channel-grid{grid-template-columns:1fr 1fr}.impact-strip{grid-template-columns:1fr 1fr}.impact-strip div:nth-child(2){border-right:0}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:auto}}
@media(max-width:600px){.strategy-grid,.channel-grid,.results-grid,.impact-strip,.metric-row{grid-template-columns:1fr}.impact-strip div,.metric-row div{border-right:0;border-bottom:1px solid var(--line)}.gallery-grid img{height:auto}.site-header nav{display:none}.site-header>.button{display:none}.case-hero{gap:32px}}