:root{
  --ns-paper:#faf8f5; --ns-ink:#141414; --ns-accent:#ff8a3d; --ns-glow:rgba(255,160,90,.55);
  --ns-ease:cubic-bezier(.22,1,.36,1);
  --ns-ease-in:cubic-bezier(.64,0,.78,0);   
}

[data-scene],[data-float],[data-bandzoom],[data-stage]{--p:1;--e:1;--v:0;--tx:0;--ty:0}
.ns-paper{background:var(--ns-paper);color:var(--ns-ink)}

@media (prefers-reduced-motion:no-preference){
  html.ns-on [data-scene]{position:relative;height:calc(var(--len,260)*1vh)}
  html.ns-on [data-stage]{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;contain:layout paint}
  html.ns-on [data-scene] [data-stage]{--p:0;--e:0}  

  
  html.ns-on [data-layer]{will-change:transform;transform:translate3d(0,calc(var(--p)*var(--d,0)*1vh),0)}
  
  html.ns-on [data-wordmark]{will-change:transform,opacity;transform-origin:50% 60%;
    transform:translate3d(0,calc(var(--e)*-6vh),0) scale(calc(1 + var(--e)*.22));opacity:calc(1 - var(--p)*.85)}
  
  html.ns-on [data-fog]{will-change:transform,opacity;transform:translate3d(calc(var(--p)*var(--dx,10)*1vw),calc(var(--p)*-3vh),0) scale(1.15);opacity:calc(.95 - var(--p)*.55)}
  
  html.ns-on [data-rise]{will-change:transform;transform-origin:50% 100%;
    transform:translate3d(0,calc((1 - var(--e))*var(--from,34)*1vh),0) scale(calc(.9 + var(--e)*.1))}
  
  html.ns-on [data-depth]{will-change:transform;transform:translate3d(calc(var(--tx)*var(--k,1)*1px),calc(var(--ty)*var(--k,1)*1px),0)}
  html.ns-on [data-rise][data-depth]{transform:translate3d(calc(var(--tx)*var(--k,1)*1px),calc((1 - var(--e))*var(--from,34)*1vh + var(--ty)*var(--k,1)*1px),0) scale(calc(.9 + var(--e)*.1))}

  
  html.ns-on [data-swap]{display:grid;gap:.1em;justify-items:start}
  html.ns-on [data-swap]>*{opacity:.22;transform:translate3d(-.18em,0,0) scale(.96);transform-origin:0 50%;
    text-shadow:0 0 .5em var(--ns-glow);transition:opacity 420ms var(--ns-ease),transform 520ms var(--ns-ease)}
  html.ns-on [data-swap]>.ns-on{opacity:1;transform:none}

  
  html.ns-on [data-float]{will-change:transform;transform:translate3d(0,calc(var(--v)*var(--f,8)*1vh),0)}

  
  html.ns-on [data-bandzoom]{will-change:transform;transform-origin:50% 50%;border-radius:calc((1 - var(--e))*28px);overflow:hidden;
    transform:scale(calc(.74 + var(--e)*.26))}
  html.ns-on [data-bandzoom]>img,html.ns-on [data-bandzoom]>video{transform:scale(calc(1.18 - var(--e)*.18));will-change:transform}

  
  html.ns-on img.ns-drift{will-change:transform;transform:translate3d(0,calc(var(--v)*-4.5%),0) scale(1.12)}
}