@media (prefers-reduced-motion: no-preference) {
  .has-hero-handoff .hero, .has-hero-handoff .hero-frame { height: 100dvh; }
  .has-hero-handoff .hero { z-index: 8; }
  .has-hero-handoff .hero-frame { will-change: auto; }
  .has-hero-handoff .site-header:not([data-story-state="after"]) .header-brand { visibility: hidden; }
  .hero[data-travel] > .hero-caption-window {
    position: fixed; inset: 0 0 auto; height: 100dvh; pointer-events: none;
  }
  .hero[data-travel] .hero-title h1 {
    transform-origin: center;
    transform: translate3d(0,var(--logo-travel),0) scale(var(--logo-scale));
    opacity: var(--logo-opacity);
    color: transparent; -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0; text-shadow: none;
    background-image: linear-gradient(to bottom, #fff 0% var(--ink-edge), var(--ink) var(--ink-edge) 100%);
    -webkit-background-clip: text; background-clip: text;
  }
  .hero[data-travel] :is(.hero-tagline,.hero-ko) {
    opacity: var(--support-opacity);
    transform: translateY(var(--support-y));
  }
  .hero[data-travel] .hero-next { opacity: var(--arrow-opacity); transition: none; }
  .hero[data-travel="finished"] > .hero-caption-window { visibility: hidden; }
}