.hero-reel{--hero-beat:5.4s;--hero-cycle:27s;--hero-reel-gap:.625rem}.hero-reel-strip{--hero-reel-step:calc(var(--hero-reel-tile) + var(--hero-reel-gap));top:calc(50% - var(--hero-reel-tile) - var(--hero-reel-gap)/2 - var(--hero-reel-step)*5)}.hero-reel-tile[data-beat="0"] .hero-reel-veil{opacity:0}.hero-reel-tile[data-beat="0"] .hero-reel-ring{opacity:1}.hero-reel-claim{opacity:0}.hero-reel-claim:first-child{opacity:1}.hero-reel-rail{transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.hero-reel-strip{animation:hero-reel-roll var(--hero-cycle) infinite;animation-delay:var(--hero-reel-lag,0s);will-change:transform}.hero-reel-tile[data-beat] .hero-reel-veil{animation:hero-reel-dim var(--hero-cycle) var(--ease-out-soft) infinite}.hero-reel-tile[data-beat] .hero-reel-ring{animation:hero-reel-lit var(--hero-cycle) var(--ease-out-soft) infinite}.hero-reel-tile[data-beat] .hero-reel-glint{animation:hero-reel-glint var(--hero-cycle) linear infinite}.hero-reel-tile[data-beat] :is(.hero-reel-glint,.hero-reel-ring,.hero-reel-veil){animation-delay:calc(var(--hero-beat)*var(--hero-beat-index) + var(--hero-reel-lag,0s))}.hero-reel-claim{animation:hero-reel-claim var(--hero-cycle) var(--ease-out-soft) infinite;animation-delay:calc(var(--hero-beat)*var(--hero-beat-index))}.hero-reel-rail{animation:hero-reel-rail var(--hero-cycle) linear infinite;animation-delay:calc(var(--hero-beat)*var(--hero-beat-index))}.hero-reel-column{animation:hero-reel-in .7s var(--ease-out-soft) backwards}.hero-reel-column:nth-child(2){animation-delay:.12s}.hero-reel-column:nth-child(3){animation-delay:.24s}}@keyframes hero-reel-roll{0%,17%{animation-timing-function:var(--ease-in-out-soft,cubic-bezier(.77,0,.175,1));transform:translateY(0)}20%,37%{transform:translateY(var(--hero-reel-step));animation-timing-function:var(--ease-in-out-soft,cubic-bezier(.77,0,.175,1))}40%,57%{transform:translateY(calc(var(--hero-reel-step)*2));animation-timing-function:var(--ease-in-out-soft,cubic-bezier(.77,0,.175,1))}60%,77%{transform:translateY(calc(var(--hero-reel-step)*3));animation-timing-function:var(--ease-in-out-soft,cubic-bezier(.77,0,.175,1))}80%,97%{transform:translateY(calc(var(--hero-reel-step)*4));animation-timing-function:var(--ease-in-out-soft,cubic-bezier(.77,0,.175,1))}to{transform:translateY(calc(var(--hero-reel-step)*5))}}@keyframes hero-reel-dim{0%,15.6%{opacity:0}17.6%,97%{opacity:1}to{opacity:0}}@keyframes hero-reel-lit{0%,15.6%{opacity:1}17.6%,97%{opacity:0}to{opacity:1}}@keyframes hero-reel-glint{0%{opacity:1;animation-timing-function:var(--ease-out-soft,cubic-bezier(.22,1,.36,1));transform:translate(-130%)}2.6%{opacity:1;transform:translate(130%)}2.7%,to{opacity:0;transform:translate(130%)}}@keyframes hero-reel-claim{0%,1.2%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(6px)}17%,2.7%{opacity:1;clip-path:inset(-25%);transform:translateY(0)}18%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-6px)}18.1%,to{opacity:0;clip-path:inset(100% 0 0);transform:translateY(6px)}}@keyframes hero-reel-rail{0%,2.7%{transform:scaleX(0)}17%{transform:scaleX(1)}17.1%,to{transform:scaleX(0)}}@keyframes hero-reel-in{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}