/* ═══ MOTION V2 — premium motion layer (demo) ═══
   Ken Burns · stagger headlines · arch reveal · blur quotes · CTA glow
   All gated behind prefers-reduced-motion. Toggled via body[data-fx-*]
   (CSS effects) and window.MotionV2 (JS effects). */

@media (prefers-reduced-motion: no-preference) {

  /* — Ken Burns on EVERY painting (heroes + arch-framed portraits/hall + content figures) — */
  body[data-fx-kenburns="1"] .hero-art img,
  body[data-fx-kenburns="1"] .hero-bg img,
  body[data-fx-kenburns="1"] .vhero-art img {
    animation: mv2-kb 26s ease-in-out alternate infinite;
    transform-origin: 50% 30%;
    will-change: transform;
  }
  body[data-fx-kenburns="1"] .arch img,
  body[data-fx-kenburns="1"] .arch-fig img {
    animation: mv2-kb-soft 24s ease-in-out alternate infinite;
    transform-origin: 50% 38%;
    will-change: transform;
  }
  /* gentle variety so it never feels mechanical */
  body[data-fx-kenburns="1"] .hall-item:nth-child(even) .arch-fig img { animation-duration: 30s; transform-origin: 50% 50%; }
  body[data-fx-kenburns="1"] .hall-item:nth-child(3n) .arch-fig img   { animation-duration: 21s; transform-origin: 40% 30%; }

  @keyframes mv2-kb {
    from { transform: scale(1.02); }
    to   { transform: scale(1.09); }
  }
  @keyframes mv2-kb-soft {
    from { transform: scale(1.005); }
    to   { transform: scale(1.07); }
  }

  /* — staggered headline words (JS sets initial state) — */
  .stag-w { display: inline-block; will-change: transform; }

  /* — candle-glow CTAs — */
  body[data-fx-glow="1"] .btn.gold {
    transition: background .3s, color .3s, border-color .3s, box-shadow .5s;
  }
  body[data-fx-glow="1"] .btn.gold:hover {
    box-shadow: 0 0 26px rgba(184,149,110,0.45), 0 0 70px rgba(184,149,110,0.18);
  }
  /* slow breathing on the primary (featured/dark-section) gold CTAs */
  body[data-fx-glow="1"] .door.featured .btn.gold,
  body[data-fx-glow="1"] .threshold .btn.gold,
  body[data-fx-glow="1"] .breaker-quote .btn.gold {
    animation: mv2-breathe 6s ease-in-out infinite;
  }
  @keyframes mv2-breathe {
    0%, 100% { box-shadow: 0 0 0 rgba(184,149,110,0); }
    50%      { box-shadow: 0 0 22px rgba(184,149,110,0.3); }
  }
}