.case-page{--case-accent:var(--yellow);background:var(--cream)}.case-page.blue{--case-accent:var(--blue)}.case-page.coral{--case-accent:var(--coral)}.case-page.dark{--case-accent:var(--dark)}
.case-nav{height:86px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(32,32,34,.25);background:rgba(247,243,235,.95);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.case-nav img{width:126px;height:55px;object-fit:contain}.case-nav-links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800}.back-link{border:1px solid var(--dark);border-radius:99px;padding:11px 17px;transition:.2s}.back-link:hover{background:var(--dark);color:white}.case-hero{padding:70px clamp(20px,6vw,96px) 45px}.case-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.case-hero h1{font:clamp(80px,15vw,210px)/.78 Arial Black,Impact,sans-serif;letter-spacing:-.085em;margin:40px 0 55px}.case-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.case-hero-bottom p{font-size:clamp(20px,2.3vw,32px);margin:0}.case-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid}.case-meta div{padding:15px 0}.case-meta small{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.case-cover{margin:0 clamp(20px,3vw,48px);height:min(72vw,780px);border:3px solid var(--dark);border-radius:30px;overflow:hidden;position:relative;background:var(--case-accent)}.case-cover img{height:100%;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.85);animation:caseZoom 1.2s ease-out both}.case-cover-mark{position:absolute;right:4%;bottom:2%;font:clamp(100px,21vw,330px)/.8 Georgia,serif;color:var(--cream);text-shadow:3px 3px 0 var(--dark)}.case-story{padding:120px clamp(20px,8vw,130px);display:grid;grid-template-columns:1fr 2fr;gap:8vw}.case-story h2,.case-system h2,.case-gallery h2{font:clamp(48px,7vw,100px)/.9 Arial Black,sans-serif;letter-spacing:-.06em;margin:0}.case-story-text{font-size:20px}.case-story-text p:first-child{font-size:clamp(24px,3vw,40px);font-weight:700;line-height:1.15}.case-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.case-pillars article{border:2px solid;border-radius:20px;padding:22px;background:var(--white)}.case-pillars span{font-size:11px;font-weight:900}.case-pillars h3{font:22px/1 Arial Black,sans-serif;margin:25px 0 10px}.case-system{padding:110px clamp(20px,6vw,96px);background:var(--case-accent);color:var(--dark)}.dark .case-system{color:var(--cream)}.system-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.system-head p{max-width:420px;font-size:18px}.system-board{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:260px 260px;gap:18px;margin-top:60px}.system-board>div{border:2px solid;border-radius:25px;overflow:hidden;display:grid;place-items:center;background:var(--cream);position:relative}.system-board .wordmark{grid-row:1/3;font:clamp(48px,7vw,100px)/.85 Arial Black,sans-serif;text-align:center;letter-spacing:-.07em;padding:25px}.system-board .palette{grid-column:2/4;display:grid;grid-template-columns:repeat(4,1fr);padding:0}.palette i{width:100%;height:100%}.type-sample{font:70px/1 Georgia,serif}.application{background-image:linear-gradient(135deg,var(--cream) 50%,var(--dark) 50%)!important}.case-gallery{padding:115px clamp(20px,6vw,96px)}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:55px}.gallery-grid img{height:100%;object-fit:cover;border:2px solid;border-radius:24px}.gallery-grid .gallery-main{grid-row:span 2;min-height:650px}.gallery-grid .gallery-small{min-height:315px}.case-result{margin:0 clamp(20px,6vw,96px) 110px;padding:60px;border-radius:30px;background:var(--dark);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:50px}.case-result h2{font:clamp(44px,6vw,85px)/.9 Arial Black,sans-serif;letter-spacing:-.06em;margin:0}.case-result p{font-size:20px}.case-next{padding:65px clamp(20px,6vw,96px);background:var(--case-accent);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:3px solid}.case-next small{display:block;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.case-next strong{font:clamp(34px,5vw,70px)/1 Arial Black,sans-serif}.case-next a{border:2px solid;border-radius:99px;padding:14px 20px;font-weight:900}.case-note{text-align:center;font-size:12px;opacity:.65;padding:0 20px 30px}@keyframes caseZoom{from{transform:scale(1.08);opacity:.3}to{transform:scale(1);opacity:1}}
@media(max-width:800px){.case-nav-links>a:not(.back-link){display:none}.case-hero-bottom,.case-story,.case-result{grid-template-columns:1fr}.case-pillars{grid-template-columns:1fr}.system-head{align-items:start;flex-direction:column}.system-board{grid-template-columns:1fr 1fr;grid-template-rows:260px 190px 190px}.system-board .wordmark{grid-column:1/3;grid-row:auto}.system-board .palette{grid-column:1/3}.gallery-grid{grid-template-columns:1fr}.gallery-grid .gallery-main{min-height:430px}.gallery-grid .gallery-small{min-height:260px}.case-result{padding:35px}.case-next{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.case-nav{height:72px}.case-nav img{width:105px}.case-hero h1{font-size:70px}.case-hero-bottom{gap:35px}.case-cover{height:520px}.case-story,.case-system,.case-gallery{padding-top:80px;padding-bottom:80px}.system-board{display:flex;flex-direction:column}.system-board>div{min-height:180px}.case-next strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){.case-cover img{animation:none}}