/* Progressive enhancement: static content remains readable in browsers without scroll timelines. */
@supports (animation-timeline: view()) {
 @media (prefers-reduced-motion:no-preference) {
  .press-hero { view-timeline-name:--artist-scroll; view-timeline-axis:block; }
  .press-hero-photo { animation:artist-depth linear both; animation-timeline:--artist-scroll; animation-range:exit 0% exit 100%; }
  .press-hero-copy { animation:artist-copy-depth linear both; animation-timeline:--artist-scroll; animation-range:exit 0% exit 100%; }
  .home-stage .archive-heading,.home-stage .video-group>h3,.home-stage .music-track,.home-stage .video-mv-grid,.home-stage .video-lyrics-row,.home-stage .video-remix-group,.home-stage .home-friend-row {
   animation:section-arrive linear both; animation-timeline:view(); animation-range:entry 0% entry 75%;
  }
  .home-stage .tour-world-map { animation:map-depth linear both; animation-timeline:view(); animation-range:entry 0% exit 100%; }
  @keyframes artist-depth { from {transform:translateY(0)} to {transform:translateY(46px)} }
  @keyframes artist-copy-depth { from {transform:translateY(0)} to {transform:translateY(-18px)} }
  @keyframes section-arrive { from {opacity:.45;transform:translateY(22px)} to {opacity:1;transform:translateY(0)} }
  @keyframes map-depth { from {transform:translateY(14px)} to {transform:translateY(-14px)} }
 }
 @media (prefers-reduced-motion:no-preference) and (max-width:700px) {
  @keyframes artist-depth { from {transform:translateY(0)} to {transform:translateY(16px)} }
  @keyframes artist-copy-depth { from {transform:translateY(0)} to {transform:translateY(-6px)} }
  @keyframes section-arrive { from {opacity:.7;transform:translateY(10px)} to {opacity:1;transform:translateY(0)} }
  @keyframes map-depth { from {transform:translateY(6px)} to {transform:translateY(-6px)} }
 }
}