.opener-container{--c-black:var(--color-background,#050505);--c-warm-white:var(--color-primary,#F5F1E8);--c-warm-white-dim:color-mix(in srgb,var(--color-primary,#F5F1E8) 42%,transparent);--c-accent:var(--color-accent,#b56c4b);--c-text:var(--color-text,#D8D4C8);--ease-expo:cubic-bezier(0.87,0,0.13,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--wave-height:9vw;position:fixed;inset:0;z-index:99999;transition:transform 1s var(--ease-out-quint);pointer-events:auto}.opener-container.exiting{transform:translateY(calc(-100% - var(--wave-height)))}.opener-panel{position:absolute;inset:0;background:var(--c-black);overflow:hidden}.opener-curve{position:absolute;top:100%;left:0;width:100%;height:var(--wave-height);display:block;color:var(--c-black)}.opener-meta{position:absolute;top:2rem;font-family:var(--font-pixel);font-size:.68rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--c-warm-white-dim);opacity:0;animation:metaFadeIn .9s var(--ease-out-expo) .4s forwards}.opener-meta.left{left:2rem}.opener-meta.right{right:2rem}@keyframes metaFadeIn{to{opacity:1}}.opener-greeting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.9rem;opacity:0;animation:metaFadeIn .5s ease-out .3s forwards;transition:opacity .35s ease,filter .35s ease}.opener-greeting.leaving{opacity:0!important;filter:blur(6px)}.opener-dot{width:9px;height:9px;border-radius:50%;background:var(--c-accent);flex-shrink:0}.opener-word{font-family:"Comico",var(--font-sans);font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:400;letter-spacing:-.015em;color:var(--c-text)}.opener-name{position:absolute;left:2rem;right:2rem;bottom:2rem;display:flex;flex-direction:column;visibility:hidden}.opener-name.revealed{visibility:visible}.opener-name .name-line{display:block;overflow:hidden}.opener-name .name-line-inner{display:block;font-family:"Comico",var(--font-serif);font-size:clamp(2.6rem,11.5vw,11rem);font-weight:500;line-height:.9;letter-spacing:-.025em;text-transform:uppercase;color:var(--c-warm-white);transform:translateY(110%)}.opener-name .name-line-inner em{font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--c-accent)}.opener-name.revealed .name-line-inner{animation:nameLineUp 1.1s var(--ease-expo) forwards}.opener-name.revealed .name-line:first-child .name-line-inner{animation-delay:0s}.opener-name.revealed .name-line:nth-child(2) .name-line-inner{animation-delay:.12s}@keyframes nameLineUp{to{transform:translateY(0)}}.opener-count{position:absolute;right:2rem;bottom:2rem;font-family:"Comico",var(--font-mono);font-size:clamp(4rem,14vw,13rem);font-weight:400;line-height:.8;letter-spacing:-.04em;color:var(--c-warm-white);opacity:0;font-variant-numeric:tabular-nums;animation:metaFadeIn .6s ease-out .3s forwards;transition:opacity .5s ease,transform .5s var(--ease-out-expo)}.opener-count.leaving{opacity:0!important;transform:translateY(-20px)}@media (prefers-reduced-motion:reduce){.opener-container{transition-duration:.2s}}html[data-intro-skip="1"] .opener-container{display:none!important}#hero-section{--hero-shift-x:0px;--hero-shift-y:0px}.hero-parallax-layer{translate:var(--hero-shift-x) calc(var(--hero-shift-y) + var(--cut-type-lift, 0px));opacity:var(--cut-type-out,1);will-change:translate,opacity}@media (prefers-reduced-motion:reduce){.hero-parallax-layer{translate:none}}.cut{position:relative;width:100%;background-color:#000000;--cut-bar:0;--cut-scale:1;--cut-lift:0px;--cut-vignette:0;--cut-type-lift:0px;--cut-type-out:1;--cut-flare:0;--cut-flare-open:0.18;--cut-burn:0;--cut-curtain:0;--cut-line-out:1;--cut-frame-w:100vw}.cut-holder{position:sticky;top:0;height:100vh;overflow:hidden}.cut-frame{height:100%;transform:translate3d(0,var(--cut-lift),0) scale(var(--cut-scale));transform-origin:50% 45%;will-change:transform}.cut-layer{inset:0}.cut-bar,.cut-layer{position:absolute;pointer-events:none}.cut-bar{left:0;right:0;height:37vh;background-color:#000000;transform:scaleY(var(--cut-bar));will-change:transform}.cut-bar--top{top:0;transform-origin:50% 0}.cut-bar--bottom{bottom:0;transform-origin:50% 100%}.cut-vignette{opacity:var(--cut-vignette);mix-blend-mode:multiply;background:radial-gradient(ellipse 80% 60% at 50% 45%,transparent 30%,rgb(0 0 0/.55) 78%,rgb(0 0 0/.9) 100%)}.cut-flare{top:50%;height:clamp(6rem,22vh,16rem);translate:0 -50%;opacity:var(--cut-flare);transform:scaleX(var(--cut-flare-open));transform-origin:50% 50%;will-change:opacity,transform;background:linear-gradient(to bottom,transparent 44%,color-mix(in srgb,var(--color-primary) 85%,transparent) 49.5%,#ffffff 50%,color-mix(in srgb,var(--color-primary) 85%,transparent) 50.5%,transparent 56%),linear-gradient(to bottom,transparent 8%,color-mix(in srgb,var(--cut-ember) 22%,transparent) 38%,color-mix(in srgb,var(--cut-ember) 52%,transparent) 50%,color-mix(in srgb,var(--cut-ember) 22%,transparent) 62%,transparent 92%);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 22%,black 78%,transparent);mask-image:linear-gradient(90deg,transparent 0,black 22%,black 78%,transparent)}.cut-burn,.cut-flare{mix-blend-mode:screen}.cut-burn{opacity:var(--cut-burn);background:radial-gradient(ellipse 120% 70% at 50% 50%,color-mix(in srgb,var(--color-primary) 60%,transparent) 0,color-mix(in srgb,var(--cut-ember) 30%,transparent) 45%,transparent 80%)}.cut-curtain{overflow:hidden}.cut-col{position:absolute;top:0;bottom:0;left:calc(var(--i) * 100% / var(--cut-cols));width:calc(100% / var(--cut-cols) + 1px);background-color:#000000;--col:clamp(0,calc(var(--cut-curtain) * var(--cut-col-span) - var(--d)),1);transform:translate3d(0,calc((1 - var(--col)) * 100%),0);will-change:transform;pointer-events:none}.cut-air{width:100%;height:var(--cut-air)}@media (prefers-reduced-motion:reduce){.cut-holder{position:relative;height:auto}.cut-bar,.cut-burn,.cut-curtain,.cut-flare,.cut-vignette{display:none}}.cut-slate{position:absolute;inset:0;opacity:var(--cut-line-out);pointer-events:none}.cut-slate-slice{bottom:0;left:calc(var(--i) * var(--cut-frame-w) / var(--cut-cols) - .5px);width:calc(var(--cut-frame-w) / var(--cut-cols) + 1px);overflow:hidden;--col:clamp(0,calc(var(--cut-curtain) * var(--cut-col-span) - var(--d)),1);transform:translate3d(0,calc((1 - var(--col)) * 100%),0)}.cut-slate-inner,.cut-slate-slice{position:absolute;top:0;will-change:transform}.cut-slate-inner{height:100%;left:calc(-1 * var(--i) * var(--cut-frame-w) / var(--cut-cols) + .5px);width:var(--cut-frame-w);display:flex;align-items:center;justify-content:center;transform:translate3d(0,calc((1 - var(--col)) * -100%),0)}.cut-slate-stack{display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(1.5rem,7vw,8rem)}.cut-slate-lead{max-width:min(90vw,54rem);font-family:var(--font-hero-display);font-weight:700;font-size:clamp(2rem,5.4vw,4.6rem);line-height:1.02;letter-spacing:.012em;color:var(--color-primary);text-wrap:balance}.cut-slate-coda{max-width:min(86vw,34rem);margin-top:clamp(1.1rem,3.2vh,2.2rem);font-family:var(--font-optima);font-weight:400;font-style:italic;font-size:clamp(1.05rem,2.05vw,1.9rem);line-height:1.34;letter-spacing:.015em;color:color-mix(in srgb,var(--cut-ember) 86%,var(--color-primary));text-wrap:balance}.cut-slate-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:640px){.cut-slate-stack{padding-inline:1.35rem}.cut-slate-lead{max-width:94vw;font-size:clamp(1.6rem,8.4vw,2.6rem);line-height:1.08}.cut-slate-coda{max-width:90vw;margin-top:1.1rem;font-size:clamp(.95rem,4.1vw,1.25rem);line-height:1.4}}@media (max-height:620px){.cut-slate-lead{font-size:clamp(1.35rem,5vw,2.1rem)}.cut-slate-coda{margin-top:.7rem;font-size:clamp(.85rem,2.2vw,1.05rem)}}@media (prefers-reduced-motion:reduce){.cut-slate{display:none}.cut-slate-sr{position:relative;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;padding:clamp(3rem,10vh,6rem) clamp(1.5rem,7vw,8rem);max-width:min(90vw,54rem);margin-inline:auto;text-align:center;font-family:var(--font-hero-display);font-weight:700;font-size:clamp(1.5rem,4vw,2.75rem);line-height:1.1;letter-spacing:.012em;color:var(--color-primary)}}@media (max-width:768px){section.desk{height:250vh}.desk .desk-stage{height:100svh}.desk-plane .desk-star{width:clamp(140px,43vw,250px);opacity:calc(var(--desk-arrive) * var(--star-opacity, 1) * .72)}.desk-plane .desk-star:first-of-type{translate:calc(-5vw + 2vw * var(--desk-displace)) calc(7svh - 4svh * var(--desk-displace))}.desk-plane .desk-star:last-of-type{translate:calc(5vw - 2vw * var(--desk-displace)) calc(-10svh + 4svh * var(--desk-displace))}.desk-plane .desk-statement{left:clamp(16px,5vw,28px);right:clamp(16px,5vw,28px);top:auto;bottom:calc(clamp(56px, 15vh, 130px) + env(safe-area-inset-bottom, 0px));max-width:none;transform:translate3d(0,calc((1 - var(--desk-displace)) * 32px + var(--desk-py) * .2),0);filter:blur(calc((1 - min(1, var(--desk-displace) * 1.6)) * 2px))}.desk-statement .desk-line{line-height:1.1;letter-spacing:-.015em}.desk-statement .desk-line--lead{font-size:clamp(18px,5.2vw,26px)}.desk-statement .desk-line--main{font-size:clamp(26px,8.6vw,42px);max-width:16ch}.desk-plane .desk-canvas{cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}@media (prefers-reduced-motion:reduce){.desk-plane .desk-statement{filter:none}}.desk{position:relative;width:100%;height:var(--desk-scroll-vh,340vh);background-color:#050505}.desk-stage{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;isolation:isolate}.desk{--desk-arrive:1;--desk-displace:1;--desk-exit:0;--desk-px:0px;--desk-py:0px}.desk[data-desk-state=armed]{--desk-arrive:0;--desk-displace:0;--desk-exit:0}.desk-plane{transform:translate3d(0,calc(var(--desk-exit) * -118vh),0);opacity:calc(1 - var(--desk-exit));will-change:transform,opacity}.desk-canvas,.desk-plane{position:absolute;inset:0}.desk-canvas{z-index:2;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.desk-canvas[data-desk-drag=true]{cursor:grabbing;touch-action:none}.desk-star{z-index:0;width:var(--size);height:auto;opacity:calc(var(--desk-arrive) * var(--star-opacity, 1));transform:translate3d(calc(var(--from-x) * (1 - var(--desk-arrive)) + var(--push-x) * var(--desk-displace) + var(--desk-px) * var(--depth)),calc(var(--from-y) * (1 - var(--desk-arrive)) + var(--push-y) * var(--desk-displace) + var(--desk-py) * var(--depth)),0) rotate(calc(var(--rotate) * (.35 + .65 * var(--desk-arrive))));will-change:transform,opacity;user-select:none}.desk-star,.desk-statement{position:absolute;pointer-events:none}.desk-statement{z-index:1;left:clamp(24px,7vw,130px);top:50%;margin:0;max-width:min(46vw,720px);transform:translate3d(calc((1 - var(--desk-displace)) * 46vw + var(--desk-px) * var(--depth, .38)),calc(-50% + var(--desk-py) * var(--depth, .38)),0);opacity:calc(min(1, var(--desk-displace) * 2.5));filter:blur(calc((1 - min(1, var(--desk-displace) * 1.6)) * 4px));will-change:transform,opacity,filter}.desk-line{display:block;color:#f5f1e8;font-family:Comico,Cabinet Grotesk,Satoshi,sans-serif;letter-spacing:-.02em;line-height:1.06}.desk-line--lead{font-size:clamp(28px,3.4vw,58px);font-weight:500}.desk-line--main{font-size:clamp(34px,4.6vw,78px);font-weight:700}@media (max-width:900px){.desk-statement{left:clamp(20px,6vw,48px);right:clamp(20px,6vw,48px);top:auto;bottom:clamp(48px,12vh,130px);max-width:none;transform:translate3d(0,calc((1 - var(--desk-displace)) * 48px + var(--desk-py) * .2),0)}.desk-star{width:calc(var(--size) * .7)}}@media (prefers-reduced-motion:reduce){.desk-plane,.desk-star,.desk-statement{will-change:auto}.desk-statement{filter:none}.desk-canvas{cursor:default}}.wt{position:relative;width:100%;--wt-open:1;--wt-push:1;--wt-out:1}.wt-holder{position:sticky;top:0;height:100vh;align-items:center;overflow:hidden}.wt-holder,.wt-word{display:flex;justify-content:center}.wt-word{align-items:baseline;font-family:Boreck,"Bespoke Serif",ui-serif,Georgia,serif;font-weight:700;font-size:clamp(3.5rem,19vw,18rem);line-height:.9;letter-spacing:-.02em;color:var(--wt-ink,#f2ede3);transform:scale(var(--wt-push));opacity:var(--wt-out);will-change:transform,opacity;user-select:none}.wt-letter{display:inline-block;--l:clamp(0,calc(var(--wt-open) * var(--wt-span) - var(--d)),1);--band:calc(var(--l) * 50%);--feather:calc(var(--l) * 3%);opacity:clamp(0,calc(var(--l) * 60),1);-webkit-mask-image:linear-gradient(to bottom,transparent calc(50% - var(--band) - var(--feather)),#000 calc(50% - var(--band)),#000 calc(50% + var(--band)),transparent calc(50% + var(--band) + var(--feather)));mask-image:linear-gradient(to bottom,transparent calc(50% - var(--band) - var(--feather)),#000 calc(50% - var(--band)),#000 calc(50% + var(--band)),transparent calc(50% + var(--band) + var(--feather)));translate:0 calc((1 - var(--l)) * var(--wt-drift, 0px));will-change:translate,opacity}.wt-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}.wt[data-wt-gl=on] .wt-canvas{opacity:1}.wt[data-wt-gl=on] .wt-word{opacity:0;transform:none;will-change:auto}.wt[data-wt-gl=on] .wt-letter{-webkit-mask-image:none;mask-image:none;translate:none;opacity:1;will-change:auto}@media (prefers-reduced-motion:reduce){.wt-holder{position:relative;height:auto;padding:6rem 0}.wt-word{transform:none;opacity:1}.wt-canvas{display:none}.wt-letter{-webkit-mask-image:none;mask-image:none;translate:none;opacity:1}}@media (max-width:768px){.work-stage .work-project-list{width:max-content;max-width:58vw;right:clamp(12px,4vw,20px);left:auto;bottom:calc(clamp(14px, 3vh, 30px) + env(safe-area-inset-bottom, 0px));isolation:isolate}.work-stage .work-project-list:before{content:"";position:absolute;inset:-14px -28px -22px -18px;background:linear-gradient(0deg,rgba(5,5,5,.86) 0,rgba(5,5,5,.66) 48%,rgba(5,5,5,0));z-index:-1;pointer-events:none}.work-project-list .work-project-row{font-size:11px;line-height:1.55;padding:1px 7px}section.vault-teaser{height:190vh}.vault-teaser .vault-teaser__stage{height:100svh}.vault-teaser .vault-teaser__cue{font-size:clamp(13px,3.9vw,17px);line-height:1.34;max-width:78vw;transform:translateX(-50%)}.vault-teaser .vault-teaser__trigger{touch-action:manipulation}}@media (max-width:768px) and (prefers-reduced-motion:reduce){section.vault-teaser{height:100svh}}