:root{--void:#000;--ink:#fff;--dim:rgba(255,255,255,.42);--line:rgba(255,255,255,.16);--pad:clamp(22px,4vw,58px);--top:9vh}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:var(--void);color:var(--ink);font-family:Archivo,system-ui,sans-serif;cursor:none}a,button,[role=button]{cursor:none;color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.mono{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.mono.d{color:var(--ink)}#heropin{position:sticky;top:0;height:100vh;overflow:hidden;z-index:1;transform-origin:50% 0;will-change:transform,filter}#herospace{height:230vh;pointer-events:none}#scene{position:absolute;inset:0;z-index:1;background:radial-gradient(118% 88% at 50% 40%,#151515,#080808 58%,#000)}#gl{position:absolute;inset:0;width:100%;height:100%;display:block}#scene:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(to top,#000 0%,#000 22%,transparent 100%);pointer-events:none}#surface{position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%}#type{position:absolute;inset:0;z-index:3;pointer-events:none}.word{position:absolute;font-weight:900;line-height:.84;letter-spacing:-.045em;text-transform:uppercase;font-variation-settings:"wdth" 92,"wght" 900;font-size:clamp(44px,10vw,172px);will-change:transform}.w1{left:var(--pad);top:21vh;text-align:left}.w2{right:var(--pad);top:50vh;text-align:right}.lede{position:absolute;left:var(--pad);bottom:15vh;max-width:30ch;font-size:clamp(17px,2vw,26px);line-height:1.35;letter-spacing:-.01em;color:var(--ink);opacity:0;transform:translateY(16px);will-change:transform,opacity}.hhud{position:absolute;z-index:5}.hhud.tl{top:var(--pad);left:var(--pad)}.hhud.bl{bottom:var(--pad);left:var(--pad)}.hhud.bc{bottom:var(--pad);left:50%;transform:translate(-50%);text-align:center}.hhud.br{bottom:var(--pad);right:var(--pad);text-align:right}#hint{opacity:0;transition:opacity .7s}#scrollhint{transition:opacity .7s}#cue{position:absolute;left:50%;bottom:var(--pad);transform:translate(-50%);z-index:5;opacity:0;transition:opacity .6s;pointer-events:none}.sec{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:clamp(28px,5vw,80px);padding:0 var(--pad);position:relative;z-index:2;background:var(--void)}.left{position:sticky;top:0;height:100vh;transform-origin:50% 0;will-change:transform,filter;display:flex;flex-direction:column;justify-content:center;padding:var(--top) 0}.eyebrow{position:absolute;top:var(--pad);left:0}.info{position:relative;min-height:46vh}.card{position:absolute;inset:0;opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}.card.on{opacity:1;transform:none;pointer-events:auto}.card .no{display:block;margin-bottom:16px}.card h3{font-weight:900;font-variation-settings:"wdth" 90,"wght" 900;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;font-size:clamp(30px,4.4vw,66px);margin-bottom:22px}.card p{font-size:clamp(15px,1.25vw,18px);line-height:1.55;color:#b2b2b2;max-width:40ch}.card .tg{display:block;margin-top:22px}.card .go{display:flex;gap:12px;margin-top:28px}.card .go a{border:1px solid var(--line);padding:9px 18px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s}.card .go a:hover{background:var(--ink);color:var(--void);border-color:var(--ink)}.idx{position:absolute;bottom:var(--top);left:0;display:flex;gap:14px}.idx span{color:#3b3b3b;transition:color .4s}.idx span.on{color:var(--ink)}.shots{padding:var(--top) 0 150vh}.shot{position:sticky;top:var(--top);margin-bottom:34vh;background:var(--void);border:1px solid var(--line);transform-origin:50% 0;will-change:transform,filter}.shot:last-child{margin-bottom:0}.shot img{width:100%;height:auto;display:block}.shot .cap{display:flex;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line)}#about{position:relative;z-index:3;background:var(--void);margin-top:-100vh}#about .pin{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding:0 var(--pad);transform-origin:50% 0;will-change:transform,filter}#about .lab{position:absolute;top:var(--pad);left:var(--pad)}#about .space{height:260vh;pointer-events:none}.say{font-weight:500;font-variation-settings:"wdth" 92,"wght" 500;font-size:clamp(25px,4.1vw,70px);line-height:1.18;letter-spacing:-.03em;width:100%}.say w{display:inline-block;opacity:.16;transition:opacity .18s linear}.say .im{display:inline-block;vertical-align:-.3em;width:1.55em;height:1.55em;margin:0 .16em;overflow:hidden;opacity:.16;will-change:transform,opacity;transition:opacity .18s linear}.say .im img{width:100%;height:100%;object-fit:cover;display:block}#trail{position:fixed;inset:0;z-index:20;pointer-events:none}#trail img{position:fixed;left:0;top:0;width:clamp(110px,12vw,200px);aspect-ratio:1;object-fit:cover;opacity:0;will-change:transform,opacity;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}#trail img.on{opacity:1;transition:opacity .1s ease,transform .55s cubic-bezier(.16,1,.3,1)}#contact{position:relative;z-index:4;background:var(--void);margin-top:-100vh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--pad)}#contact .lab{position:absolute;top:var(--pad);left:var(--pad)}.cbody{display:flex;flex-direction:column;gap:clamp(18px,3vh,34px)}.mail{position:relative;display:block;width:100%;font-size:20px;letter-spacing:-.03em;white-space:nowrap}.mail c{position:absolute;top:0;display:inline-block;font-variation-settings:"wdth" var(--wd,86),"wght" var(--wg,360)}.crow{display:flex;gap:12px;flex-wrap:wrap}.cbtn{border:1px solid var(--line);background:none;padding:11px 20px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);transition:background .3s,color .3s,border-color .3s}.cbtn:hover{background:var(--ink);color:var(--void);border-color:var(--ink)}.cfoot{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}#dot{position:fixed;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;z-index:50;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .3s;will-change:transform}@media(pointer:coarse){#dot{display:none}}#loader{position:fixed;inset:0;z-index:90;background:var(--void);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s ease}#dots{display:flex;gap:16px;align-items:center;height:56px}#dots i{display:block;width:9px;height:9px;border-radius:50%;border:1px solid var(--ink);background:transparent;transition:background-color .35s ease;animation:osc 1.15s cubic-bezier(.37,0,.63,1) infinite;animation-delay:calc(var(--i) * .13s)}#dots i.on{background:var(--ink)}@keyframes osc{0%,to{transform:translateY(-12px)}50%{transform:translateY(12px)}}#pct{margin-top:30px}#loader.out #dots i{animation-play-state:paused;transform:translateY(0)}@media(min-width:1900px){.sec,#about .pin{max-width:1800px;margin-left:auto;margin-right:auto;width:100%}#contact{max-width:1800px;margin-left:auto;margin-right:auto}}@media(max-width:1100px){.sec{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)}.card p{font-size:15px}}@media(max-height:720px){.word{font-size:clamp(38px,8vw,120px)}.w1{top:14vh}.w2{top:46vh}.lede{bottom:11vh;font-size:clamp(15px,1.6vw,20px)}#herospace{height:190vh}.say{font-size:clamp(20px,3.1vw,42px)}#about .space{height:210vh}.shots{padding:var(--top) 0 120vh}.shot{margin-bottom:26vh}}@media(max-width:860px){.sec{grid-template-columns:1fr;gap:0}.left{position:static;height:auto;min-height:0;padding:14vh 0 0}.left .info,.left .idx{display:none}.eyebrow{position:static}.shots{padding:26px 0 0}.shot{position:static;margin-bottom:0;border:0;border-top:1px solid var(--line);transform:none!important;filter:none!important;padding-bottom:40px}.shot:first-of-type{border-top:0}.shot img{border:1px solid var(--line)}.shot .cap{border-top:0;padding:10px 0}.card{position:static;opacity:1!important;transform:none!important;pointer-events:auto;padding-top:6px}.card .no{display:none}.card h3{font-size:clamp(28px,8vw,44px);margin-bottom:14px}.card p{font-size:15.5px;max-width:none}.word{font-size:16.5vw}.w1{top:16vh}.w2{top:44vh}.lede{bottom:13vh;max-width:none;right:var(--pad);font-size:17px}#herospace{height:200vh}#about .pin{padding:16vh var(--pad) 10vh;align-items:flex-start}.say{font-size:clamp(21px,5.6vw,34px);line-height:1.26}.say .im{width:1.5em;height:1.5em}#about .space{height:190vh}#trail,.hhud.bc{display:none}#contact{min-height:100vh;padding:22vh var(--pad) calc(var(--pad) + 60px)}.cfoot{flex-direction:column;gap:6px}}@media(max-width:420px){.word{font-size:17.5vw}.say{font-size:20px}.cbtn{padding:10px 14px;font-size:9px;letter-spacing:.12em}}@media(pointer:coarse){#hint{display:none}}@media(prefers-reduced-motion:reduce){#loader{display:none}#about .pin{position:static;min-height:0;padding:14vh var(--pad)}#contact{margin-top:0}#about .space{display:none}.say w{opacity:1!important}#heropin{position:static;height:auto;padding:14vh 0;transform:none!important;filter:none!important}#herospace,#surface{display:none}#type{position:static}.word{transform:none!important;position:static;display:block;padding:0 var(--pad)}.lede{position:static;opacity:1;transform:none;padding:0 var(--pad);margin-top:26px}.hhud,#cue{display:none}.shot{position:static;margin-bottom:8vh}.card{position:static;opacity:1;transform:none}*{transition:none!important}}