/* Progressive enhancements using newer CSS specs (View Transitions L2, Scroll-driven Animations).
   Kept separate so main.css validates against the W3C CSS validator's current profile. */
@view-transition { navigation: auto; }
@supports (animation-timeline: view()) {
  .parallax { animation: parallax linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; }
  @keyframes parallax { from { transform: translateY(40px); } to { transform: translateY(-40px); } }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  .parallax { animation: none; }
}