.hero-scene{aspect-ratio:1.05;isolation:isolate;background:#fff;width:100%;position:relative;overflow:hidden}.hero-poster,.hero-poster img,.hero-scene>canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-scene>canvas{opacity:0;touch-action:pan-y;transition:opacity .2s}.hero-scene[data-hero=scene]>canvas{opacity:1}.hero-motion-controls{gap:8px;display:none;position:absolute;bottom:12px;right:12px}.hero-motion-control{border:1px solid var(--ip-line);background:var(--ip-page);width:44px;height:44px;color:var(--ip-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hero-motion-control:focus-visible{outline:2px solid var(--ip-ink);outline-offset:3px}.hero-scene[data-hero=scene]>.hero-motion-controls{display:inline-flex}@media (prefers-reduced-motion:reduce){.hero-scene>canvas{visibility:hidden;transition:none}.hero-scene .hero-motion-controls{display:none}}