/* Match the actual video canvas rather than cropping a widescreen film on mobile. */
.hero.hero-film{min-height:0;padding:0;background:#080b0f;overflow:hidden}
.hero.hero-film::after{display:none}
.hero-film .hero-film-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#080b0f;isolation:isolate}
.hero-film .hero-film-poster{position:absolute;inset:0;display:block;z-index:1}
.hero-film .hero-film-poster img,.hero-film .hero-film-video{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
.hero-film .hero-film-video{position:absolute;inset:0;z-index:2;opacity:0}
.hero-film .hero-film-stage.has-frame .hero-film-video{opacity:1}
.hero-film .hero-film-stage.has-frame .hero-film-poster{visibility:hidden}
.hero-film .hero-film-toggle{position:absolute;right:20px;bottom:20px;z-index:3;min-height:44px;min-width:100px;padding:10px 16px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(8,11,15,.82);color:#fff;font:600 13px/1.4 'Noto Sans KR',sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.hero-film .hero-film-toggle[hidden]{display:none}
.hero-film .hero-film-toggle:focus-visible{outline:3px solid #d7aa49;outline-offset:3px}
.hero-film .hero-film-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){
  .hero-film .hero-film-stage{aspect-ratio:1/1}
  .hero-film .hero-film-toggle{right:12px;bottom:12px}
}