.hero-ring{--ring-res:3.4;z-index:1;transform-style:preserve-3d;perspective:2000px;will-change:transform;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-ring.is-zoomed{pointer-events:auto}.hero-ring-gallery{width:calc(700px * var(--ring-res));height:calc(700px * var(--ring-res));transform-origin:50%;will-change:transform;justify-content:center;align-items:center;display:flex;position:relative}.hero-ring.is-zoomed .hero-ring-gallery,.hero-ring.is-zoomed .hero-ring-card,.hero-ring.is-zoomed .hero-ring-card img{cursor:grab}.hero-ring.is-dragging .hero-ring-gallery,.hero-ring.is-dragging .hero-ring-card,.hero-ring.is-dragging .hero-ring-card img{cursor:grabbing}.hero-ring-card{width:calc(45px * var(--ring-res));height:calc(56.25px * var(--ring-res));border-radius:calc(4px * var(--ring-res));transform-origin:50%;transform-style:preserve-3d;backface-visibility:visible;will-change:transform;opacity:0;position:absolute;overflow:hidden}.hero-ring-card img{object-fit:cover;backface-visibility:hidden;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.hero-ring-title-container{z-index:3;text-align:center;pointer-events:none;opacity:0;width:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-ring-title{font-family:var(--font-primary), sans-serif;font-size:max(.5625rem, calc(var(--hero-copy) * .68));letter-spacing:-.02em;color:var(--deep-void);font-weight:500;line-height:1.2}.hero-ring-word{will-change:transform;display:inline-block;position:relative}.hero-ring-mascot{z-index:4;aspect-ratio:1;cursor:pointer;visibility:hidden;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:clamp(44px,11vh,108px);padding:0;transition:scale .22s cubic-bezier(.4,0,1,1),visibility .22s;display:block;position:absolute;top:81.5%;left:50%;translate:-50% -50%;scale:0}@keyframes hero-ring-mascot-pop{0%{rotate:-35deg;scale:0}50%{rotate:10deg;scale:1.22}70%{rotate:-6deg;scale:.9}86%{rotate:2deg;scale:1.06}to{rotate:none;scale:1}}.hero-ring-mascot.is-shown{visibility:visible;animation:.72s cubic-bezier(.2,.7,.3,1) hero-ring-mascot-pop;scale:1}.hero-ring-mascot.is-shown:hover{scale:1.06}.hero-ring-mascot.is-shown:active{scale:.94}.hero-ring-mascot:focus-visible{outline:2px solid var(--deep-void);outline-offset:6px;border-radius:1rem}.hero-ring-mascot svg{width:100%;height:100%;display:block;overflow:visible}.hero-ring-mascot-burst{fill:var(--happening-blue);opacity:.8;transition:fill .3s}.hero-ring-mascot-face{fill:var(--happening-blue);transition:opacity .3s}.hero-ring-mascot-skin{opacity:0;transition:opacity .3s}.hero-ring-mascot-eye{fill:#fff}.hero-ring-mascot-smile{fill:none;stroke:#fff}.hero-ring-mascot.is-spinning .hero-ring-mascot-burst{fill:#fff}.hero-ring-mascot.is-spinning .hero-ring-mascot-skin{opacity:1}.hero-ring-mascot.is-spinning .hero-ring-mascot-face{opacity:0}.hero-ring-mascot-hint{z-index:4;font-family:var(--font-primary), sans-serif;letter-spacing:.06em;color:#050a148c;white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;font-size:clamp(.625rem,.68vw,.8125rem);font-weight:500;line-height:1.2;transition:opacity .3s,translate .3s,visibility .3s;display:block;position:absolute;top:calc(81.5% + clamp(44px,11vh,108px)/2 + .55rem);left:50%;translate:-50% .35rem}.hero-ring-mascot-hint.is-shown{visibility:visible;opacity:1;transition-delay:.5s;translate:-50%}@media (prefers-reduced-motion:reduce){.hero-ring-mascot,.hero-ring-mascot-burst,.hero-ring-mascot-face,.hero-ring-mascot-skin,.hero-ring-mascot-hint{transition-duration:.01ms}.hero-ring-mascot-hint.is-shown{transition-delay:0s}.hero-ring-mascot.is-shown{animation:none}.hero-ring-mascot.is-shown:hover,.hero-ring-mascot.is-shown:active{scale:1}}