.hero-figure{position:relative;margin:0;align-self:center;min-width:0}.hero-stage{position:relative;width:100%;aspect-ratio:1.087;isolation:isolate}.hero-poster{position:absolute;inset:0}.hero-poster img{width:100%;height:100%;object-fit:contain}.hero-stage canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 240ms}.hero-stage.is-ready canvas{opacity:1}.hero-stage.is-ready .hero-poster{visibility:hidden}.scene-labels{position:absolute;left:5%;right:2%;bottom:1.2%;display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;gap:6px;font-size:14px;line-height:1.2;font-weight:500;color:var(--muted)}.motion-control{display:block;margin:12px 0 0 auto;min-height:32px;border:0;background:none;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:4px 0}.motion-control[hidden]{display:none}.custom-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.custom-active .hero-poster,.custom-active canvas,.custom-active .scene-labels{display:none}
@media(max-width:740px){.hero-stage{aspect-ratio:1.25}.scene-labels{font-size:11px;left:2%;right:2%;bottom:0}.motion-control{font-size:12px;margin-top:7px}}
@media(max-width:740px){.scene-labels{font-size:13px}}