:root{--paper:#f2efe8;--ink:#171713;--soft:#68675f;--line:#cbc7bd;--accent:#b93824;--dark:#20231f;--lime:#d8ff78;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:fixed;top:-5rem}.skip:focus{top:1rem}.eyebrow,.kicker,.case-no,.section-no,time{font:500 .72rem/1.4 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.eyebrow,.case-no,.section-no{color:var(--soft)}header{height:82px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:10}.logo{font-weight:700}.logo span,em{color:var(--accent);font-style:normal}nav{display:flex;gap:2.4rem;font-size:.85rem}nav a:hover,.actions>a:not(.button):hover,.case-link:hover{color:var(--accent)}#menu{display:none;border:0;background:none;font:inherit}.hero{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.17fr .83fr;gap:7vw;min-height:710px;padding:7.5rem 0 6rem;align-items:center}.hero h1{font-size:clamp(3.6rem,6.7vw,6.8rem);line-height:.94;letter-spacing:-.065em;margin:1.5rem 0 2rem}.intro{font-size:1.25rem;max-width:650px;color:#44443e}.actions{display:flex;align-items:center;gap:2rem;margin-top:2.3rem;font-size:.84rem;font-weight:600}.button{background:var(--ink);color:var(--paper)!important;padding:1rem 1.25rem}.button:hover{background:var(--accent)}.portrait{margin:0;align-self:end}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 45%;filter:saturate(.78) contrast(1.05)}.portrait figcaption{display:grid;grid-template-columns:36px 1fr;gap:1rem;font-size:.75rem;line-height:1.5;margin-top:1rem;color:var(--soft)}.facts{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(24px,calc((100vw - var(--max))/2))}.facts div{padding:1.6rem 1.5rem;border-left:1px solid var(--line);display:flex;flex-direction:column}.facts div:last-child{border-right:1px solid var(--line)}.facts span,.facts small{font:.68rem "DM Mono";color:var(--soft)}.facts b{font-size:.9rem;margin:.35rem 0}.section{max-width:var(--max);margin:auto;padding:9rem 0}.section-head{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:3rem;align-items:start;margin-bottom:6rem}.section-head h2,.about>h2{font-size:clamp(2.6rem,4.4vw,4.5rem);line-height:1.04;letter-spacing:-.055em;margin:0}.section-head>p:last-child{margin:0;color:var(--soft);font-size:.92rem}.case{border-top:1px solid var(--ink);padding:2rem 0 6rem;display:grid;grid-template-columns:.55fr 1.25fr 1fr;gap:4rem}.case h3,.small-case h3{font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.12;letter-spacing:-.04em;margin:.8rem 0 1.4rem}.case-copy>p:not(.kicker),.small-case>p:not(.kicker){color:#52524c}.kicker{color:var(--accent);margin:0}.case ul{padding:0;margin:2rem 0;list-style:none}.case li{display:grid;grid-template-columns:100px 1fr;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.78rem}.case li span{font:500 .67rem "DM Mono";color:var(--soft);text-transform:uppercase}.case-link{display:inline-block;font:500 .76rem "DM Mono";border-bottom:1px solid;padding-bottom:.2rem;margin-right:1.4rem}.muted{color:var(--soft)}.visual{min-height:370px;align-self:start;background:var(--dark);color:#fff;position:relative;overflow:hidden}.system{display:grid;place-items:center}.system>span{position:absolute;left:1.3rem;top:1rem;font:.65rem "DM Mono";color:#aaa}.system i{position:absolute;border:1px solid #777;border-radius:50%;padding:.5rem .7rem;font:normal .6rem "DM Mono";z-index:1}.system i:nth-of-type(1){top:18%;left:18%}.system i:nth-of-type(2){top:19%;right:15%}.system i:nth-of-type(3){bottom:16%;left:16%}.system i:nth-of-type(4){bottom:18%;right:17%}.system>b{height:125px;width:125px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--lime);color:var(--ink);line-height:1.1;z-index:1}.system:after,.system:before{content:"";position:absolute;width:70%;height:1px;background:#555;transform:rotate(35deg)}.system:after{transform:rotate(-35deg)}.code{padding:1.5rem}.code small{font:.65rem "DM Mono";color:#aaa}.code pre{font:clamp(.72rem,1.1vw,.9rem)/1.9 "DM Mono";margin:2.5rem 0;color:#ddd}.code i{color:#9fae92}.code b{color:var(--lime);font-weight:400}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.metrics div{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:.8rem}.metrics b{font-size:1.4rem}.metrics span{font:.58rem "DM Mono";color:var(--soft)}.metrics.accent b{color:var(--accent)}.chart{padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center}.chart>p{font:.7rem "DM Mono";color:#aaa}.chart label{display:grid;grid-template-columns:70px 1fr 35px;gap:.8rem;align-items:center;margin:1.1rem 0;font:.62rem "DM Mono"}.chart label i{height:24px;background:#343832}.chart label i b{display:block;height:100%;background:var(--lime)}.chart small{margin-top:2rem;color:#999;font:.58rem "DM Mono"}.small-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:5rem}.small-case{border-top:1px solid;padding-top:1.3rem}.thumb{height:330px;background:#e0ddd5;margin-bottom:1.6rem;display:grid;place-items:center}.thumb img{max-height:55%;max-width:45%}.thumb.script{font:700 9rem serif;background:var(--accent);color:var(--paper)}.archive{border-block:1px solid}.archive summary{padding:1.4rem 0;cursor:pointer;display:flex;justify-content:space-between;font-weight:600;list-style:none}.archive[open] summary span{transform:rotate(45deg)}.archive>div{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:2rem}.archive a{display:flex;flex-direction:column;padding:1rem 0;border-top:1px solid var(--line)}.archive a span{font:.65rem "DM Mono";color:var(--soft)}.about{display:grid;grid-template-columns:.5fr 1fr 1.1fr;gap:4rem;border-top:1px solid var(--line)}.about-copy{color:#52524c}.about-copy .lead{font-size:1.3rem;color:var(--ink);line-height:1.55;margin-top:0}.tools{border-top:1px solid var(--line);padding-top:1.3rem;margin-top:2rem}.tools span{display:block;font:.65rem "DM Mono";color:var(--accent);text-transform:uppercase}.timeline{margin-left:calc(33.33% + 1rem);border-top:1px solid}.timeline article{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--line);padding:2rem 0}.timeline h3,.timeline p{margin:0}.timeline p{color:var(--accent);font:.72rem "DM Mono"}.timeline span{color:var(--soft);font-size:.8rem}.contact{background:var(--dark);color:var(--paper);padding:9rem max(24px,calc((100vw - var(--max))/2));text-align:center}.contact h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.95;letter-spacing:-.065em;margin:1.5rem 0 2rem}.contact>p:not(.eyebrow){max-width:650px;margin:0 auto 3rem;color:#aaa}.email{font-size:clamp(1.1rem,2.3vw,2rem);border-bottom:1px solid #777}.contact>div{display:flex;justify-content:center;gap:2rem;margin-top:4rem;font:.7rem "DM Mono"}footer{padding:2rem max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;border-top:1px solid #454842;background:var(--dark);color:#999;font:.62rem "DM Mono"}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1280px){.hero,.section{margin-inline:24px}}@media(max-width:800px){header{height:68px;position:sticky;top:0;background:#f2efe8f2}#menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:1.5rem 24px;border-bottom:1px solid var(--line);flex-direction:column;gap:1rem}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:5rem 0 3rem;gap:3rem;min-height:0}.hero h1{font-size:15vw}.portrait{width:80%;margin-left:auto}.facts{grid-template-columns:1fr 1fr}.section{padding:6rem 0}.section-head,.case,.about{grid-template-columns:1fr}.section-head{gap:1.5rem;margin-bottom:4rem}.case{gap:2rem;padding-bottom:4rem}.visual{min-height:330px}.small-grid{grid-template-columns:1fr}.archive>div{grid-template-columns:1fr 1fr}.timeline{margin-left:0}.contact{padding-block:6rem}footer{gap:1rem;flex-wrap:wrap}}@media(max-width:480px){.actions{gap:1.2rem;flex-wrap:wrap}.facts{grid-template-columns:1fr}.metrics{gap:.5rem}.metrics b{font-size:1.1rem}.timeline article{grid-template-columns:90px 1fr}.archive>div{grid-template-columns:1fr}.portrait{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}