.promo{--promo-ease-out:cubic-bezier(.23, 1, .32, 1)}.promo-enter{animation:promo-enter .7s var(--promo-ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}.promo-device{animation:promo-device 1s var(--promo-ease-out) .18s both}@keyframes promo-enter{0%{opacity:0;transform:translateY(1rem)}}@keyframes promo-device{0%{opacity:0;transform:translateY(2rem)scale(.96)}}@supports (animation-timeline:view()){.promo-parallax{animation:linear both promo-parallax;animation-timeline:scroll(root);animation-range:0 100vh}.promo-reveal{animation:promo-reveal var(--promo-ease-out) both;animation-timeline:view();animation-range:entry cover 30%}.promo-reveal-start{--promo-from-x:-2rem}.promo-reveal-end{--promo-from-x:2rem}.promo-reveal-late{animation-range:entry 10% cover 40%}}@keyframes promo-parallax{to{transform:translateY(12%)scale(.94)}}@keyframes promo-reveal{0%{opacity:0;transform:translate(var(--promo-from-x,0), 3rem) scale(.98)}}@keyframes promo-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.promo-enter,.promo-device,.promo-reveal{animation-name:promo-fade}.promo-parallax{animation:none}}.duo-fallback{display:none}@media (prefers-reduced-motion:reduce){.duo-scene{display:none}.duo-fallback{display:block}}.duo-scene{height:300vh}.duo-sticky{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;height:100dvh;padding-top:4rem;display:flex;position:sticky;top:0}.duo-stage{--duo-w:min(100vw - 2rem, 720px, (100dvh - 20rem) * 1.376);--duo-t:calc(var(--duo-w) * .022);width:var(--duo-w);aspect-ratio:1600/1163;perspective:calc(var(--duo-w) * 2.2);position:relative}.duo-body{isolation:isolate;perspective:calc(var(--duo-w) * 2.2);position:absolute;inset:0;transform:translateZ(0)}.duo-body:has(>[data-flat]){transform:none}.duo-device{transform-origin:75%;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.duo-half{width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0}.duo-right{left:50%}.duo-flap{transform-origin:100% 50% calc(var(--duo-t) / 2);will-change:transform;left:0}.duo-face{backface-visibility:hidden;transform:translateZ(calc(var(--duo-t) / 2));position:absolute;inset:0}.duo-face-back{transform:rotateY(180deg) translateZ(calc(var(--duo-t) / 2))}.duo-face img{width:100%;height:100%}.duo-slab{background:color-mix(in srgb, #1b2230, #5a6679 var(--shine));transform:translateZ(calc(var(--duo-t) * (.5 - var(--slab))));position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.duo-rim{--duo-unit:calc(var(--duo-w) / 2);width:calc(var(--duo-unit) * var(--length) + 1px);height:var(--duo-t);transform-origin:0 0;transform:translate3d(calc(var(--duo-unit) * var(--x)), calc(var(--duo-unit) * var(--y)), calc(var(--duo-t) / 2)) rotate(var(--angle)) rotateX(-90deg);background:linear-gradient(#1b2230,#5a6679,#1b2230);position:absolute;top:0;left:0}.duo-proj,.duo-proj-layer{pointer-events:none;position:absolute;inset:0}.duo-proj{transform-origin:75%}.duo-proj-layer{visibility:hidden;background:#000;inset:-100% -50%}.duo-fx{width:50%;height:53.3333%;position:absolute;top:23.3333%}.duo-fx img{clip-path:inset(18.75% 25%);width:100%;height:100%;position:absolute;inset:0}.duo-fx-dark{position:absolute;inset:18.75% 25%}.duo-fx[data-hinge=right]{--duo-out:left;left:12.5%}.duo-fx[data-hinge=left]{--duo-out:right;left:37.5%}.duo-fx-blur1,.duo-fx-blur2{opacity:0}.duo-fx[data-hinge=right] .duo-fx-blur1{-webkit-mask-image:linear-gradient(270deg,#0000 27.5%,#000 50%);mask-image:linear-gradient(270deg,#0000 27.5%,#000 50%)}.duo-fx[data-hinge=right] .duo-fx-blur2{-webkit-mask-image:linear-gradient(270deg,#0000 40%,#000 70%);mask-image:linear-gradient(270deg,#0000 40%,#000 70%)}.duo-fx[data-hinge=left] .duo-fx-blur1{-webkit-mask-image:linear-gradient(90deg,#0000 27.5%,#000 50%);mask-image:linear-gradient(90deg,#0000 27.5%,#000 50%)}.duo-fx[data-hinge=left] .duo-fx-blur2{-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000 70%);mask-image:linear-gradient(90deg,#0000 40%,#000 70%)}.duo-fx-dark{opacity:0;background:linear-gradient(to bottom, #000, transparent 18%, transparent 82%, #000), linear-gradient(to var(--duo-out), transparent 15%, #000000b3 55%, #000 85%)}.duo-shade{background:#000;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.duo-device[data-flat],.duo-device[data-flat] .duo-half{transform-style:flat;will-change:auto;transform:none}.duo-device[data-flat] .duo-face{transform:none}.duo-device[data-flat] :is(.duo-slab,.duo-rim,.duo-face-back,.duo-shade),.themes-scene,.themes-fallback{display:none}@supports not (animation-timeline:view()){.themes-fallback{display:block}}@supports (animation-timeline:view()){.themes-scene{view-timeline-name:--themes;display:block}.themes-next{animation:linear both promo-fade;animation-timeline:--themes}.themes-name{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--themes;animation-range:contain}}.themes-sticky{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;height:100dvh;padding-top:4rem;display:flex;position:sticky;top:0}@media (max-width:767px){.duo-sticky,.themes-sticky{height:auto}}.themes-stage{filter:drop-shadow(0 20px 25px #00000026);width:min(100%,880px,204dvh - 44.88rem);position:relative}.themes-look{width:100%;height:100%;position:absolute;inset:0}