@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Noto+Sans:wght@300;400;500;600&display=swap');
:root{--ink:#071419;--deep:#0d272d;--paper:#efe9dc;--gold:#c9a667;--mist:#a9bab9;--line:rgba(201,166,103,.3);--display:'Cormorant Garamond',serif;--body:'Noto Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-weight:300;line-height:1.8;overflow-x:clip}a{color:inherit;text-decoration:none}button,select{font:inherit}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.display{font-family:var(--display);font-weight:600;line-height:.96;letter-spacing:-.025em}.progress{position:fixed;z-index:40;left:0;top:0;height:2px;width:0;background:var(--gold)}
.topbar{position:fixed;z-index:30;inset:0 0 auto;height:76px;background:rgba(7,20,25,.86);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:38px;height:42px;object-fit:contain}.brand strong{font-family:var(--display);font-size:17px;letter-spacing:.13em}.nav-actions{display:flex;align-items:center;gap:18px}.back{font-size:10px;color:var(--mist);letter-spacing:.12em;text-transform:uppercase}.back:hover{color:var(--paper)}.lang{border:1px solid rgba(255,255,255,.2);background:#0b2026;color:var(--paper);padding:8px;font-size:10px}
.case-hero{position:relative;min-height:86svh;display:flex;align-items:flex-end;padding:140px 0 74px;isolation:isolate;overflow:hidden}.case-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--hero) center/cover no-repeat;filter:saturate(.68)}.case-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,20,25,.96) 0%,rgba(7,20,25,.78) 52%,rgba(7,20,25,.28)),linear-gradient(0deg,rgba(7,20,25,.92),transparent 54%)}.kicker{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.kicker:before{content:"";width:35px;height:1px;background:var(--gold)}.case-hero h1{font-size:clamp(62px,9vw,118px);max-width:850px;margin:22px 0}.lede{max-width:690px;color:#cbd5d2;font-size:17px}.metrics{display:flex;flex-wrap:wrap;margin-top:38px;border-top:1px solid var(--line);max-width:760px}.metric{min-width:180px;padding:18px 30px 0 0}.metric strong{display:block;font-family:var(--display);font-size:35px;line-height:1}.metric span{font-size:9px;color:var(--mist);letter-spacing:.1em;text-transform:uppercase}
.article{background:var(--paper);color:var(--ink);padding:110px 0}.article-grid{display:grid;grid-template-columns:280px 1fr;gap:100px}.facts{position:sticky;top:110px;height:max-content;border-top:1px solid rgba(7,20,25,.25)}.fact{padding:16px 0;border-bottom:1px solid rgba(7,20,25,.15)}.fact span{display:block;color:#657173;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.fact strong{display:block;font-family:var(--display);font-size:19px;margin-top:3px}.privacy{font-size:10px;color:#647174;margin-top:22px}.story h2,.response h2{font-size:clamp(43px,5vw,66px);margin:0 0 38px}.story p{font-size:16px;color:#344548;margin:0 0 26px}.story p:first-of-type:first-letter{float:left;font-family:var(--display);font-size:89px;line-height:.7;color:#96783f;padding:15px 12px 5px 0}.pullquote{font-family:var(--display);font-size:32px;line-height:1.2;color:var(--ink);margin:48px 0;padding:26px 0;border-block:1px solid rgba(7,20,25,.2)}
.response{background:var(--deep);padding:110px 0}.response-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:54px}.response-head p{color:var(--mist);margin:0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:30px 25px;border-right:1px solid rgba(255,255,255,.1)}.step:last-child{border-right:0}.step b{font-family:var(--display);font-size:24px;color:var(--gold)}.step h3{font-family:var(--display);font-size:24px;line-height:1.05;margin:25px 0 12px}.step p{font-size:11px;color:var(--mist);margin:0}.team{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:56px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1)}.team span{font-size:10px;color:var(--mist);letter-spacing:.07em}.team strong{font-family:var(--display);font-size:21px}
.cta{background:var(--gold);color:var(--ink);padding:88px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.cta h2{font-size:clamp(45px,6vw,76px);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border:1px solid var(--ink);font-size:11px;font-weight:600;letter-spacing:.12em}.legal{background:#061115;padding:27px 0;color:#718481;font-size:9px}.legal .wrap{display:flex;justify-content:space-between;gap:30px}
@media(max-width:800px){.wrap{width:calc(100% - 32px)}.topbar{height:68px}.brand strong{font-size:15px}.back{display:none}.case-hero{min-height:720px;padding:120px 0 55px}.case-hero:after{background:linear-gradient(90deg,rgba(7,20,25,.92),rgba(7,20,25,.53)),linear-gradient(0deg,rgba(7,20,25,.93),transparent 65%)}.case-hero h1{font-size:clamp(55px,16vw,76px)}.lede{font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr)}.metric{min-width:0;padding-right:10px}.metric strong{font-size:27px}.article{padding:78px 0}.article-grid{grid-template-columns:1fr;gap:55px}.facts{position:static;display:grid;grid-template-columns:1fr 1fr}.fact{padding-right:14px}.privacy{grid-column:1/-1}.story p{font-size:15px}.pullquote{font-size:27px}.response{padding:78px 0}.response-head{grid-template-columns:1fr;gap:20px}.timeline{display:grid;grid-template-columns:1fr 1fr}.step{border-bottom:1px solid rgba(255,255,255,.1)}.team{align-items:flex-start;flex-direction:column}.cta-inner{align-items:flex-start;flex-direction:column}.btn{width:100%}.legal .wrap{flex-direction:column}.legal .wrap span:last-child{text-align:left}}
@media(max-width:480px){.nav-actions{gap:10px}.brand img{width:32px}.case-hero{min-height:660px}.metrics{gap:0}.metric strong{font-size:24px}.metric span{font-size:7px}.facts{grid-template-columns:1fr}.privacy{grid-column:auto}.timeline{grid-template-columns:1fr}.step{border-right:0;padding:25px 0}.story h2,.response h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}