/* Scroll-reveal, focus ring, reduced-motion.
   Keep this file LAST: its rules must override everything above. */

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(16px)}
.reveal.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}

:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:6px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}