.hub-overlay{z-index:40;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.hub-sky{position:absolute;inset:0}.hub-veil{background:var(--color-night-950);opacity:0;position:absolute;inset:0}.hub-figure{--card-w:min(46vw, 220px, 30vh);left:calc(50% - var(--card-w) / 2);top:calc(50% - var(--card-w) * 6 / 7);width:var(--card-w);aspect-ratio:7/12;pointer-events:none;position:absolute}.hub-fly,.hub-threads{opacity:0;position:absolute;inset:0}.hub-threads{width:100%;height:100%;overflow:visible}.hub-thread{stroke-dasharray:1;stroke-dashoffset:0}.hub-card{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hub-emblem-glow{aspect-ratio:1;opacity:0;width:90%;position:absolute}.hub-emblem{opacity:0;width:46%;position:relative}.hub-star{opacity:0;position:absolute;transform:translate(-50%,-50%)}.hub-star-core{background:radial-gradient(closest-side, var(--color-ivory-50), var(--color-gold-300) 40%, transparent);border-radius:9999px;position:absolute;inset:0}.hub-star-core:after{content:"";opacity:0;background:var(--color-gold-300);clip-path:polygon(47% 0,53% 0,53% 47%,100% 47%,100% 53%,53% 53%,53% 100%,47% 100%,47% 53%,0 53%,0 47%,47% 47%);position:absolute;inset:-70%}.hub-skip{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));z-index:50;display:none;position:fixed}.hub-deck-card{transform:rotate(var(--rest));position:absolute;inset:0}.hub-shine-window{inset-block:0;opacity:0;pointer-events:none;width:30%;position:absolute;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35% 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 35% 65%,#0000)}.hub-title-clip{display:block;position:relative;overflow-x:clip}.hub-shine-text{inset-block:0;width:333.333%;position:absolute;left:0}@keyframes hub-kf-fade-in{0%{opacity:0}}@keyframes hub-kf-rise-in{0%{opacity:0;transform:translateY(.75rem)}}@keyframes hub-kf-settle{0%{opacity:.9;transform:translateY(.375rem)}}@keyframes hub-kf-deck-in{0%{opacity:0;transform:scale(.85)}}@keyframes hub-kf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes hub-kf-star-in{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes hub-kf-glint{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}@keyframes hub-kf-star-out{0%{opacity:1}45%{opacity:.35}to{opacity:0}}@keyframes hub-kf-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hub-kf-dim{0%{opacity:1}to{opacity:.15}}@keyframes hub-kf-body-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes hub-kf-emblem-in{0%{opacity:0;transform:rotate(-30deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes hub-kf-emblem-glow{0%{opacity:0}55%{opacity:.7}to{opacity:.35}}@keyframes hub-kf-fly{0%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translate(var(--fly-x,0px), var(--fly-y,-35vh)) scale(var(--fly-scale,.2))}}@keyframes hub-kf-veil{0%{opacity:.92}to{opacity:0}}@keyframes hub-kf-flare{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(2.2)}to{opacity:0;transform:scale(1.4)}}@keyframes hub-kf-star-quick-out{0%{opacity:.6}to{opacity:0}}@keyframes hub-kf-hold{to{visibility:hidden}}@keyframes hub-kf-shine-window{0%{opacity:1;transform:translate(-100%)}95%{opacity:1}to{opacity:0;transform:translate(333.333%)}}@keyframes hub-kf-shine-text{0%{transform:translate(30%)}to{transform:translate(-100%)}}@keyframes hub-kf-fan{0%,to{transform:rotate(var(--rest))}45%,60%{transform:translateX(var(--fan-x)) translateY(-3%) rotate(var(--fan))}}html[data-hub-intro=full] .hub-overlay{animation:hub-kf-hold var(--hub-full-total) both;display:block}html[data-hub-intro=full] .hub-veil{animation:hub-kf-veil var(--hub-full-exit-duration) ease-in-out var(--hub-full-exit-delay) both}html[data-hub-intro=full] .hub-star{animation:hub-kf-star-out var(--hub-full-exit-duration) ease-in var(--hub-full-exit-delay) both}html[data-hub-intro=full] .hub-star-core,html[data-hub-intro=full] .hub-star-core:after{animation:hub-kf-star-in var(--hub-full-stars-duration) ease-out calc(var(--hub-full-stars-delay) + var(--i) * var(--hub-full-star-stagger)) both}html[data-hub-intro=full] .hub-star-core:after{animation-name:hub-kf-glint}html[data-hub-intro=full] .hub-threads{animation:hub-kf-fade-out var(--hub-full-exit-duration) ease-in var(--hub-full-exit-delay) both}html[data-hub-intro=full] .hub-thread{animation:hub-kf-draw var(--hub-full-threads-duration) cubic-bezier(.45, 0, .25, 1) var(--hub-full-threads-delay) both, hub-kf-dim var(--hub-full-dim-duration) ease-out var(--hub-full-dim-delay) both}html[data-hub-intro=full] .hub-fly{animation:hub-kf-fly var(--hub-full-exit-duration) cubic-bezier(.5, 0, .75, 0) var(--hub-full-exit-delay) both}html[data-hub-intro=full] .hub-card{animation:hub-kf-body-in var(--hub-full-body-duration) ease-out var(--hub-full-body-delay) both}html[data-hub-intro=full] .hub-emblem{animation:hub-kf-emblem-in var(--hub-full-emblem-duration) cubic-bezier(.2, .8, .3, 1) var(--hub-full-emblem-delay) both}html[data-hub-intro=full] .hub-emblem-glow{animation:hub-kf-emblem-glow var(--hub-full-emblem-duration) ease-out var(--hub-full-emblem-delay) both}html[data-hub-intro=full] .hub-skip{animation:hub-kf-fade-in var(--hub-full-skip-duration) ease-out var(--hub-full-skip-delay) both, hub-kf-hold var(--hub-full-total) both;display:inline-flex}html[data-hub-intro=full] .hub-deck{animation:hub-kf-deck-in var(--hub-full-deck-duration) ease-out var(--hub-full-deck-delay) both}html[data-hub-intro=full] .hub-shine-window{animation:hub-kf-shine-window var(--hub-full-shine-duration) ease-in-out var(--hub-full-shine-delay) both}html[data-hub-intro=full] .hub-shine-text{animation:hub-kf-shine-text var(--hub-full-shine-duration) ease-in-out var(--hub-full-shine-delay) both}html[data-hub-intro=full] .hub-cta{animation:hub-kf-rise-in var(--hub-full-cta-duration) ease-out var(--hub-full-cta-delay) both}.hub-overlay[data-finale]{pointer-events:none;animation:hub-kf-hold var(--hub-finale-duration) both;display:block}[data-finale] .hub-veil{animation:hub-kf-veil var(--hub-finale-duration) ease-out both}[data-finale] .hub-star{animation:hub-kf-star-quick-out var(--hub-finale-duration) ease-out both}[data-finale] .hub-star[data-near]{opacity:1;animation:none}[data-finale] .hub-star[data-near] .hub-star-core{animation:hub-kf-flare var(--hub-finale-duration) ease-out both}html[data-hub-intro=short] .hub-deck{animation:hub-kf-deck-in var(--hub-short-deck-duration) ease-out var(--hub-short-deck-delay) both}html[data-hub-intro=short] .hub-deck-card{animation:hub-kf-fan var(--hub-short-fan-duration) cubic-bezier(.45, 0, .25, 1) var(--hub-short-fan-delay) both}html[data-hub-intro=short] .hub-eyebrow,html[data-hub-intro=short] .hub-title{animation:hub-kf-settle var(--hub-short-title-duration) ease-out var(--hub-short-title-delay) both}html[data-hub-intro=short] .hub-shine-window{animation:hub-kf-shine-window var(--hub-short-shine-duration) ease-in-out var(--hub-short-shine-delay) both}html[data-hub-intro=short] .hub-shine-text{animation:hub-kf-shine-text var(--hub-short-shine-duration) ease-in-out var(--hub-short-shine-delay) both}html[data-hub-intro=short] .hub-tagline{animation:hub-kf-settle var(--hub-short-tagline-duration) ease-out var(--hub-short-tagline-delay) both}html[data-hub-intro=short] .hub-cta{animation:hub-kf-rise-in var(--hub-short-cta-duration) ease-out var(--hub-short-cta-delay) both}html[data-hub-intro=reduced] .hub-deck,html[data-hub-intro=reduced] .hub-cta{animation:hub-kf-fade-in var(--hub-reduced-fade-duration) ease-out var(--hub-reduced-fade-delay) both}@media (prefers-reduced-motion:reduce){.hub-overlay,.hub-figure,.hub-skip{display:none!important}.hub-star,.hub-star-core,.hub-star-core:after,.hub-threads,.hub-thread,.hub-fly,.hub-card,.hub-emblem,.hub-emblem-glow,.hub-deck,.hub-deck-card,.hub-eyebrow,.hub-title,.hub-tagline,.hub-cta,.hub-shine-window,.hub-shine-text{animation:none!important}}
