.perspective-opening{overflow:hidden}
.hero-media,.hero-media picture,.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%}
.hero-media{pointer-events:none}
.hero-poster,.hero-video{display:block;object-fit:cover;object-position:center}
.hero-video{opacity:0;transition:opacity 1.2s ease}
.hero-video.is-ready{opacity:1}
.hero-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid #ffffff70;border-radius:2px;background:#0c252f7a;color:#fff;font:inherit;font-size:12px;line-height:1.4;white-space:nowrap;cursor:pointer}
.hero-motion-toggle:hover{background:#0c252fd9;border-color:#fff}
.hero-motion-toggle:focus-visible{outline:2px solid #ddc494;outline-offset:4px}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:before{content:'Ⅱ';font-size:14px;line-height:1;width:12px}
.hero-motion-toggle[data-state=paused]:before{content:'▶';font-size:10px}
@media(max-width:620px){.opening-bottom{flex-wrap:wrap;gap:12px}.hero-motion-toggle{font-size:11px;padding-inline:10px}.hero-motion-toggle:before{width:9px}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none;display:none}.hero-motion-toggle{display:none}}