body{background:#eef0e8}.site-header{position:fixed;background:linear-gradient(180deg,rgba(7,18,14,.72),transparent);border-bottom-color:rgba(255,255,255,.12);transition:background .35s,backdrop-filter .35s}.site-header.scrolled{background:rgba(8,20,15,.82);backdrop-filter:blur(18px)}
.hero{background:#07120e;isolation:isolate}.hero-media{display:none}.hero-shade{z-index:-1;background:radial-gradient(circle at 70% 46%,rgba(126,172,51,.12),transparent 30%),linear-gradient(90deg,rgba(5,15,11,.8) 0%,rgba(5,15,11,.25) 55%,rgba(5,15,11,.65))}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:6vw 6vw;mask-image:linear-gradient(to bottom,black,transparent 82%)}#impact-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;cursor:grab}#impact-canvas:active{cursor:grabbing}.hero-copy{max-width:650px;z-index:2}.hero h1{font-size:clamp(66px,8vw,124px)}.hero-intro{color:#c2ccc7}.orbit-label{position:absolute;z-index:2;color:white;padding:11px 15px 11px 13px;border-left:2px solid var(--lime);background:rgba(10,25,18,.52);backdrop-filter:blur(10px);pointer-events:none;transition:transform .3s}.orbit-label b{display:block;font:600 11px "Manrope";letter-spacing:.14em;text-transform:uppercase}.orbit-label span{display:block;color:#9caaa3;font-size:10px;margin-top:4px}.orbit-one{top:28%;right:8%}.orbit-two{top:56%;right:37%}.orbit-three{bottom:21%;right:12%}.drag-cue{position:absolute;right:5vw;bottom:30px;color:#a9b6af;font-size:10px;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.drag-cue i{display:block;width:18px;height:18px;border:1px solid rgba(255,255,255,.45);border-radius:50%;position:relative}.drag-cue i:after{content:"";position:absolute;width:3px;height:3px;background:var(--lime);border-radius:50%;left:7px;top:7px;animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform:translateX(5px)}}.hero-foot{right:33vw}.manifesto{position:relative;background:#eef0e8}.manifesto:after{content:"";position:absolute;width:44vw;height:44vw;right:-19vw;top:4vw;border:1px solid rgba(23,36,31,.1);border-radius:50%;box-shadow:0 0 0 5vw rgba(23,36,31,.018),0 0 0 10vw rgba(23,36,31,.012);pointer-events:none}.principles div{position:relative;overflow:hidden}.principles div:after{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--lime);opacity:.38;transition:height .4s}.principles div:hover:after{height:100%}.principles span,.principles b{position:relative;z-index:1}.work{background:#eef0e8}.program{perspective:800px}.program:hover .program-arrow{transform:rotate(45deg)}.program-arrow{transition:transform .3s}.program-visual{overflow:hidden;transform-style:preserve-3d;will-change:transform;box-shadow:0 45px 80px rgba(24,42,33,.17)}.program-visual:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),rgba(213,255,98,.35),transparent 24%);z-index:2;mix-blend-mode:screen;pointer-events:none}.program-visual span{transform:translateZ(55px)}.story{perspective:1200px}.story-image{transform-origin:left center;will-change:transform}.join{position:relative;overflow:hidden}.join:before{content:"";position:absolute;width:60vw;height:60vw;border:1px solid rgba(213,255,98,.14);border-radius:50%;right:-22vw;top:-32vw;box-shadow:0 0 0 6vw rgba(213,255,98,.018),0 0 0 12vw rgba(213,255,98,.012);animation:slowspin 20s linear infinite}@keyframes slowspin{to{transform:rotate(360deg)}}
@media(max-width:800px){.hero-copy{top:45%}.hero h1{font-size:16vw}.orbit-label{display:none}.drag-cue{bottom:68px;right:24px}.hero-foot{right:24px}.manifesto:after{display:none}#impact-canvas{opacity:.78}.program-visual{box-shadow:0 25px 55px rgba(24,42,33,.16)}}
@media(prefers-reduced-motion:reduce){.drag-cue i:after,.join:before{animation:none}}