.case-page{--case-bg:#080b10;--case-fg:#f5f7fb;--case-muted:#9da9b9;--case-accent:#7d9cff;background:var(--case-bg);color:var(--case-fg)}.case-page .topbar{background:color-mix(in srgb,var(--case-bg) 82%,transparent)}.case-page.warm{--case-bg:#f1e8dc;--case-fg:#302c2a;--case-muted:#756c66;--case-accent:#a56d55}.case-page.arch{--case-bg:#ece9e2;--case-fg:#151515;--case-muted:#6d6c67;--case-accent:#aa5e3d}.case-page.pet{--case-bg:#ffd74e;--case-fg:#231d16;--case-muted:#675722;--case-accent:#e44f75}.case-page.performance{--case-bg:#05080c;--case-fg:#f7f8fa;--case-muted:#8f9ca8;--case-accent:#e8512c}.case-page.fashion{--case-bg:#f1e6ee;--case-fg:#241e23;--case-muted:#73656e;--case-accent:#a84572}.case-page.cinema{--case-bg:#170d0b;--case-fg:#f6eadf;--case-muted:#b8a395;--case-accent:#c79c63}.case-page.clinical{--case-bg:#edf7f8;--case-fg:#102a31;--case-muted:#668087;--case-accent:#1a8b9a}.case-page.estate{--case-bg:#e9e3d7;--case-fg:#26241f;--case-muted:#787267;--case-accent:#40574a}.case-page.newsroom{--case-bg:#f5f2ec;--case-fg:#0e1e35;--case-muted:#697181;--case-accent:#b08c54}.case-hero{min-height:720px;padding:92px 0 60px;display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:center}.case-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--case-accent)}.case-hero h1{font-size:clamp(55px,7vw,105px);line-height:.86;letter-spacing:-.07em;margin:18px 0 24px}.case-intro{font-size:18px;line-height:1.7;color:var(--case-muted);max-width:600px}.case-feature{border-radius:30px;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 35px 100px rgba(0,0,0,.28)}.warm .case-feature,.arch .case-feature,.pet .case-feature,.fashion .case-feature,.clinical .case-feature,.estate .case-feature,.newsroom .case-feature{box-shadow:0 30px 80px rgba(20,30,40,.18)}.case-feature img{width:100%;aspect-ratio:1.48;object-fit:cover}.case-stripe{border-top:1px solid color-mix(in srgb,var(--case-fg) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--case-fg) 15%,transparent)}.case-stripe .shell{display:grid;grid-template-columns:repeat(3,1fr)}.case-stripe div div{padding:24px;border-right:1px solid color-mix(in srgb,var(--case-fg) 15%,transparent)}.case-stripe div div:last-child{border-right:0}.case-stripe small{color:var(--case-muted);display:block;margin-bottom:5px}.case-section{padding:100px 0}.case-two{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.case-two h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;line-height:1;margin:0}.case-copy p{font-size:18px;line-height:1.8;color:var(--case-muted);margin:0 0 28px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px}.feature-tags span{padding:10px 13px;border:1px solid color-mix(in srgb,var(--case-fg) 16%,transparent);border-radius:999px;font-size:12px}.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.gallery figure{margin:0;border-radius:25px;overflow:hidden;background:color-mix(in srgb,var(--case-fg) 5%,transparent)}.gallery figure:nth-child(3){grid-column:1/-1}.gallery img{width:100%;height:100%;object-fit:cover;min-height:300px}.concept-panel{padding:34px;border-radius:30px;background:color-mix(in srgb,var(--case-fg) 6%,transparent);border:1px solid color-mix(in srgb,var(--case-fg) 12%,transparent)}.concept-panel h3{font-size:28px;margin-top:0}.concept-panel p{color:var(--case-muted);line-height:1.7}.case-cta{padding:120px 0}.case-cta-inner{padding:50px;border-radius:32px;background:var(--case-fg);color:var(--case-bg);display:flex;align-items:end;justify-content:space-between;gap:30px}.case-cta h2{font-size:clamp(38px,5vw,70px);line-height:.95;letter-spacing:-.05em;margin:0;max-width:700px}.case-cta a{background:var(--case-bg);color:var(--case-fg);padding:16px 20px;border-radius:999px;white-space:nowrap}.case-page .footer{border-color:color-mix(in srgb,var(--case-fg) 13%,transparent)}
@media(max-width:850px){.case-hero,.case-two{grid-template-columns:1fr}.case-hero{min-height:auto;padding-top:70px}.case-feature{transform:none}.gallery{grid-template-columns:1fr}.gallery figure:nth-child(3){grid-column:auto}.case-cta-inner{display:grid}.case-stripe .shell{grid-template-columns:1fr}.case-stripe div div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--case-fg) 15%,transparent)}}