/* Selected Depth art direction. No experiment controls or alternative looks. */
.hero.cinema-enabled{--blue:#b7c7ff;--cinema-edge:#9fb5f7;--cinema-rgb:121,144,234;background-color:#080b16}
.hero.cinema-enabled:before{opacity:0}
.hero.cinema-enabled:after{display:none}
#motion-field,#motion-field-fallback{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:1;display:block}
.hero #motion-field-fallback[hidden]{display:none}
#cinema-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
.cinema-vignette,.cinema-grain,.cinema-frame{position:absolute;inset:0;z-index:6;pointer-events:none}
.cinema-vignette{background:radial-gradient(ellipse at 49% 48%,transparent 25%,#02041338 72%,#030511bd 112%);opacity:.45}
.cinema-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' opacity='.19' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.08}
.cinema-frame{inset:19px 20px 49px;opacity:.26}
.cinema-frame i{position:absolute;width:13px;height:13px;border-color:var(--cinema-edge);border-style:solid;border-width:0}
.cinema-frame i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}
.cinema-frame i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}
.cinema-frame i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}
.cinema-frame i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.stage-heading{border-color:rgba(var(--cinema-rgb),.24)}
.stage-grid{opacity:.35}
.cinema-enabled .project-start{background:linear-gradient(145deg,#172138,#101525);border-color:rgba(var(--cinema-rgb),.32);box-shadow:0 22px 54px #03051166}
.cinema-enabled .project-options button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue)}
.cinema-enabled .scroll-cue,.cinema-enabled .hero-baseline{z-index:7}
.hero h1{min-height:3.045em;perspective:1100px;position:relative}
.hero h1>.headline-line{display:block;height:1.015em;min-height:1.015em;color:inherit;perspective:1100px;transform-origin:35% 50%}
.hero h1>.headline-line:nth-child(3),.hero h1[data-phrase-lines="1"]>.headline-line:nth-child(2){color:var(--blue)}
.headline-motion{display:inline-block;position:relative;transform-origin:35% 55%;white-space:nowrap}
.motion-stage.is-playing .product-layer,.motion-stage.is-playing .code-layer{will-change:transform,opacity}
.motion-stage.is-static .product-layer,.motion-stage.is-static .code-layer,.motion-stage.is-static .source-tag{transition:none}
.motion-stage.is-static .code-line{animation:none;opacity:1;transform:none}
/* Never expose a completed source block before its entrance. `hidden` must also
   override the source label's flex display. Row delays retain fill-mode: both. */
.code-layer[hidden],.source-tag[hidden]{display:none!important}
/* Text is opaque from the first paint. Only an offscreen, prepared heading can
   move, once; shown and settled states never return to pending. */
[data-section-reveal]{opacity:1;transform:translate3d(0,0,0)}
[data-section-reveal="pending"]{transform:translate3d(0,12px,0)}
[data-section-reveal="shown"]{transition:transform .48s cubic-bezier(.2,.75,.25,1)}
[data-section-reveal="settled"]{transition:none}
@media(prefers-reduced-motion:reduce){[data-section-reveal]{transform:translate3d(0,0,0)!important;transition:none!important}}
@media(min-width:861px) and (max-width:1699px){.motion-stage{height:540px}}
@media(max-width:1000px){.cinema-frame{inset:15px 12px 49px}}
@media(max-width:860px){.hero h1{min-height:3.06em}.hero h1>.headline-line{height:1.02em;min-height:1.02em;perspective:850px}}
@media(max-width:600px){.cinema-frame{inset:13px 9px 49px;opacity:.18}.cinema-frame i{width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){#motion-field,#motion-field-fallback,.cinema-grain{display:none!important}.headline-motion,.headline-line{transform:none!important;filter:none!important;opacity:1!important}.kinetic-scan{display:none}}