:root{--paper:#eee9df;--stone:#d8d0c0;--ink:#13191a;--accent:#82979a;--display:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--body:"Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden;transition:background .6s,color .6s}body[data-theme=charcoal]{background:#121717;color:#f2eee7}body[data-theme=stone]{background:var(--stone);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}.skip{position:fixed;top:-4rem;left:1rem;z-index:10000;background:#fff;color:#000;padding:.8rem}.skip:focus{top:1rem}.grid-overlay{position:fixed;inset:0;z-index:90;pointer-events:none;background:linear-gradient(90deg,transparent calc(25% - .5px),rgba(0,0,0,.08) calc(25% - .5px) 25%,transparent 25% calc(50% - .5px),rgba(0,0,0,.08) calc(50% - .5px) 50%,transparent 50% calc(75% - .5px),rgba(0,0,0,.08) calc(75% - .5px) 75%,transparent 75%);mix-blend-mode:multiply}header[data-header]{position:fixed;inset:0 0 auto 0;height:92px;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;mix-blend-mode:difference;color:#fff;transition:transform .45s}header.is-hidden{transform:translateY(-110%)}.brand{width:170px}.brand img{width:100%;filter:brightness(0) invert(1)}.edition{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;line-height:1.5}header button{justify-self:end;border:0;background:none;color:inherit;display:grid;grid-template-columns:27px auto;align-items:center;gap:.65rem;cursor:pointer}header button i{grid-column:1;height:1px;background:currentColor}header button b{grid-column:2;grid-row:1/3;font-size:.6rem;text-transform:uppercase;letter-spacing:.16em}.menu{position:fixed;inset:0;z-index:55;background:#111717;color:#f5f0e8;display:grid;align-content:center;padding:9vw;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .8s cubic-bezier(.77,0,.18,1)}.menu.is-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.menu>a{font:700 clamp(3rem,7vw,7.8rem)/.9 var(--display);text-transform:uppercase;letter-spacing:-.06em;width:max-content}.menu>a:hover{color:#9eb4b6}.menu>span{position:absolute;left:9vw;top:12vh;text-transform:uppercase;font-size:.58rem;letter-spacing:.18em}.menu small{position:absolute;right:9vw;bottom:10vh;line-height:1.7}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:var(--stone);padding:110px 3vw 3vw}.hero-grid{position:absolute;inset:110px 3vw 3vw;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr auto;z-index:2;pointer-events:none}.hero-grid span{font-size:.58rem;letter-spacing:.18em}.hero-grid span:nth-child(2),.hero-grid span:nth-child(3){text-align:center}.hero-grid span:last-child{text-align:right}.hero h1{position:absolute;z-index:3;left:3vw;bottom:4vw;margin:0;font:800 clamp(5rem,12.5vw,14rem)/.72 var(--display);text-transform:uppercase;letter-spacing:-.085em}.hero-media{position:absolute;right:3vw;top:14vh;width:51vw;height:70vh;display:grid;place-items:center;background:#c7bcaa;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:contain}.hero-copy{position:absolute;z-index:3;left:54vw;bottom:5vw;right:3vw;display:flex;justify-content:space-between;align-items:end;gap:2rem}.hero-copy p{max-width:330px;line-height:1.7;font-size:.8rem}.hero-copy a{text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;border-bottom:1px solid;padding-bottom:.7rem}.hero-line{position:absolute;z-index:4;right:3vw;top:10vh;width:54vw;height:75vh;color:rgba(18,25,26,.6);pointer-events:none}.hero-line path{stroke-width:1;vector-effect:non-scaling-stroke}.statement{padding:14vw 7vw;display:grid;grid-template-columns:1fr 3fr;gap:4vw}.side-label{text-transform:uppercase;font-size:.58rem;letter-spacing:.18em}.statement h2,.materials h2,.contact h2{font:800 clamp(4rem,10vw,11rem)/.82 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:0}.statement p{grid-column:2;max-width:650px;margin-left:auto;font-size:1rem;line-height:1.9}.projects{height:100svh;overflow:hidden;background:#121717;color:#f4eee6}.projects-track{height:100%;display:flex;width:max-content}.project-intro,.project{width:100vw;height:100%;flex:0 0 100vw;padding:11vh 4vw 5vh}.project-intro{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr auto;align-items:center}.project-intro span{text-transform:uppercase;letter-spacing:.18em;font-size:.58rem}.project-intro h2{grid-column:2;font:800 clamp(5rem,12vw,13rem)/.78 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:0}.project-count{grid-column:2;text-align:right}.project{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto 1fr auto;gap:2vw}.project figure{grid-row:1/-1;margin:0;display:grid;place-items:center;background:#222929;overflow:hidden}.project figure img{width:100%;height:100%;object-fit:contain}.project-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.58rem;letter-spacing:.16em}.project h3{font:700 clamp(3rem,5.5vw,6rem)/.88 var(--display);text-transform:uppercase;letter-spacing:-.055em;margin:auto 0 1rem}.project p{line-height:1.8;max-width:460px}.method{padding:10vw 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.method aside>span{text-transform:uppercase;font-size:.58rem;letter-spacing:.18em}.method-visuals{height:72vh;position:sticky;top:13vh;margin-top:2rem}.method-visuals figure{position:absolute;inset:0;margin:0;display:grid;place-items:center;background:#d4ccbe}.method-visuals img{width:100%;height:100%;object-fit:contain}.method-steps article{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .4s;border-bottom:1px solid rgba(0,0,0,.18)}.method-steps article.is-active{opacity:1}.method-steps b{font-weight:400}.method-steps h2{font:800 clamp(4.5rem,9vw,10rem)/.8 var(--display);text-transform:uppercase;letter-spacing:-.07em;margin:1rem 0}.method-steps p{line-height:1.9;max-width:480px}.ruler{overflow:hidden;border-block:1px solid currentColor;padding:1rem 0}.ruler>div{display:flex;width:max-content;gap:2rem;align-items:center}.ruler span{font:700 clamp(2.5rem,5vw,5.4rem)/1 var(--display);text-transform:uppercase}.ruler i{width:12vw;height:1px;background:currentColor}.materials{padding:12vw 6vw}.materials>header{position:relative;height:auto;padding:0;margin-bottom:6vw;display:grid;grid-template-columns:1fr 2fr;mix-blend-mode:normal;color:inherit}.materials>header span{text-transform:uppercase;font-size:.58rem;letter-spacing:.18em}.material-stack article{min-height:82vh;background:var(--paper);border:1px solid var(--ink);padding:2vw;display:grid;grid-template-columns:1.3fr .7fr;gap:4vw;align-items:center;box-shadow:0 -18px 40px rgba(0,0,0,.08)}.material-stack figure{margin:0;height:70vh;display:grid;place-items:center;background:#d4ccbe;overflow:hidden}.material-stack figure img{width:100%;height:100%;object-fit:contain}.material-stack h3{font:800 clamp(3.5rem,7vw,8rem)/.85 var(--display);text-transform:uppercase;letter-spacing:-.06em;margin:1rem 0}.material-stack p{line-height:1.8}.contact{min-height:100svh;padding:12vw 7vw;background:#121717;color:#f4eee6;position:relative;overflow:hidden}.contact>span{font-size:.58rem;text-transform:uppercase;letter-spacing:.18em}.contact h2{position:relative;z-index:2;margin:2rem 0}.contact p{max-width:520px;line-height:1.8}.contact>a{display:flex;justify-content:space-between;max-width:760px;border-bottom:1px solid;padding:1.2rem 0;margin-top:5rem;font:700 clamp(1.5rem,3vw,3rem)/1 var(--display);text-transform:uppercase}.contact-plan{position:absolute;right:-8vw;bottom:-15vw;width:50vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);transform:rotate(24deg)}.contact-plan span{position:absolute;background:rgba(255,255,255,.18)}.contact-plan span:nth-child(1){left:25%;top:0;bottom:0;width:1px}.contact-plan span:nth-child(2){left:65%;top:0;bottom:0;width:1px}.contact-plan span:nth-child(3){top:35%;left:0;right:0;height:1px}.contact-plan span:nth-child(4){top:72%;left:0;right:0;height:1px}footer{padding:3rem 3vw;background:#111717;color:#f4eee6;display:grid;grid-template-columns:1fr auto auto auto;gap:3vw;align-items:end}footer img{width:160px;filter:brightness(0) invert(1)}footer span,footer a{text-transform:uppercase;font-size:.56rem;letter-spacing:.15em}@media(max-width:820px){.grid-overlay{background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(0,0,0,.08) calc(50% - .5px) 50%,transparent 50%)}header[data-header]{height:74px;padding:0 5vw;grid-template-columns:1fr auto}.edition{display:none}.brand{width:135px}.menu{padding:18vh 6vw}.menu>a{font-size:13vw}.hero{min-height:700px;padding:90px 5vw 5vw}.hero h1{left:5vw;bottom:7vw;font-size:20vw}.hero-media{top:15vh;right:5vw;width:72vw;height:51vh}.hero-copy{left:5vw;bottom:4vw;right:5vw}.hero-copy p{display:none}.hero-line{right:5vw;width:78vw}.statement{padding:8rem 5vw;grid-template-columns:1fr}.statement h2,.statement p{grid-column:1}.statement h2{font-size:15vw}.projects{height:auto;overflow:visible}.projects-track{display:block;width:auto}.project-intro,.project{width:auto;height:auto;min-height:100svh;padding:7rem 5vw;display:grid;grid-template-columns:1fr}.project-intro h2,.project-count{grid-column:1}.project-intro h2{font-size:18vw}.project figure{grid-row:auto;height:58vh}.project h3{font-size:13vw}.method{grid-template-columns:1fr;padding:7rem 5vw}.method-visuals{position:relative;top:auto;height:54vh}.method-steps article{min-height:auto;padding:5rem 0;opacity:1}.method-steps article:not(:first-child){display:none}.materials{padding:7rem 5vw}.materials>header{grid-template-columns:1fr}.materials h2{font-size:15vw;margin-top:1.5rem}.material-stack article{min-height:auto;grid-template-columns:1fr;padding:5vw;margin-bottom:2rem}.material-stack figure{height:52vh}.material-stack h3{font-size:14vw}.contact{padding:8rem 5vw}.contact h2{font-size:15vw}.contact-plan{width:90vw}footer{grid-template-columns:1fr 1fr}footer img{grid-column:1/-1}}