.hf{--hf-tilt:3.8deg;--hf-lay:2.2%;--hf-in:.5s;--hf-turn:.62s;--hf-step:.34s;--hf-turn-at:.5s;width:100%;container-type:inline-size}.hf__row{--hf-gap:.15;--hf-inset:32px;--hf-cw-max:60px;--hf-cw:min(calc((100vw - var(--hf-inset)) / 6.75), var(--hf-cw-max));gap:calc(var(--hf-cw) * var(--hf-gap));padding-block:calc(var(--hf-cw) * .12);display:flex}.hf__slot{width:var(--hf-cw);aspect-ratio:7/12;transform:translateY(calc(var(--at) * var(--hf-lay))) rotate(calc(var(--t) * var(--hf-tilt)));position:relative}@media (min-width:640px){.hf__row{--hf-gap:.24;--hf-cw-max:clamp(52px, 9.5vw, 86px)}}@media (min-width:1024px){.hf__row{--hf-cw-max:clamp(46px, 5.5vw, 100px)}}.hf__fly,.hf__lift,.hf__flip{position:absolute;inset:0}.hf__fly{will-change:transform;animation:hf-in var(--hf-in) cubic-bezier(.22, .68, .16, 1) calc(var(--i) * 80ms) both}.hf__lift{perspective:700px;animation:hf-lift var(--hf-turn) ease-in-out calc(var(--hf-turn-at) + var(--i) * var(--hf-step)) both}.hf__flip{transform-style:preserve-3d;animation:hf-turn var(--hf-turn) cubic-bezier(.3, .7, .2, 1) calc(var(--hf-turn-at) + var(--i) * var(--hf-step)) both}html[data-ar-intro=run]:not([data-ar-reveal]) .hf__fly,html[data-ar-intro=run]:not([data-ar-reveal]) .hf__lift,html[data-ar-intro=run]:not([data-ar-reveal]) .hf__flip{animation-play-state:paused}@keyframes hf-in{0%{opacity:0;transform:translateY(16%)}to{opacity:1;transform:none}}@keyframes hf-lift{0%{transform:none}45%{transform:translateY(-7%)scale(1.06)}to{transform:none}}@keyframes hf-turn{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.hf__face{backface-visibility:hidden;border:1px solid color-mix(in srgb, var(--ac-accent) 30%, transparent);border-radius:calc(var(--hf-cw) * .09);background:repeating-linear-gradient(45deg, transparent 0 7px, color-mix(in srgb, var(--ac-accent) 5%, transparent) 7px 8px), repeating-linear-gradient(-45deg, transparent 0 7px, color-mix(in srgb, var(--ac-accent) 5%, transparent) 7px 8px), linear-gradient(158deg, #191423 0%, #120f1a 55%, #0e0b14 100%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073,0 12px 22px #00000080}.hf__face:after{content:"";inset:calc(var(--hf-cw) * .055);border:1px solid color-mix(in srgb, var(--ac-accent) 20%, transparent);border-radius:calc(var(--hf-cw) * .05);position:absolute}.hf__face--back{place-items:center;display:grid;transform:rotateY(180deg)}.hf__rosette{fill:none;width:56%;height:auto;stroke:color-mix(in srgb, var(--ac-accent) 50%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.hf__rosette path{fill:color-mix(in srgb, var(--ac-accent) 16%, transparent);stroke:color-mix(in srgb, var(--ac-accent) 55%, transparent)}.hf__face--front{padding:calc(var(--hf-cw) * .1);border-color:color-mix(in srgb, var(--ac-accent-bright) 50%, transparent);grid-template-rows:auto 1fr auto;display:grid}.hf__numeral{color:#f4f1ea80;justify-self:start;font-size:clamp(7px,.85vw,10px);font-weight:600;line-height:1}.hf__glyph{width:52%;height:auto;color:color-mix(in srgb, var(--ac-accent) 90%, transparent);place-self:center}.hf__name{text-align:center;text-wrap:balance;color:#f4f1ead1;font-size:clamp(7px,.85vw,10px);font-weight:600;line-height:1.2}@media (max-width:639px){.hf__name{display:none}}@media (prefers-reduced-motion:reduce){.hf .hf__fly,.hf .hf__lift,.hf .hf__flip{opacity:1;animation:none!important}.hf .hf__fly,.hf .hf__lift{transform:none}.hf .hf__flip{transform:rotateY(0)}}
.f78-digits{--f78-lh:1.25em;--f78-cascade:39ms}.f78-digits__row{line-height:var(--f78-lh)}.f78-digits__block{margin-right:.6ch;display:inline-block}.f78-reel{width:1ch;height:var(--f78-lh);vertical-align:top;display:inline-block;overflow:hidden}.f78-reel__strip{white-space:pre;animation:f78-roll var(--dur) cubic-bezier(.12, .86, .16, 1) calc(var(--i) * var(--f78-cascade)) both;display:block}@keyframes f78-roll{0%{transform:translateY(0)}to{transform:translateY(calc(var(--n) * var(--f78-lh) * -1))}}.f78-bar{gap:.5rem;margin-top:.25rem;display:grid}.f78-bar__track{border:1px solid color-mix(in srgb, var(--ac-accent) 22%, transparent);background:#ffffff0d;border-radius:999px;height:8px;animation:.62s cubic-bezier(.3,.7,.2,1) .1s both f78-track;position:relative}@keyframes f78-track{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.f78-bar__fill{background:var(--ac-accent);width:1px;box-shadow:0 0 6px 1px color-mix(in srgb, var(--ac-accent) 55%, transparent);border-radius:999px;animation:.5s cubic-bezier(.3,.7,.2,1) .72s both f78-fill;position:absolute;top:0;bottom:0;left:0}@keyframes f78-fill{0%{opacity:0;transform:scaleY(0)}55%{opacity:1;transform:scaleY(2.6)}to{opacity:1;transform:scaleY(1)}}.f78-bar__cap{color:#f4f1ea73;margin:0;font-size:.6875rem;line-height:1.45}.sp{--sp-cw:clamp(34px, 8.6vw, 124px);--sp-open:1s;--sp-cascade:25ms;justify-items:center;gap:.75rem;display:grid}.sp__fan{width:100%;height:calc(var(--sp-cw) * 12 / 7);position:relative;overflow:hidden;container-type:inline-size}.sp__card{--sp-step:min(calc((100cqw - var(--sp-cw)) / 40), calc(var(--sp-cw) * .3));width:var(--sp-cw);aspect-ratio:7/12;margin-left:calc(var(--sp-cw) / -2);z-index:calc(1 + var(--i));border:1px solid color-mix(in srgb, var(--ac-accent) 26%, transparent);border-radius:calc(var(--sp-cw) * .09);background:repeating-linear-gradient(45deg, transparent 0 7px, color-mix(in srgb, var(--ac-accent) 5%, transparent) 7px 8px), linear-gradient(158deg, #191423 0%, #120f1a 55%, #0e0b14 100%);animation:sp-open var(--sp-open) cubic-bezier(.2, .75, .15, 1) calc(var(--aj) * var(--sp-cascade)) both;position:absolute;top:0;left:50%;box-shadow:-6px 0 12px #00000073}@keyframes sp-open{0%{transform:translate(0)scale(.97)}to{transform:translateX(calc(var(--j) * var(--sp-step))) scale(1)}}.sp__pip{top:calc(var(--sp-cw) * .1);left:calc(var(--sp-cw) * .08);width:calc(var(--sp-step) * .55);height:auto;color:color-mix(in srgb, var(--ac-accent) 70%, transparent);position:absolute}.sp__cap{letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--ac-accent) 60%, transparent);margin:0;font-size:.6875rem}@media (max-width:639px){.sp__pip{display:none}}@media (min-width:768px){.sp{--sp-open:1.6s;--sp-cascade:45ms}}@media (min-width:1440px){.sp{--sp-open:2.2s;--sp-cascade:65ms}}@media (min-width:1920px){.sp{--sp-open:2.6s;--sp-cascade:70ms}}[data-f78-item=hold] .f78-reel__strip,[data-f78-item=hold] .f78-bar__track,[data-f78-item=hold] .f78-bar__fill,[data-f78-item=hold] .sp__card{animation-play-state:paused}[data-f78-item=run] .f78-reel__strip,[data-f78-item=run] .f78-bar__track,[data-f78-item=run] .f78-bar__fill,[data-f78-item=run] .sp__card{animation-play-state:running}@media (prefers-reduced-motion:reduce){.f78-digits .f78-reel__strip,.f78-bar .f78-bar__track,.f78-bar .f78-bar__fill,.sp .sp__card{opacity:1;animation:none!important}.f78-digits .f78-reel__strip{transform:none}.f78-bar .f78-bar__track{clip-path:none}.f78-bar .f78-bar__fill{transform:scaleY(1)}.sp .sp__card{transform:translateX(calc(var(--j) * var(--sp-step)))}}
