@font-face{font-family:Anton;src:url('/assets/fonts/anton-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/fonts/satoshi-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/fonts/satoshi-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#f0efe8;--black:#0a0a09;--edge:3.2vw;--frame:min(64vw,106svh);color-scheme:dark}
*{box-sizing:border-box}html{background:var(--black);scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--black);font-family:Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{color:var(--black);background:var(--ink)}
.skip-link{position:fixed;top:12px;left:20px;z-index:100;padding:12px;background:var(--ink);color:var(--black);transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:20;inset:0 0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:27px var(--edge);font-size:13px;line-height:1.4}.signature{font-weight:700}.site-header p{margin:0;justify-self:center}.collections-link{justify-self:end}.collections-link span{font:10px monospace;margin-left:9px}.site-header a:hover{text-decoration:underline;text-underline-offset:4px}
.hero{height:100svh;position:relative}.motion-ready .hero{height:430svh}.stage{height:100svh;min-height:360px;position:sticky;top:0;overflow:clip;background:var(--black)}
.camera{position:absolute;left:66%;top:52%;width:var(--frame);aspect-ratio:3/2;transform:translate(-50%,-50%)}
.lens{width:100%;height:100%;perspective:calc(var(--frame)*2.5);perspective-origin:50% 50%}
.pointer-rig,.world{width:100%;height:100%;position:relative;transform-style:preserve-3d}
.plate{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d;transform-origin:calc((var(--x) + var(--w)/2)/1920*100%) calc((var(--y) + var(--h)/2)/1280*100%);will-change:transform}
.plate img{position:absolute;left:calc(var(--x)/1920*100%);top:calc(var(--y)/1280*100%);width:calc(var(--w)/1920*100%);height:calc(var(--h)/1280*100%);max-width:none;display:block;user-select:none;backface-visibility:hidden}
.sky-clean{opacity:0}.plate[data-layer='van-blue'] img{clip-path:inset(0 46.9% 34.1% 0)}
.clean-surface{position:absolute;left:calc(var(--x)/1920*100%);top:calc(var(--y)/1280*100%);width:calc(var(--w)/1920*100%);height:calc(var(--h)/1280*100%);overflow:hidden;mask-size:100% 100%;mask-repeat:no-repeat;opacity:0}
.plate .clean-surface img{left:calc(var(--x)/var(--w)*-100%);top:calc(var(--y)/var(--h)*-100%);width:calc(1920/var(--w)*100%);height:calc(1280/var(--h)*100%)}
.original{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;transform:translateZ(.1px)}
.identity{position:absolute;left:-47%;top:14%;width:max-content;margin:0;font:400 calc(var(--frame)*.14)/.98 Anton,Impact,sans-serif;letter-spacing:-.018em;text-transform:uppercase;transform-origin:left top;pointer-events:none;backface-visibility:hidden}.identity span{display:block}
.enter-collections{position:absolute;left:50%;top:76%;z-index:10;display:flex;gap:30px;align-items:center;min-height:44px;font-size:12px;transform:translateX(-50%);opacity:0;visibility:hidden}.enter-collections span{font-size:28px}.enter-collections:hover{text-decoration:underline;text-underline-offset:4px}
.stage-footer{position:absolute;z-index:20;left:0;bottom:0;right:0;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px var(--edge) 27px;background:var(--black)}
.project-caption{display:flex;align-items:center;gap:24px;min-height:36px;border:0;border-radius:0;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer;font-size:13px}.meta,.scroll-cue{font:11px/1.5 ui-monospace,monospace}.project-caption:hover .meta{text-decoration:underline;text-underline-offset:4px}.scroll-cue{display:flex;align-items:center;gap:20px;min-height:36px}.scroll-cue span{font-size:22px}
.progress-track{position:absolute;z-index:21;inset:auto 0 0;height:1px}.progress-track span{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
.site-footer{display:flex;justify-content:space-between;gap:24px;padding:25px var(--edge) 45px;font-size:12px}.site-footer p{margin:0}.no-script{padding:25px}
.static-motion .scroll-cue,.static-motion .progress-track{display:none}.static-motion .plate{display:none}
@media(max-width:700px){
 :root{--edge:20px;--frame:92vw}.site-header{grid-template-columns:1fr 1fr;gap:16px;padding-top:22px;font-size:12px}.site-header p{justify-self:end}.collections-link{grid-column:2;justify-self:end;font-size:10px;margin-top:-8px}
 .motion-ready .hero{height:390svh}.camera{left:50%;top:62%}.identity{left:0;top:-66vw;font-size:31.2vw;line-height:.96}
 .stage-footer{padding:18px var(--edge) 24px}.project-caption{flex-direction:column;align-items:flex-start;gap:5px;font-size:12px}.meta,.scroll-cue{font-size:10px}.scroll-cue{gap:11px}.enter-collections{top:72%;font-size:11px}.site-footer{flex-direction:column;gap:14px;padding-bottom:35px}
}
@media(max-height:600px) and (orientation:landscape){
 :root{--frame:min(52vw,90svh)}.stage{min-height:0}.site-header{grid-template-columns:1fr 1fr 1fr;gap:16px;padding-top:17px;font-size:10px}.site-header p{justify-self:center}.collections-link{grid-column:auto;margin-top:0;font-size:inherit}.camera{left:68%;top:51%}.identity{left:-79%;top:12%;font-size:calc(var(--frame)*.22);line-height:.98}.stage-footer{padding-top:10px;padding-bottom:13px}.project-caption{flex-direction:row;align-items:center;gap:14px;font-size:11px}.meta,.scroll-cue{font-size:9px}.enter-collections{top:72%}
}
@media(prefers-reduced-motion:reduce){.hero,.motion-ready .hero{height:100svh}.plate{will-change:auto}.scroll-cue,.progress-track{display:none}}