:root{color-scheme:dark;--bg:#192329;--panel:#26343b;--ink:#f0f1ea;--muted:#b4c3ca;--amber:#e6b783;--line:#b3d3df36}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.7}body.case-pearl{color-scheme:light;--bg:#e8edef;--panel:#dae4e9;--ink:#354653;--muted:#586c79;--amber:#92613d;--line:#53687840}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--amber);outline-offset:7px}a:hover{color:var(--amber)}h1,h2,p{margin:0}.case-header{height:92px;padding:25px 6vw;display:flex;justify-content:space-between;align-items:center;gap:24px}.case-header nav{display:flex;gap:30px;font-size:14px}.brand img{filter:brightness(0) invert(.95)}.case-pearl .brand img{filter:none}.case-hero{position:relative;min-height:480px;height:calc(100svh - 92px);isolation:isolate;overflow:hidden}.case-hero>img{width:100%;height:100%;object-fit:cover;display:block}.case-hero:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#192329c9);pointer-events:none}.case-hero-copy{position:absolute;bottom:7vh;left:7vw;right:7vw;z-index:1;color:#f0f1ea}.case-hero-copy>p{font-size:14px;margin-bottom:16px}.case-heading{font-size:clamp(66px,12vw,180px);line-height:1.05;letter-spacing:-.055em;font-weight:400}.case-hero-copy .case-tagline{max-width:440px;font-size:18px;margin-top:20px}.case-copy{margin:150px 8vw 130px;display:grid;grid-template-columns:1fr 2fr;gap:9vw}.case-meta{font-size:14px;color:var(--muted)}.case-meta dt{color:var(--ink);margin-top:24px}.case-meta dt:first-child{margin-top:0}.case-meta dd{margin:6px 0 0}.case-copy h2{font-size:clamp(32px,4vw,62px);font-weight:300;line-height:1.3;letter-spacing:-.035em;margin-bottom:40px}.case-copy p{font-size:16px;line-height:1.95;max-width:660px;color:var(--muted)}.case-copy p+p{margin-top:24px}.case-detail{margin:0 8vw 150px}.case-detail img{width:100%;height:65svh;min-height:300px;display:block;object-fit:cover;object-position:var(--crop,50% 70%)}.case-detail figcaption{margin-top:18px;font-size:14px;color:var(--muted)}.case-next{margin:0 8vw 100px}.case-next>p{font-size:14px;color:var(--muted);margin-bottom:25px}.case-next a{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.case-next img{width:100%;height:34svh;min-height:200px;object-fit:cover}.case-next span{font-size:clamp(32px,5vw,74px);line-height:1.2;font-weight:300;letter-spacing:-.04em}.case-footer{padding:50px 8vw;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);font-size:14px}.case-footer a{overflow-wrap:anywhere}.case-note{color:var(--muted)}
@media(max-width:700px){.case-header{height:80px;padding:24px 6vw}.case-header nav{gap:18px}.case-hero{height:calc(90svh - 80px);min-height:420px}.case-hero-copy{bottom:45px}.case-hero-copy .case-tagline{font-size:16px}.case-copy{display:block;margin:95px 8vw}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:60px}.case-copy h2{font-size:34px}.case-detail{margin-bottom:100px}.case-detail img{height:48svh}.case-next a{grid-template-columns:1fr;gap:25px}.case-footer{flex-wrap:wrap}}