:root{--bone:#e9e4da;--paper:#f3f0e9;--graphite:#1d211f;--olive:#777b67;--clay:#a16f50;--line:#b8b3aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--graphite);background:var(--paper);font:14px/1.55 Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:10px;background:white}.skip:focus{top:20px}.site-head{height:104px;display:grid;grid-template-columns:1.2fr 1fr 2fr;align-items:center;padding:0 3vw;border-bottom:1px solid var(--line);background:var(--paper)}.wordmark{font-size:24px;font-weight:600;letter-spacing:-1.5px}.wordmark span{font:9px DM Mono,monospace;vertical-align:top;margin-left:3px}.site-head>p{margin:0;font:9px/1.45 DM Mono,monospace;letter-spacing:.5px}.site-head nav{display:flex;justify-content:flex-end;gap:38px;text-transform:uppercase;font:10px DM Mono,monospace}.site-head nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-toggle{display:none}.hero{display:grid;grid-template-columns:34% 66%;grid-template-rows:auto auto;min-height:calc(100svh - 104px)}.hero-title{position:relative;z-index:2;display:flex;justify-content:center;flex-direction:column;padding:7vw 0 4vw 3vw}.label{font:10px DM Mono,monospace;letter-spacing:1.3px}.hero h1{width:150%;margin:20px 0 0;font-size:clamp(64px,10vw,160px);line-height:.83;letter-spacing:-8px;font-weight:500}.hero h1 i,.manifest h2 em,.process h2 em,.contact h2 em{font-weight:400;color:var(--clay)}.hero-image{position:relative;margin:0;overflow:hidden}.hero-image img{width:100%;height:100%;min-height:650px;object-fit:cover;filter:saturate(.75)}.hero-image figcaption{position:absolute;right:0;bottom:0;display:flex;gap:45px;width:48%;padding:15px 20px;background:var(--paper);font:9px DM Mono,monospace}.hero-intro{grid-column:1/-1;display:grid;grid-template-columns:34% 43% 23%;align-items:start;padding:35px 3vw;border-top:1px solid var(--line)}.hero-intro span{font:10px DM Mono,monospace}.hero-intro p{max-width:590px;margin:0;font-size:16px}.hero-intro a{justify-self:end;border-bottom:1px solid;padding-bottom:5px;font:10px DM Mono,monospace;text-transform:uppercase}.section{padding:130px 3vw}.manifest{display:grid;grid-template-columns:15% 60% 25%;gap:0;background:var(--graphite);color:var(--bone)}.section-code{font:10px DM Mono,monospace;color:#989a90}.manifest h2,.process h2,.contact h2{margin:25px 0;font-size:clamp(45px,6.2vw,96px);line-height:1;letter-spacing:-5px;font-weight:500}.manifest-note{align-self:end;margin:0;color:#b6b7ae}.projects{border-bottom:1px solid var(--line)}.project-title{display:flex;justify-content:space-between;padding:28px 3vw;border-bottom:1px solid var(--line);font:10px DM Mono,monospace}.project{display:grid;grid-template-columns:68% 32%;min-height:720px;border-bottom:1px solid var(--line)}.project:nth-of-type(3){grid-template-columns:32% 68%}.project:nth-of-type(3) .project-info{grid-column:1;grid-row:1}.project:nth-of-type(3) .project-art{grid-column:2}.project-visual{overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.project:hover .project-visual img{transform:scale(1.025)}.project-info{display:flex;flex-direction:column;padding:45px 3vw}.project-info>span{font:9px DM Mono,monospace}.project-info h3{margin:auto 0 60px;font-size:clamp(48px,6vw,92px);line-height:.86;letter-spacing:-5px;font-weight:500}.project-info dl{margin:0;border-top:1px solid var(--line)}.project-info dl div{display:grid;grid-template-columns:1fr 1fr;padding:9px 0;border-bottom:1px solid var(--line);font:9px DM Mono,monospace}.project-info dd{margin:0}.project-info button{align-self:flex-start;margin-top:28px;border:0;border-bottom:1px solid;padding:6px 0;background:none;text-transform:uppercase;font:9px DM Mono,monospace;cursor:pointer}.project-art{position:relative;overflow:hidden;min-height:600px}.art-clay{background:#b58565}.art-clay i{position:absolute;display:block;background:var(--bone)}.art-clay i:nth-child(1){width:56%;height:120%;left:7%;top:-10%;border-radius:50% 50% 0 0}.art-clay i:nth-child(2){width:32%;height:47%;right:10%;top:15%;background:var(--graphite)}.art-clay i:nth-child(3){width:45%;height:28%;right:-6%;bottom:8%;border-radius:50%}.art-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1.4fr;gap:2px;padding:7%;background:#272c29}.art-grid span{background:#8c9178}.art-grid span:nth-child(2){background:#d7d0c3;border-radius:100% 0 0 0}.art-grid span:nth-child(3){background:#a07154;border-radius:0 100% 0 0}.art-grid span:nth-child(4){background:#b8b0a2}.process{display:grid;grid-template-columns:15% 40% 45%;background:var(--bone)}.process-head h2{font-size:clamp(44px,5vw,78px)}.process ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.process li>span{font:9px DM Mono,monospace;color:var(--clay)}.process h3{margin:0 0 7px;font-size:17px;font-weight:500}.process li p{margin:0;color:#646760}.contact{display:grid;grid-template-columns:55% 45%;gap:5vw;padding:130px 3vw;background:#878b74;color:#151714}.contact h2{font-size:clamp(55px,7vw,110px)}.contact h2 em{color:var(--paper)}.contact form{padding-right:6vw}.contact label{display:grid;grid-template-columns:40% 60%;align-items:center;padding:17px 0;border-bottom:1px solid rgba(20,23,20,.45);font:9px DM Mono,monospace;text-transform:uppercase}.contact input,.contact select,.contact textarea{width:100%;border:0;outline:0;background:transparent;color:inherit}.contact textarea{resize:vertical}.contact form button{display:flex;justify-content:space-between;width:100%;margin-top:30px;padding:18px;border:1px solid var(--graphite);background:transparent;cursor:pointer;text-transform:uppercase;font:10px DM Mono,monospace}.contact form button:hover{color:var(--paper);background:var(--graphite)}#form-status{text-align:right;font:9px DM Mono,monospace}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding:45px 3vw;background:var(--graphite);color:#c6c5bd;font:9px DM Mono,monospace}footer p{margin:0}footer p:last-child{text-align:right}footer .wordmark{color:var(--paper)}footer a{text-decoration:underline;text-underline-offset:4px}dialog{width:min(700px,calc(100% - 30px));padding:65px;border:0;background:var(--bone);color:var(--graphite);box-shadow:0 25px 100px #0006}dialog::backdrop{background:#1d211fd9;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:22px;top:20px;border:0;background:none;font:10px DM Mono,monospace;cursor:pointer}dialog h2{margin:25px 0;font-size:65px;line-height:.95;letter-spacing:-4px;font-weight:500}dialog p:not(.label){max-width:510px}.dialog-cta{margin-top:20px;padding:15px 20px;border:1px solid;background:transparent;cursor:pointer}.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-head{height:78px;grid-template-columns:1fr auto}.site-head>p{display:none}.nav-toggle{display:block;border:0;background:transparent;font-size:20px}.site-head nav{position:fixed;z-index:20;inset:78px 0 0;display:flex;visibility:hidden;opacity:0;align-items:center;justify-content:center;flex-direction:column;background:var(--paper);font-size:22px;transition:.2s}.site-head nav.open{visibility:visible;opacity:1}.hero{grid-template-columns:1fr;display:block}.hero-title{padding:70px 5vw 40px}.hero h1{width:auto;font-size:20vw;letter-spacing:-5px}.hero-image img{min-height:490px}.hero-image figcaption{width:85%}.hero-intro{grid-template-columns:1fr;gap:18px;padding:28px 5vw}.hero-intro a{justify-self:start}.section{padding:90px 5vw}.manifest{grid-template-columns:1fr}.manifest .section-code{margin-bottom:45px}.manifest-note{margin-top:50px}.manifest h2,.process h2{letter-spacing:-3px}.project{grid-template-columns:1fr!important;min-height:0}.project:nth-of-type(3) .project-info,.project:nth-of-type(3) .project-art{grid-column:auto;grid-row:auto}.project-visual,.project-art{min-height:450px}.project-info{min-height:520px;padding:38px 5vw}.project-info h3{font-size:18vw}.process{grid-template-columns:1fr}.process ol{margin-top:50px}.contact{grid-template-columns:1fr;padding:90px 5vw}.contact form{padding:0}.contact label{grid-template-columns:1fr;gap:9px}footer{grid-template-columns:1fr;gap:30px;padding:45px 5vw}footer p:last-child{text-align:left}dialog{padding:50px 25px}dialog h2{font-size:45px}}
html,body{overflow-x:hidden}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}