/* ─────────────────────────────────────────
   MOTION (CSS side)
   Starting states for animations.js. The inline script in <head> adds .anim
   to <html> (only when "reduce motion" is off) so the hero + nav start hidden
   and never flash before Motion plays their entrance.
───────────────────────────────────────── */

.anim .nav,
.anim .hero-img,
.anim .hero-eyebrow,
.anim .hero-name,
.anim .hero-amp,
.anim .hero-date,
.anim .hero-flower {
  opacity: 0;
}

.hero-bg,
.hero-content { will-change: transform; }