:root {
  --ink:#090a09; --ink2:#111311; --bone:#f3f0e8; --paper:#e9e4d9; --muted:#98998f;
  --gold:#d4a45b; --green:#69d6a4; --orange:#d97c45; --line:rgba(243,240,232,.13);
  --font-display:"Manrope",system-ui,sans-serif; --font-body:"DM Sans",system-ui,sans-serif; --font-mono:"IBM Plex Mono",ui-monospace,monospace;
  --shell:min(1180px,calc(100vw - 9vw));
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ink)} body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} img,svg{display:block;max-width:100%} button{font:inherit;color:inherit} :focus-visible{outline:2px solid var(--gold);outline-offset:5px}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:10px 14px;background:var(--bone);color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}
.case-progress{position:fixed;z-index:90;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.06)}.case-progress i{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--gold),var(--green))}
.case-header{position:fixed;z-index:80;inset:0 0 auto;height:74px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:background .3s ease,border-color .3s ease}.case-header.scrolled{background:rgba(9,10,9,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.case-brand{display:flex;align-items:center;gap:12px}.case-brand b{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-display);font-size:12px}.case-brand span{font-family:var(--font-display);font-size:12px;font-weight:700}.case-brand small{display:block;color:var(--muted);font-family:var(--font-body);font-size:9px;font-weight:400}.case-nav{display:flex;align-items:center;gap:20px}.case-nav a,.case-nav button{border:0;background:transparent;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.case-nav a:hover,.case-nav button:hover{color:var(--gold)}
.case-hero{min-height:100vh;padding:150px 0 80px;display:grid;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,var(--case-glow,rgba(212,164,91,.16)),transparent 34%),var(--ink)}.case-grid{display:grid;grid-template-columns:.55fr 1.65fr;gap:7vw;align-items:end}.case-index{align-self:start;color:var(--gold);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.case-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(4rem,9vw,10rem);line-height:.85;letter-spacing:-.07em;text-transform:uppercase}.case-copy>p{max-width:700px;margin:35px 0 0;color:var(--muted);font-size:clamp(18px,1.7vw,25px)}.case-meta{margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-meta div{padding:18px 18px 18px 0}.case-meta div+div{padding-left:18px;border-left:1px solid var(--line)}.case-meta dt{color:var(--muted);font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.case-meta dd{margin:5px 0 0;font-size:12px;font-weight:600}.case-signal{position:absolute;right:9vw;top:17vh;width:120px;height:120px;border:1px solid rgba(212,164,91,.35);border-radius:50%;animation:spin 18s linear infinite}.case-signal:before,.case-signal:after{content:"";position:absolute;inset:20px;border:1px dashed rgba(212,164,91,.24);border-radius:50%}.case-signal:after{inset:44px;background:var(--gold);box-shadow:0 0 20px rgba(212,164,91,.7)}@keyframes spin{to{transform:rotate(360deg)}}
.case-section{padding:140px 0;border-top:1px solid var(--line)}.case-section.light{background:var(--paper);color:#171914}.case-section.green{background:#0f2a20}.case-section.orange{background:#140e0b}.section-grid{display:grid;grid-template-columns:.55fr 1.65fr;gap:7vw}.section-label{color:var(--gold);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.section-copy h2{margin:0;font-family:var(--font-display);font-size:clamp(2.7rem,5.8vw,6rem);line-height:.98;letter-spacing:-.055em}.section-copy>p{max-width:760px;margin:32px 0 0;color:var(--muted);font-size:18px}.light .section-copy>p{color:#67695f}.principles{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.light .principles{background:rgba(23,25,20,.13)}.principles article{padding:34px;background:var(--ink2)}.light .principles article{background:#f2ede2}.principles span{color:var(--gold);font-family:var(--font-mono);font-size:9px}.principles h3{margin:18px 0 10px;font-family:var(--font-display);font-size:22px}.principles p{margin:0;color:var(--muted);font-size:14px}.light .principles p{color:#67695f}
.case-visual{margin-top:80px;min-height:620px;border:1px solid var(--line);background:#0c0e0d;box-shadow:0 35px 90px rgba(0,0,0,.3);position:relative;overflow:hidden}.light .case-visual{border-color:rgba(23,25,20,.14);background:#dcd6c9}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}.visual-content{position:relative;z-index:2;min-height:620px;padding:7%;display:grid;align-content:center}.visual-content h3{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,6.8rem);line-height:.9;letter-spacing:-.06em}.visual-content p{max-width:620px;color:var(--muted);font-size:17px}.visual-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.visual-chips span{padding:8px 10px;border:1px solid var(--line);font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.light .visual-chips span{border-color:rgba(23,25,20,.16)}
.process{display:grid;gap:0;margin-top:70px}.process article{display:grid;grid-template-columns:100px 1fr 1.2fr;gap:35px;padding:35px 0;border-top:1px solid var(--line)}.light .process article{border-color:rgba(23,25,20,.13)}.process span{color:var(--gold);font-family:var(--font-mono);font-size:10px}.process h3{margin:0;font-family:var(--font-display);font-size:25px}.process p{margin:0;color:var(--muted)}.light .process p{color:#67695f}.outcomes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:70px}.outcomes article{padding:30px;border:1px solid var(--line)}.light .outcomes article{border-color:rgba(23,25,20,.14)}.outcomes h3{margin:0 0 12px;font-family:var(--font-display);font-size:23px}.outcomes p{margin:0;color:var(--muted)}.light .outcomes p{color:#67695f}.note{margin-top:55px;padding:22px;border-left:2px solid var(--gold);color:var(--muted);background:rgba(212,164,91,.05)}
.next-project{padding:120px 0;background:#080908;border-top:1px solid var(--line)}.next-project a{display:flex;justify-content:space-between;align-items:end;gap:30px}.next-project small{color:var(--gold);font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.next-project h2{margin:10px 0 0;font-family:var(--font-display);font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em}.next-project b{font-size:50px;color:var(--gold)}.case-footer{padding:28px 0;border-top:1px solid var(--line)}.case-footer .shell{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}
@media(max-width:850px){:root{--shell:min(100% - 34px,720px)}.case-nav a:not(:first-child){display:none}.case-grid,.section-grid{grid-template-columns:1fr;gap:28px}.case-hero{min-height:auto;padding-top:130px}.case-copy h1{font-size:clamp(3.8rem,18vw,7rem)}.case-meta{grid-template-columns:1fr 1fr}.case-meta div:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.case-meta div:nth-child(4){border-top:1px solid var(--line)}.case-signal{right:-35px;top:110px;opacity:.5}.principles{grid-template-columns:1fr}.process article{grid-template-columns:1fr;gap:12px}.outcomes{grid-template-columns:1fr}.case-section{padding:95px 0}.case-visual,.visual-content{min-height:480px}.next-project a{align-items:flex-start}.case-footer .shell{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
@view-transition{navigation:auto}