@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{color-scheme:dark;--ink:#f0efe8;--black:#0a0a09}
*{box-sizing:border-box}html{background:var(--black);scroll-padding-top:28px}body{margin:0;background:var(--black);color:var(--ink);font-family:Satoshi,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:var(--ink);color:var(--black)}
.skip-link{position:fixed;top:12px;left:20px;z-index:100;padding:14px;background:var(--ink);color:var(--black);transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:28px 3.2%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;font-size:14px;line-height:1.35}.signature{font-weight:700}.site-header p{margin:0;justify-self:center}.work-link{justify-self:end}.work-link span{font:11px monospace;margin-left:8px}
.hero{height:100svh;position:relative}.motion-ready .hero{height:330svh}.stage{height:100svh;min-height:360px;position:sticky;top:0;isolation:isolate;overflow:hidden;background:var(--black)}
.hero-word{position:absolute;left:3.2%;top:17%;z-index:4;margin:0;font:400 8.6vw/.99 Anton,sans-serif;letter-spacing:-.018em;text-transform:uppercase;pointer-events:none}.hero-word span{display:block}
.sky-field{position:absolute;inset:0;opacity:0;z-index:0;will-change:transform,opacity}.sky-field img{width:100%;height:100%;object-fit:cover}.sky-field::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.8),transparent 70%)}
.landscape{position:absolute;left:50%;top:49%;width:min(100vw,170svh);aspect-ratio:3/2;transform:translate(-50%,-50%);z-index:2;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;will-change:transform;mask-image:url('/assets/parallax/desert/landscape-mask.webp');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('/assets/parallax/desert/landscape-mask.webp');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.landscape img{display:block;width:100%;height:100%;object-fit:fill}.landscape:focus-visible{outline:none;filter:brightness(1.12)}
.hero-bottom{position:absolute;z-index:5;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 3.2% 54px;background:var(--black)}.project-caption{display:flex;gap:20px;align-items:center;padding:0;background:transparent;border:0;text-align:left;cursor:pointer;font-size:14px}.project-caption span,.scroll-cue{font:11px/1.4 monospace}.project-caption:hover span{text-decoration:underline;text-underline-offset:4px}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:6}.progress-track span{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
.site-footer{padding:30px 3.2% 100px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.site-footer p{margin:0}.no-script{padding:24px}.static-motion .hero{height:100svh}.static-motion .scroll-cue{display:none}
@media(min-width:1600px){.hero-word{font-size:8.2vw;top:16%}}
@media(max-width:700px){
 .site-header{padding:22px 20px;font-size:12px;grid-template-columns:1fr 1fr}.site-header p{justify-self:end}.work-link{display:none}
 .motion-ready .hero{height:290svh}.hero-word{left:20px;top:15%;font-size:31.5vw;line-height:.95;z-index:4}
 .landscape{width:165vw;top:66%;left:48%;aspect-ratio:3/2}.sky-field{inset:40% 0 0}.sky-field::after{background:linear-gradient(180deg,var(--black),transparent 75%)}
 .hero-bottom{padding:19px 20px 52px;bottom:0}.project-caption{flex-direction:column;align-items:start;gap:5px;font-size:12px}.project-caption span,.scroll-cue{font-size:10px}.site-footer{padding:24px 20px 104px;flex-direction:column;gap:10px}
}
@media(min-width:701px) and (max-height:600px){.site-header{padding-top:18px;font-size:11px}.hero-word{top:20%;font-size:8vw}.landscape{width:64vw;left:64%;top:49%}.hero-bottom{padding-top:12px;padding-bottom:46px}.project-caption{font-size:12px}.project-caption span,.scroll-cue{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero,.motion-ready .hero{height:100svh}.scroll-cue{display:none}*{scroll-behavior:auto!important}}