/* Finish one-shot entrances without retaining a composited animation layer. */
html.motion-enabled .reveal.visible,
html.motion-enabled .reveal.visible *,
html.motion-enabled .reveal.visible::before,
html.motion-enabled .reveal.visible *::before {
  animation-fill-mode: backwards !important;
}

/* Long pages stay in the normal painting flow on phones and touch tablets.
   Interactive states (hidden tabs, menus, dialogs) still use their own rules. */
@media (max-width: 800px), (pointer: coarse) {
  html { scroll-behavior: auto; }
  main *, main *::before, main *::after,
  .marquee-track, .ticker, .ticker-track,
  .site-header, .header {
    animation: none !important;
    will-change: auto !important;
  }
  .reveal, [data-animate] {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
  }
  .feature-photo, .feature-photo img, .about-photo img,
  .editorial-title h2 > span,
  .hero-title span, .hero-line-middle > span, .hero-line-large > span,
  .e-title-wrap h1 b, .hero h1 > span {
    opacity: 1 !important;
    clip-path: none !important;
  }
  .feature-photo img, .about-photo img,
  .editorial-title h2 > span, .hero-photo img {
    transform: none !important;
  }
  .site-header, .site-header.is-scrolled,
  .header, .header.scrolled, .mobile-sticky {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #fff !important;
  }
  .mobile-sticky { transition: none; }
  .motion-toggle { display: none; }
}

/* Mobile fallback: avoid blended illustrations and oversized decorative surfaces. */
@media (max-width: 800px), (pointer: coarse) {
  .brand-logo, main *, main *::before, main *::after {
    mix-blend-mode: normal !important;
  }
  .intro-sash, .final-ribbon { display: none !important; }
  .intro-editorial { isolation: auto; }
}

/* Use the phone's built-in Japanese font; no large Japanese webfont download. */
@media (max-width: 800px), (pointer: coarse) {
  :root { --font: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; }
}