/* Content is visible by default. JavaScript owns short, one-shot entrances;
   this layer adds no colors, shapes, scroll behavior or perpetual animation. */
/* Clip temporary lateral entrances without creating a scrolling ancestor.
   Keeping overflow-y visible preserves the native sticky story. */
@supports (overflow: clip) {
  #main[data-motion-root] {
    overflow-x: clip;
    overflow-y: visible;
  }
}

[data-motion-root] .motion-entering {
  will-change: opacity, translate;
}

[data-motion-root] .motion-changing {
  will-change: opacity, translate;
}

[data-motion-root] .motion-depth-entering {
  will-change: scale;
}

/* Replace the earlier standalone photo entrance only while the new system
   is mounted. Its transform/hover rules remain under the site's stylesheet. */
[data-motion-root] .corporate-hero-photo > img {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-motion-root] .motion-entering,
  [data-motion-root] .motion-changing,
  [data-motion-root] .motion-depth-entering {
    will-change: auto;
  }
}