.hero-visual > div { display: none; }
.hero-poster { display:block; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:inherit; }
.mobile-menu[hidden] { display:none!important; }
.mobile-menu { display:none; }
.menu { position:relative; z-index:42; min-width:48px; min-height:48px; cursor:pointer; touch-action:manipulation; }

@media (max-width:900px) {
  .nav-wrap { z-index:100; }
  .menu { display:grid; place-items:center; }
  .mobile-menu { display:block; position:absolute; left:0; right:0; top:100%; z-index:99; background:#fafbf7; border-top:1px solid var(--line); border-bottom:1px solid var(--line); box-shadow:0 18px 35px rgba(16,20,16,.14); }
  .mobile-menu-inner { display:grid; padding-top:14px; padding-bottom:20px; }
  .mobile-menu a { display:block; padding:14px 4px; color:var(--ink); text-decoration:none; font-weight:600; border-bottom:1px solid var(--line); }
  .mobile-language { width:100%; margin:14px 0 4px; padding:13px 4px; border:1px solid var(--line); background:white; }
  .mobile-menu .button { color:white; text-align:center; border:0; margin-top:10px; }
  .hero { padding-top:58px; }
  .hero-visual { height:auto; aspect-ratio:1536/1365; border-radius:24px; }
}

@media (max-width:560px) {
  .hero-visual { height:auto; aspect-ratio:1536/1365; }
  .category-strip { scrollbar-width:thin; }
}