/* Keep moving work on compositor layers, not a full-screen canvas or blur. */
#atmosphere,.solar-scene,.hero-art,.webscape{display:none!important}
.header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b1d30f5}
.cinema-image{animation:none!important}
.cinema-video,.cinema-glass{transition:opacity 380ms var(--ease)}
.cinema-glass-video{mix-blend-mode:normal}
.cinema.is-light .cinema-glass-video.is-ready{opacity:.22}
.cinema-camera{will-change:transform;contain:layout style}
.hero-content,.dawn-caption,.demo-browser,.demo-mobile,.layer{backface-visibility:hidden}
.animating .hero{height:175svh}
.animating .creation{height:210svh}
.js.motion .workshop{height:165svh}
.fluid-reveal{opacity:0;transform:translate3d(0,12px,0);transition:opacity 420ms var(--ease),transform 420ms var(--ease)}
.fluid-reveal.is-visible,.fluid-reveal:focus-within{opacity:1;transform:none}
.motion-paused .fluid-reveal{opacity:1;transform:none;transition:none}
.model{transform-style:flat}
.model .layer{will-change:transform;visibility:visible}
.demo-browser{box-shadow:0 18px 45px #5c462b25}
@media(max-width:720px){.animating .hero{height:150svh}.animating .creation{height:180svh}.cinema-camera{inset:-3%;will-change:auto;transform:none!important}.demo-browser{box-shadow:0 12px 24px #5c462b20}.fluid-reveal{transform:none;transition-property:opacity}}
@media(prefers-reduced-motion:reduce){.fluid-reveal{opacity:1;transform:none;transition:none}.cinema-video,.cinema-glass{transition:none}}