@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--black: #0a0a0a;--off-white: #f0ede8;--pink: #ff3d7f;--grey: #888880;--edge: clamp(1.5rem, 5vw, 4rem)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}html,body{background:var(--black)}body{color:var(--off-white);font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}.canvas-layer{position:fixed;inset:0;z-index:0;background:var(--black)}.canvas-layer canvas{display:block;width:100%!important;height:100%!important}.scrim{position:fixed;inset:0;z-index:1;background:#0a0a0a61;pointer-events:none}.app.flat .scrim{background:transparent}.scroll-track{height:260vh;width:1px;pointer-events:none}.overlay{position:fixed;inset:0;z-index:2;padding:var(--edge);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.top,.bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.hero{flex:1;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:clamp(.65rem,1.6vw,.8rem);letter-spacing:.32em;text-transform:uppercase;color:var(--grey);font-weight:400}.kicker .dot{color:var(--pink)}.mark{font-family:Bebas Neue,Arial Narrow,sans-serif;font-weight:400;line-height:.9;font-size:clamp(2.6rem,14.5vw,13rem);letter-spacing:.005em;display:flex;align-items:stretch;white-space:nowrap;color:var(--off-white)}.mark .word{display:inline-block;clip-path:inset(0 0 0 0);animation:reveal 1s cubic-bezier(.22,1,.36,1) forwards}@keyframes reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.caret{display:inline-block;width:clamp(.28rem,1.1vw,.9rem);align-self:stretch;background:var(--pink);margin-left:clamp(.4rem,1.4vw,1.2rem);opacity:0;animation:caret-in .4s ease 1s forwards,blink 1.1s steps(1) 1.4s infinite}@keyframes caret-in{to{opacity:1}}@keyframes blink{50%{opacity:0}}.rotator{margin-top:clamp(1.1rem,2.5vw,2rem);display:flex;align-items:baseline;gap:.6em;font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:clamp(1.3rem,4.4vw,3rem);letter-spacing:.04em;opacity:0;animation:fade-up .8s ease 1.15s forwards}.rotator .label{color:var(--grey);font-size:.62em;letter-spacing:.18em;text-transform:uppercase;transform:translateY(-.12em)}.roles{position:relative;display:inline-block;min-height:1em;min-width:12ch}.role{position:absolute;left:0;top:0;white-space:nowrap;color:var(--off-white);opacity:0;transform:translateY(.35em);transition:opacity .5s ease,transform .5s ease}.role.active{opacity:1;transform:translateY(0)}.tagline{margin-top:clamp(1.6rem,3.5vw,2.6rem);max-width:34ch;font-size:clamp(.95rem,2.1vw,1.2rem);line-height:1.5;color:var(--off-white);opacity:0;animation:fade-up .8s ease 1.35s forwards}.tagline .accent{color:var(--pink)}@keyframes fade-up{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.bottom{opacity:0;animation:fade-up .8s ease 1.55s forwards}.status{font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:clamp(1rem,2.6vw,1.5rem);letter-spacing:.16em;display:flex;align-items:center;gap:.7rem}.status .pulse{width:.55rem;height:.55rem;border-radius:50%;background:var(--pink);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.55);opacity:.5}}nav{display:flex;gap:clamp(1.2rem,3vw,2.4rem);pointer-events:auto}nav a{color:var(--off-white);text-decoration:none;font-size:clamp(.72rem,1.7vw,.9rem);letter-spacing:.22em;text-transform:uppercase;font-weight:400;position:relative;padding-bottom:.35rem;transition:color .25s ease}nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}nav a:hover{color:var(--pink)}nav a:hover:after{transform:scaleX(1)}.rule{position:fixed;left:var(--edge);top:0;width:2px;height:var(--edge);background:var(--pink);transform-origin:top;transform:scaleY(0);animation:drop .7s ease .3s forwards;z-index:3}@keyframes drop{to{transform:scaleY(1)}}.scrollcue{position:fixed;left:50%;bottom:calc(var(--edge) * .5);transform:translate(-50%);font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:var(--grey);z-index:3;opacity:0;animation:cue .8s ease 2s forwards}@keyframes cue{to{opacity:1}}@media (max-width: 600px){.top{justify-content:flex-start}.bottom{flex-direction:column;align-items:flex-start;gap:1.4rem}.scrollcue{display:none}}@media (prefers-reduced-motion: reduce){.word{animation:none;clip-path:none}.caret,.rotator,.tagline,.bottom{opacity:1;animation:none}.rule{animation:none;transform:scaleY(1)}.status .pulse{animation:none}.scrollcue{animation:none;opacity:1}.role{position:static;opacity:1;transform:none}.role~.role{display:none}}
