*{box-sizing:border-box}
html{background:#090a0b;color:#f4f4f2;scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit}
button:focus-visible{outline:2px solid #fff;outline-offset:0;border-radius:4px}
html.cursor-replaced,html.cursor-replaced *{cursor:none!important}
.scroll-scene{height:300svh}
.stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#090a0b}
.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 38% 58%,#1b1d1f 0%,#0d0e0f 46%,#08090a 84%)}
.clip-defs{position:absolute;pointer-events:none}
h1{position:absolute;top:8%;left:50%;margin:0;display:flex;justify-content:center;font-family:Impact,"Arial Narrow",sans-serif;font-size:28.1vw;font-weight:400;letter-spacing:-.025em;line-height:.87;white-space:nowrap;transform:translateX(-50%);will-change:transform,opacity;z-index:1;user-select:none}
h1{perspective:1100px}
h1,h1 *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.letter{display:inline-block;transform-origin:50% 100%;will-change:transform;backface-visibility:hidden}
.photo{position:absolute;left:50%;top:25%;width:84vw;aspect-ratio:1672/941;transform:translateX(-50%);transform-origin:50% 50%;will-change:transform;pointer-events:none}
.photo img{display:block;width:100%;height:100%}
.photo-background{z-index:0;mask-image:radial-gradient(ellipse at 50% 55%,#000 32%,#000b 46%,transparent 72%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 78%,transparent 100%);mask-composite:intersect}
.photo-foreground{z-index:2;clip-path:url(#laptop-silhouette)}
.cursor-host{position:absolute;inset:0;z-index:4;pointer-events:none}
.cursor-host canvas{display:block;width:100%;height:100%}
.cursor-shadow{position:absolute;left:0;top:0;z-index:3;width:110px;height:155px;opacity:0;background:radial-gradient(ellipse,#0009,transparent 70%);filter:blur(10px);pointer-events:none;transform-origin:0 0;will-change:transform,opacity}
.cursor-fallback{position:absolute;left:70%;top:20%;width:clamp(60px,9vw,144px);height:auto;z-index:4;filter:drop-shadow(8px 10px 5px #0005);pointer-events:none}
.stage.is-ready .cursor-fallback{display:none}
@media(max-width:700px){
 h1{font-size:28vw;top:22%;letter-spacing:-.035em}
 .photo{width:132vw;top:28%}
 .scroll-scene{height:280svh}
}
@media(prefers-reduced-motion:reduce){.letter{will-change:auto}}

.flight-canvas,.laptop-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.flight-canvas{z-index:0}
.laptop-canvas{z-index:2}
@media(prefers-reduced-motion:reduce){.scroll-scene{height:200svh}}