/* Align the two video heroes by the catch baseline, not by unequal title heights. */
body:is(.service-school-page, .service-film-page).service-movie-page.service-movie-normal-scroll .lumen-stack .service-hero__opening-copy {
  top: auto;
  bottom: clamp(24px, 13svh, 124px);
  /* Retain the existing scroll-driven exit offset without the old -50% centering. */
  transform: translateY(var(--service-hero-opening-copy-y, 0px));
}

@media (min-width: 769px) {
  body.service-school-page { --video-hero-wordmark-ratio: 2.65; }
  body.service-film-page { --video-hero-wordmark-ratio: 4.26; }

  body:is(.service-school-page, .service-film-page).service-movie-page.service-movie-normal-scroll .lumen-stack .service-hero__opening-copy {
    --video-hero-catch-size: min(clamp(23px, 2.15vw, 32px), max(16px, 5.2svh));
  }

  body:is(.service-school-page, .service-film-page).service-movie-page.service-movie-normal-scroll .lumen-stack .service-hero__opening-copy-en.eluna-page-name {
    font-size: calc(var(--video-hero-catch-size) * var(--video-hero-wordmark-ratio)) !important;
    margin-bottom: clamp(12px, 3.8svh, 28px);
  }

  body:is(.service-school-page, .service-film-page).service-movie-page.service-movie-normal-scroll .lumen-stack .service-hero__opening-copy-en.eluna-page-name > .eluna-page-name__ja {
    margin-top: clamp(6px, 1.4svh, 10px) !important;
    font-size: clamp(12px, 2.6svh, 16px) !important;
  }

  body:is(.service-school-page, .service-film-page).service-movie-page.service-movie-normal-scroll .lumen-stack .service-hero__opening-copy-ja {
    font-size: var(--video-hero-catch-size);
  }

  /* Match Film's desktop catch to School; retain wordmark and mobile sizes. */
  body:is(.service-school-page, .service-film-page).service-movie-page.service-movie-normal-scroll .lumen-stack .service-hero__opening-copy-ja {
    font-size: calc(var(--video-hero-catch-size) * .88);
  }
}

@media (max-width: 768px) {
  body:is(.service-school-page, .service-film-page).service-movie-page.service-movie-normal-scroll .lumen-stack .service-hero__opening-copy {
    bottom: clamp(24px, 12svh, 108px);
  }
}