/* All decorative motion is here. Content stays visible without JavaScript. */
.scroll-progress { position: fixed; z-index: 40; top: 0; left: 0; height: 2px; width: 100%; background: var(--accent); transform-origin: left; transform: scaleX(0); }
@keyframes atmosphere { from { transform: translateY(-6px); } to { transform: translateY(12px); } }
@keyframes enter { from { opacity: .15; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.is-entering { animation: enter 750ms var(--ease) both; }
.portrait-composition.is-entering { animation-delay: 90ms; }
.motion-paused *, .motion-paused *::before, .motion-paused *::after { animation: none !important; transition: none !important; }
html.motion-paused { scroll-behavior: auto; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}