.hero-deck{--deck-card:clamp(128px, calc(45vw - 16px), 220px);--deck-float:6px;--deck-shift:0%;width:calc(var(--deck-card) * 2.2);height:calc(var(--deck-card) * 16 / 9 + var(--deck-float) * 2);flex:none;margin-inline:auto;position:relative}.hero-deck[data-count="1"],.hero-deck[data-count="2"],.hero-deck[data-count="3"]{--deck-card:clamp(150px, calc(56vw - 20px), 240px)}.hero-deck[data-count="1"]{width:var(--deck-card)}.hero-deck[data-count="2"]{--deck-shift:-18%;width:calc(var(--deck-card) * 1.38)}.hero-deck[data-count="3"]{width:calc(var(--deck-card) * 1.74)}.hero-deck[data-count="4"]{--deck-shift:-12%;width:calc(var(--deck-card) * 1.98)}@media (min-width:64rem){.hero-deck,.hero-deck[data-count]{--deck-card:clamp(196px, calc(22vw - 30px), 290px);--deck-float:9px;width:calc(var(--deck-card) * 2.2);margin-inline:0}}.hero-deck-card{width:var(--deck-card);height:calc(var(--deck-card) * 16 / 9);margin:auto;transition:transform .72s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.hero-deck-card[data-slot="0"]{z-index:5;transform:perspective(1400px) translate3d(var(--deck-shift), 0, 0) rotateY(0deg) scale(1)}.hero-deck-card[data-slot="1"]{z-index:2;transform:perspective(1400px) translate3d(calc(45% + var(--deck-shift)), -2%, 0) rotateY(12deg) scale(.8)}.hero-deck-card[data-slot="2"]{z-index:1;transform:perspective(1400px) translate3d(calc(80% + var(--deck-shift)), -3.5%, 0) rotateY(20deg) scale(.64)}.hero-deck-card[data-slot="3"]{z-index:3;transform:perspective(1400px) translate3d(calc(-80% + var(--deck-shift)), -3.5%, 0) rotateY(-20deg) scale(.64)}.hero-deck-card[data-slot="4"]{z-index:4;transform:perspective(1400px) translate3d(calc(-45% + var(--deck-shift)), -2%, 0) rotateY(-12deg) scale(.8)}.hero-deck-frame{isolation:isolate;border:1px solid color-mix(in oklab, var(--text) 16%, transparent);background-color:var(--surface-raised);box-shadow:var(--panel-shadow);display:block;position:absolute;inset:0;overflow:hidden}.hero-deck-frame:after{opacity:0;content:"";pointer-events:none;background-color:#141312;transition:opacity .72s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.hero-deck-card[data-slot="1"] .hero-deck-frame:after,.hero-deck-card[data-slot="4"] .hero-deck-frame:after{opacity:.28}.hero-deck-card[data-slot="2"] .hero-deck-frame:after,.hero-deck-card[data-slot="3"] .hero-deck-frame:after{opacity:.52}@media (hover:hover){.hero-deck-card .hero-deck-frame:hover:after{opacity:0;transition-duration:.2s}}.hero-deck-video{position:absolute;inset:0}.hero-deck-video>video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .24s ease-out}.hero-deck-video>video[data-started=true]{opacity:1}.hero-deck[data-rotating=true] .hero-deck-video{animation:3.5s linear both hero-deck-handoff}@keyframes hero-deck-handoff{0%,90%{opacity:1}to{opacity:0}}.hero-deck[data-motion=on] .hero-deck-card{will-change:transform}.hero-deck[data-motion=on] .hero-deck-frame{animation:hero-deck-float var(--deck-float-time,3s) ease-in-out var(--deck-float-delay,0s) infinite alternate}.hero-deck[data-live=false] .hero-deck-frame{animation-play-state:paused}.hero-deck-card[data-float="0"]{--deck-float-time:2.9s;--deck-float-delay:.2s}.hero-deck-card[data-float="1"]{--deck-float-time:3.5s;--deck-float-delay:.9s}.hero-deck-card[data-float="2"]{--deck-float-time:2.6s;--deck-float-delay:1.6s}.hero-deck-card[data-float="3"]{--deck-float-time:3.9s;--deck-float-delay:.5s}.hero-deck-card[data-float="4"]{--deck-float-time:3.2s;--deck-float-delay:1.2s}@keyframes hero-deck-float{0%{transform:translate(0,0)}to{transform:translate3d(0, calc(var(--deck-float) * -1), 0)}}@media (prefers-reduced-motion:reduce){.hero-deck-card,.hero-deck-frame:after{transition:none}.hero-deck .hero-deck-frame{animation:none}.hero-deck .hero-deck-card{will-change:auto}}
.rotating-word{white-space:nowrap;display:block;position:relative}.rotating-word-in{animation:.42s cubic-bezier(.25,1,.5,1) both rotating-word-in;display:inline-block}.rotating-word-out{animation:.26s cubic-bezier(.5,0,.75,0) both rotating-word-out;position:absolute;top:0;left:0}@keyframes rotating-word-in{0%{opacity:0;transform:translateY(.32em)}to{opacity:1;transform:translate(0,0)}}@keyframes rotating-word-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-.32em)}}