.js-motion .hero-letterbox{clip-path:inset(38% 0 38% 0)}.js-motion:not(.pre):not(.fonts-pending) .hero-letterbox{animation:letterbox-open 1.1s cubic-bezier(.22,1,.36,1) both}.js-motion:not(.pre):not(.fonts-pending) .hero-media{animation:media-settle 1.4s cubic-bezier(.22,1,.36,1) both}@keyframes letterbox-open{to{clip-path:inset(0 0 0 0)}}@keyframes media-settle{0%{transform:scale(1.1)}}.motion-failsafe .hero-letterbox{clip-path:none}.preloader{position:absolute;z-index:3;top:19%;left:max(var(--spacing-margin),calc((100% - 1440px) / 2 + var(--spacing-margin)));display:none;align-items:center;gap:.9rem;font-size:clamp(1rem,.8rem + 1vw,1.75rem);letter-spacing:.02em;transform:translateY(-50%)}.pre .preloader{display:flex}.pre-out .preloader{opacity:0;transition:opacity .2s ease-out}@media (min-width:768px){.js-motion .hero-board{position:absolute;inset:0 0 auto;z-index:1;height:100dvh;min-height:35rem;padding-top:calc(var(--spacing-nav) + 3rem);padding-bottom:3rem;opacity:0;visibility:hidden}.js-motion .hero-slot-thumb{display:none}}.ops-status{position:relative;display:block;height:1.35em;overflow:clip;font-size:.8125rem;color:var(--color-ink-300)}.ops-status>span{position:absolute;inset:0}.ops-status__in{animation:status-in .4s var(--ease-out-expo) both}.ops-status__out{animation:status-out .4s var(--ease-out-expo) both}@keyframes status-in{0%{opacity:0;transform:translateY(100%)}}@keyframes status-out{to{opacity:0;transform:translateY(-100%)}}.problem-dim{transition:opacity .7s var(--ease-out-expo)}.problem[data-dim] .problem-dim{opacity:.5}.engines[data-scene] .engines-words{display:grid;place-items:center;text-align:center}.engines[data-scene] .engines-words>*{grid-area:1/1}.engines[data-scene] .engines-words .mono{display:none}.engines[data-scene] .engines-explainer{text-align:center;margin-inline:auto}@media (min-width:768px){.engines[data-scene] .engines-explainer{grid-column:4/span 6}}[data-preview] .build-log{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.build-log-line{animation:fade-rise .5s var(--ease-out-expo) var(--d,0s) both}.js-motion .create-strip[data-fade]{opacity:1;transform:none;animation:none}.js-motion .create-strip:not([data-revealed]):not([data-inview]) .create-frame>div{clip-path:inset(100% 0 0 0)}.js-motion .create-frame>div{transition:clip-path 1s cubic-bezier(.22,1,.36,1) var(--d,0s)}.case-screen{clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease-out-expo)}.case-screen[data-shown]{clip-path:inset(0 0 0 0)}