*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#ede5d8;--off:#e6ddd0;--g100:#d8cfbf;--g200:#bfb5a4;--g400:#8a7f6e;--g600:#4a4035;--g800:#1e1a14;--black:#100e09;--grid:#3c2d1447;--rule:#3c2d1429;--font:"Space Grotesk", system-ui, sans-serif;--mono:"Space Mono", monospace}html{background:var(--white)}body{color:var(--black);font-family:var(--font);-webkit-font-smoothing:antialiased;background:var(--white);font-weight:400;overflow-x:hidden}.mono{font-family:var(--mono)}.panel{background:var(--white)}#grid-canvas{z-index:0;pointer-events:none;display:block;position:fixed;inset:0}#grain{z-index:10;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-repeat:repeat;background-size:200px 200px;animation:.16s step-end infinite grain-shift;position:fixed;inset:0}@keyframes grain-shift{0%{background-position:0 0}12%{background-position:40px 20px}25%{background-position:-30px 55px}37%{background-position:20px -40px}50%{background-position:-55px 15px}62%{background-position:35px -25px}75%{background-position:-20px 45px}87%{background-position:50px -10px}to{background-position:10px 35px}}#progress-track{z-index:50;opacity:0;background:#3c2d1426;width:1px;height:100px;position:fixed;top:50%;right:28px;transform:translateY(-50%)}#progress-fill{background:var(--g600);transform-origin:top;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(0)}#section-counter{z-index:50;opacity:0;flex-direction:column;align-items:center;gap:2px;display:flex;position:fixed;bottom:40px;right:24px}#counter-current{letter-spacing:.12em;color:var(--g600);font-size:11px;line-height:1}#counter-sep{color:var(--g400);font-size:8px;line-height:1}#counter-total{letter-spacing:.12em;color:var(--g400);font-size:9px;line-height:1}#menu-scan{z-index:95;background:var(--black);opacity:0;pointer-events:none;height:1.5px;position:fixed;top:-3px;left:0;right:0}#nav{z-index:100;opacity:0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:64px;padding:0 48px;transition:border-color .4s,background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}#nav.scrolled{-webkit-backdrop-filter:blur(16px);border-color:var(--rule);background:#ede5d8e6}#nav-logo{letter-spacing:.32em;color:var(--black);font-size:13px;font-weight:700;text-decoration:none}#burger-btn{cursor:pointer;color:var(--black);background:0 0;border:none;align-items:center;gap:12px;padding:8px 0;display:flex}#burger-label{letter-spacing:.22em;color:var(--g600);font-size:10px}#burger-icon{flex-direction:column;gap:5px;width:20px;display:flex}.bline{background:var(--black);transform-origin:50%;height:1px;display:block}@media (hover:hover) and (pointer:fine){*,:before,:after{cursor:none!important}}#cursor-ring{border:1px solid var(--black);pointer-events:none;z-index:9999;opacity:0;mix-blend-mode:multiply;will-change:transform;border-radius:50%;width:32px;height:32px;transition:width .35s cubic-bezier(.34,1.56,.64,1),height .35s cubic-bezier(.34,1.56,.64,1),border-color .2s,background .2s,opacity .3s;position:fixed;top:0;left:0}#cursor-dot{background:var(--black);pointer-events:none;z-index:9999;opacity:0;will-change:transform;border-radius:50%;width:4px;height:4px;transition:opacity .3s,transform .15s;position:fixed;top:0;left:0}body.cur-link #cursor-ring{width:48px;height:48px}body.cur-nav #cursor-ring{border-color:var(--black);width:72px;height:72px}body.cur-nav #cursor-dot{opacity:0;transform:translate(-50%,-50%)scale(0)}body.cur-press #cursor-ring{width:22px;height:22px}#nav-overlay{z-index:90;background:var(--off);clip-path:inset(0 0 100%);flex-direction:column;display:flex;position:fixed;inset:0}#nav-overlay.is-open{pointer-events:auto}#nov-top{border-bottom:1px solid var(--rule);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex}#nav-tag{letter-spacing:.28em;color:var(--g400);opacity:0;font-size:9px}#nav-count{letter-spacing:.22em;color:var(--g400);opacity:0;font-size:9px}#nav-main{flex:1;align-items:stretch;display:flex}#nav-list{grid-template-columns:repeat(4,1fr);width:100%;list-style:none;display:grid}.ov-item{border-right:1px solid var(--rule);position:relative;overflow:hidden}.ov-item:first-child{border-left:1px solid var(--rule)}.ov-link{height:100%;color:var(--black);opacity:0;flex-direction:column;justify-content:space-between;padding:36px 40px 40px;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.ov-link:before{content:"";border-top:1.5px solid var(--black);border-left:1.5px solid var(--black);opacity:0;width:16px;height:16px;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:22px;left:28px;transform:translate(-5px,-5px)}.ov-link:after{content:"";border-bottom:1.5px solid var(--black);border-right:1.5px solid var(--black);opacity:0;width:16px;height:16px;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:28px;right:28px;transform:translate(5px,5px)}.ov-link:hover:before,.ov-link:hover:after{opacity:1;transform:translate(0)}.ov-link .ov-fill{background:var(--g100);z-index:0;transition:transform .5s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:translateY(100%)}.ov-link:hover .ov-fill{transform:translateY(0)}.ov-num{letter-spacing:.22em;color:var(--g400);z-index:1;font-size:9px;transition:color .25s;position:relative}.ov-text{letter-spacing:-.02em;color:var(--black);z-index:1;font-size:clamp(24px,3.2vw,52px);font-weight:700;line-height:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.ov-link:hover .ov-text{transform:translate(6px)}.ov-arrow{z-index:1;color:var(--g400);align-self:flex-end;font-size:11px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .2s;position:relative}.ov-link:hover .ov-arrow{color:var(--black);transform:translate(4px,-4px)}#nav-footer{border-top:1px solid var(--rule);opacity:0;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 48px;display:flex}.nav-email{letter-spacing:.14em;color:var(--g400);font-size:10px;text-decoration:none;transition:color .2s}.nav-email:hover{color:var(--black)}#nav-foot-mark{letter-spacing:.22em;color:var(--g200);font-size:9px}.panel{z-index:2;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 8vw;display:flex;position:relative;overflow:hidden}.panel-inner{z-index:2;flex-direction:column;gap:48px;max-width:100%;display:flex;position:relative}.panel-inner--right{text-align:right;align-items:flex-end}.panel-inner--center{text-align:center;align-items:center;gap:56px}.panel-rule{background:var(--black);transform-origin:0;z-index:3;height:1px;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.panel-ghost-num{color:#0000;-webkit-text-stroke:2px #3c2d1447;letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;will-change:transform;font-size:clamp(140px,24vw,380px);font-weight:700;line-height:1;position:absolute;bottom:6vh;left:auto;right:4vw}.panel-ghost-num--left{left:4vw;right:auto}.layer-tag{letter-spacing:.26em;color:var(--g400);clip-path:inset(0 100% 0 0);font-size:10px;display:block}.statement-block{flex-direction:column;gap:.04em;display:flex}.s-line-wrap{line-height:.9;overflow:hidden}.s-line{letter-spacing:-.03em;color:var(--black);will-change:transform;font-size:clamp(52px,9vw,144px);font-weight:700;line-height:.92;display:block;transform:translateY(110%)}.s-line-wrap--accent .s-line{color:var(--g600)}.statement-block--final .s-line{font-size:clamp(60px,10.5vw,160px)}.statement-note{max-width:36ch;color:var(--g600);opacity:0;font-size:clamp(14px,1.3vw,16px);line-height:1.8}#hero-graphic{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#hero-svg{color:#3c2d14;stroke:currentColor;will-change:transform;width:min(88vw,88vh);height:min(88vw,88vh)}#load{justify-content:center;align-items:flex-start;padding:0 8vw}#load-inner{z-index:2;mix-blend-mode:multiply;flex-direction:column;gap:20px;display:flex;position:relative}#wordmark{letter-spacing:-.04em;color:var(--black);opacity:0;font-size:clamp(80px,16vw,240px);font-weight:700;line-height:1;display:flex}.wm-wrap{vertical-align:bottom;line-height:.95;display:inline-block;overflow:hidden}.wm-char{will-change:transform;display:inline-block}#load-sub{letter-spacing:.28em;color:var(--g400);clip-path:inset(0 100% 0 0);font-size:10px}#scroll-cue{letter-spacing:.28em;color:var(--g400);writing-mode:vertical-rl;opacity:0;font-size:9px;position:absolute;bottom:48px;left:8vw}.panel--work{height:100vh;min-height:unset;justify-content:flex-start;align-items:flex-start;padding:0;overflow:hidden}#facade-label{z-index:5;clip-path:inset(0 100% 0 0);position:absolute;top:36px;left:8vw}#work-track-outer{position:absolute;inset:0;overflow:hidden}#work-track{will-change:transform;color:#3c2d14;align-items:stretch;height:100%;display:flex}.wc-intro{border-right:1px solid var(--rule);flex-shrink:0;align-items:flex-end;width:38vw;min-width:320px;padding:0 6vw 10vh 8vw;display:flex}.wc-intro-inner{flex-direction:column;gap:20px;display:flex}.wc-intro-tag{letter-spacing:.28em;color:var(--g400);font-size:9px}.wc-intro-heading{letter-spacing:-.03em;color:var(--black);font-size:clamp(48px,7vw,100px);font-weight:700;line-height:.9}.wc-intro-count{letter-spacing:.22em;color:var(--g400);font-size:9px}.work-card{border-right:1px solid var(--rule);cursor:pointer;flex-shrink:0;grid-template-rows:auto 1fr auto auto;gap:0;width:62vw;min-width:380px;padding:80px 56px 56px;transition:background .3s;display:grid;position:relative}.work-card:hover{background:var(--off)}.wc-bg-letter{letter-spacing:-.06em;color:#35e068;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(280px,36vw,520px);font-weight:700;line-height:1;transition:opacity .3s;position:absolute;bottom:-.1em;right:-.05em}.wc--clutch:hover .wc-bg-letter{opacity:.11}.wc-top{border-bottom:1px solid var(--rule);z-index:1;justify-content:space-between;align-items:center;padding-bottom:40px;display:flex;position:relative}.wc-num{letter-spacing:.2em;color:var(--g400);font-size:10px}.wc-cat{letter-spacing:.18em;color:var(--g400);font-size:9px}.wc-title{letter-spacing:-.03em;color:var(--black);z-index:1;align-self:center;padding:32px 0;font-size:clamp(44px,6.5vw,96px);font-weight:700;line-height:.9;transition:color .2s;position:relative}.work-card:hover .wc-title{color:var(--g600)}.wc-visual{align-self:end;width:100%;max-width:360px;margin-bottom:24px}.wc-visual svg{width:100%;height:auto}.wc-bottom{border-top:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:24px;padding-top:24px;display:flex}.wc-desc{color:var(--g600);max-width:28ch;font-size:clamp(12px,1.1vw,14px);line-height:1.7}.wc-link{letter-spacing:.18em;color:var(--g600);white-space:nowrap;flex-shrink:0;font-size:10px;text-decoration:none;transition:color .2s}.wc-link:hover{color:var(--black)}#work-progress{background:var(--rule);z-index:5;height:1px;position:absolute;bottom:0;left:0;right:0}#work-progress-fill{background:var(--black);transform-origin:0;height:100%;transform:scaleX(0)}.panel--exit{justify-content:space-between;padding-top:16vh;padding-bottom:0}.panel--exit .panel-inner{gap:64px}#contact-cta{letter-spacing:.08em;color:var(--g600);border-bottom:1px solid var(--rule);opacity:0;align-self:flex-start;padding-bottom:4px;font-size:clamp(13px,1.6vw,18px);text-decoration:none;transition:color .2s,border-color .2s}#contact-cta:hover{color:var(--black);border-color:var(--black)}#site-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;width:100%;padding:28px 0;display:flex}#footer-mark,#footer-copy{letter-spacing:.22em;color:var(--g400);font-size:10px}@media (width<=900px){#nav-list{grid-template-columns:repeat(2,1fr)}.ov-item:nth-child(2){border-right:none}.ov-item:nth-child(3){border-left:1px solid var(--rule);border-top:1px solid var(--rule)}.ov-item:nth-child(4){border-top:1px solid var(--rule)}.ov-link{padding:28px 28px 32px}}@media (width<=768px){.panel{padding:80px 6vw}#load{padding:0 6vw}#nav,#nov-top,#nav-footer{padding:0 24px}.panel--work{padding:80px 6vw 10vh}#scroll-cue{left:6vw}#progress-track,#section-counter{display:none}.panel-ghost-num{font-size:clamp(100px,35vw,180px)}}@media (width<=480px){#nav-list{grid-template-columns:1fr}.ov-item{border-bottom:1px solid var(--rule);border-left:none!important;border-right:none!important}.ov-item:first-child{border-top:1px solid var(--rule)}.ov-text{font-size:clamp(28px,8vw,40px)}.s-line{font-size:clamp(40px,12vw,72px)}}