.animation-preview-note{padding:9px 16px;text-align:center;background:#063967;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}
.hero-art.animated-hero-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:0;height:auto;isolation:isolate}
.hero-float-stage{display:block;width:100%;background:none;border:0;box-shadow:none;line-height:0;position:relative}
.hero-float-logo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:transparent}
.hero-static-logo{display:none;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:transparent}
.hero-float-stage[data-paused="true"] .hero-float-logo{display:none}.hero-float-stage[data-paused="true"] .hero-static-logo{display:block}
.hero-animation-controls button[hidden]{display:none}
#hero-theme-audio{width:min(100%,280px)}
@media(prefers-reduced-motion:reduce){.hero-float-stage:not([data-user-play="true"]) .hero-float-logo{display:none}.hero-float-stage:not([data-user-play="true"]) .hero-static-logo{display:block}}
.hero-animation-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.hero-animation-controls button{font:inherit;font-weight:800;font-size:12px;min-height:44px;border:0;border-radius:100px;padding:10px 16px;cursor:pointer}
.hero-sound-toggle{background:#ffdc23;color:#102d4c;box-shadow:0 3px 10px #06396718}.hero-sound-toggle:hover{background:#ffe665}.hero-motion-toggle{background:#eaf5fc;color:#063967}
.hero-animation-controls button:focus-visible{outline:3px solid #0071c8;outline-offset:2px}
.hero-animation-status{margin:0;color:#063967;font-size:12px;text-align:center}.hero-animation-status:empty{display:none}
.hero-art.animated-hero-art .mascot-signoff{position:static;inset:auto;align-self:center;margin:0;padding:8px 14px;text-align:center;color:#063967;max-width:100%;font-size:13px;line-height:1.6;background:transparent;text-shadow:0 1px 2px #fff;transform:none}
.hero-art.animated-hero-art .mascot-signoff strong{display:block}
@media(max-width:760px){.hero-art.animated-hero-art{margin-top:10px;gap:12px}.hero-float-stage{max-width:540px;margin-inline:auto}.animation-preview-note{font-size:10px}}