/* All additions are opt-in through the module's class. Original layouts,
   hover transforms, article dialogs and signup behavior remain independent. */
@media (prefers-reduced-motion: no-preference) {
  .lower-motion-on #news.world-news {
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }
  .lower-motion-on #news::before {
    content: '';
    position: absolute;
    inset: -40px 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at 82% 25%, #25b5ed14, transparent 55%),
      radial-gradient(ellipse at 7% 80%, #ea3a9b0c, transparent 50%);
    transform: translate3d(0, var(--wire-drift, 0px), 0);
  }
  .lower-motion-on .world-news-masthead {position: relative; overflow: hidden}
  .lower-motion-on .world-news-masthead::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #62e0f5, transparent);
    opacity: 0;
    pointer-events: none;
  }
  .lower-motion-on .lower-revealed .world-news-masthead::after {
    animation: lower-wire-scan 1.4s .2s ease-out both;
  }
  .lower-motion-on #news .world-news-picture img {
    height: calc(100% + 20px);
    max-height: none;
    margin-top: -10px;
    /* Individual translate composes with the existing image hover zoom. */
    translate: 0 var(--picture-drift, 0px);
  }
  .lower-motion-on .chaos-atmosphere {
    inset: -52px 0;
    transform: translate3d(0, var(--city-drift, 0px), 0);
  }
  .lower-motion-on .chaos-section::before {
    transform: translate3d(0, calc(var(--city-drift, 0px) * -.45), 0);
  }
  .lower-motion-on .creators-section {overflow: hidden}
  .lower-motion-on .creators-section::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: -32px 0;
    pointer-events: none;
    background: radial-gradient(ellipse at 30% 40%, #e54ab512, transparent 45%),
      radial-gradient(ellipse at 76% 60%, #38c2ff0e, transparent 48%);
    transform: translate3d(0, var(--credits-drift, 0px), 0);
  }
  .lower-motion-on .studio-footer .studio-logo-link img {
    translate: 0 var(--studio-drift, 0px);
  }
  .lower-motion-on [data-closing-reveal].closing-visible,
  .lower-motion-on .chaos-section:has(.closing-visible)::before {animation: none}
  .lower-motion-on .lower-reveal.lower-revealed {
    animation: lower-arrive .7s cubic-bezier(.2,.65,.25,1) var(--lower-delay, 0ms) both;
  }
  .lower-motion-on .lower-reveal:focus-within {animation: none}
  .lower-motion-on .world-news-picture.lower-motion-in-view img {will-change: translate}
  .lower-motion-on .chaos-section.lower-motion-in-view .chaos-atmosphere {will-change: transform}
  @keyframes lower-arrive {
    from {opacity: .25; translate: 0 18px}
    to {opacity: 1; translate: 0 0}
  }
  @keyframes lower-wire-scan {
    0% {opacity: 0; transform: translateX(-100%)}
    20%, 70% {opacity: .8}
    100% {opacity: 0; transform: translateX(320%)}
  }
  @media (max-width: 760px) {
    .lower-motion-on #news .world-news-picture img {height: calc(100% + 16px); margin-top: -8px}
    .lower-motion-on .chaos-atmosphere {inset: -30px 0}
    .lower-motion-on .lower-reveal.lower-revealed {animation-duration: .55s; animation-delay: 0ms}
    @keyframes lower-arrive {
      from {opacity: .4; translate: 0 12px}
      to {opacity: 1; translate: 0 0}
    }
  }
}