.hero-mascots{isolation:isolate;min-width:0;height:380px;margin-left:-18px;position:relative}.mascot-cast{align-items:flex-end;height:320px;display:flex}.hero-mascot{text-align:center;flex:1;min-width:0;position:relative}.hero-mascot[data-slot="1"]{align-self:center;margin-top:8px}.mascot-touch{touch-action:manipulation;border-radius:40%;width:100%;padding:0;display:block;position:relative}.mascot-touch:focus-visible{outline-offset:0}.mascot-window{aspect-ratio:1;pointer-events:none;width:100%;display:block;position:relative;overflow:hidden}.mascot-window>img{object-fit:fill;width:400%;max-width:none;height:200%;position:absolute;top:0;left:0}.mascot-window.mascot-fallback>img{object-fit:contain;width:100%;height:100%}.mascot-window[data-rendered=true]>img{visibility:hidden}.mascot-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mascot-shadow{background:var(--ink);opacity:.12;filter:blur(8px);pointer-events:none;border-radius:50%;width:62%;height:5%;position:absolute;bottom:5%;left:19%}.hero-mascot figcaption{justify-content:center;align-items:center;gap:9px;margin-top:14px;line-height:1.6;display:flex}.hero-mascot figcaption strong{letter-spacing:.06em;font-size:14px;font-weight:550}.hero-mascot figcaption>span{color:var(--muted);font-size:11px}.mascot-speech{z-index:2;background:var(--sage);width:max-content;max-width:220px;color:var(--ink);opacity:0;pointer-events:none;border-radius:12px;padding:9px 13px;font-size:12px;line-height:1.5;transition:opacity .16s,transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:-34px;left:50%;transform:translate(-50%,4px)}.mascot-speech:after{content:"";border:5px solid #0000;border-top-color:var(--sage);position:absolute;top:100%;left:calc(50% - 5px)}.hero-mascot[data-active=true] .mascot-speech{opacity:1;transform:translate(-50%)}@media (max-width:1200px){.hero-mascots{height:330px}.mascot-cast{height:280px}.hero-mascot figcaption{gap:7px}}@media (max-width:1000px){.hero-mascots{height:300px;margin-left:-8px}.mascot-cast{height:255px}.hero-mascot figcaption{flex-direction:column;gap:1px;margin-top:8px}.mascot-speech{max-width:170px;padding:8px 10px;font-size:10px}}@media (max-width:760px){.hero-mascots{width:min(520px,100%);height:280px;margin:30px auto 8px;padding:0 12px}.mascot-cast{height:230px}.hero-mascot[data-slot="1"]{margin-top:22px}.hero-mascot figcaption{margin-top:10px;font-size:12px}.hero-mascot figcaption strong{font-size:13px}.hero-mascot figcaption>span{font-size:10px}.hero-mascot[data-slot="0"] .mascot-speech{left:0;transform:translateY(4px)}.hero-mascot[data-slot="2"] .mascot-speech{left:auto;right:0;transform:translateY(4px)}.hero-mascot[data-active=true][data-slot="0"] .mascot-speech,.hero-mascot[data-active=true][data-slot="2"] .mascot-speech{transform:translate(0)}}@media (max-width:440px){.hero-mascots{height:228px;margin-top:28px}.mascot-cast{height:185px}.hero-mascot[data-slot="1"]{margin-top:18px}}@media (prefers-reduced-motion:reduce){.mascot-speech{transition:opacity .12s;transform:translate(-50%)}}