/* Keeps a sliver of the next section visible on larger first viewports. */
@media (min-width: 901px) {
  .hero { height: max(740px, 92svh); }
  .hero-copy { top: 47%; transform: translateY(-50%); }
  html[lang="en"]:not(.global-site) .hero-copy { top: 36%; transform: none; }
}

.lang-switch { color: var(--acid); }
.hero-video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
html[lang="ja"] body { font-family: "Noto Sans JP", "Noto Sans SC", Arial, sans-serif; }
html[lang="ja"] .hero h1,
html[lang="ja"] .display-title,
html[lang="ja"] .tech-copy h2,
html[lang="ja"] .bundle-copy h2 { line-height: 1.02; }
html[lang="ja"] .hero h1 { font-size: clamp(58px, 7.5vw, 118px); }

@media (max-width: 600px) {
  html[lang="ja"] .hero h1 { font-size: 51px; }
  html[lang="ja"] .hero-lede { font-size: 14px; }
  html[lang="ja"] .scene-overlay h3 { font-size: 22px; }
}