/* ==========================================================================
   MCG MODERN — ANIMATIONS
   ========================================================================== */

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

  [data-reveal]{ opacity:0; transition:opacity .9s var(--ease2), transform .9s var(--ease2); will-change:opacity, transform; }
  [data-reveal="up"]{ transform:translateY(34px); }
  [data-reveal="left"]{ transform:translateX(-34px); }
  [data-reveal="right"]{ transform:translateX(34px); }
  [data-reveal="scale"]{ transform:scale(.94); }
  [data-reveal="fade"]{ transform:none; }
  [data-reveal].is-visible{ opacity:1; transform:translate(0,0) scale(1); }

  [data-reveal-group] > *{ transition-delay:calc(var(--stagger,0) * 80ms); }

  .mcg2-nav{ animation:mcg2-drop-in .7s var(--ease2) both; }
  .mcg2-hero-inner{ animation:mcg2-rise-in .9s var(--ease2) .1s both; }
}

@keyframes mcg2-drop-in{ from{ transform:translateY(-100%); opacity:0; } to{ transform:translateY(0); opacity:1; } }
@keyframes mcg2-rise-in{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:translateY(0); } }

/* progress bar under the floating nav */
#mcg2ScrollProgress{ position:fixed; top:0; left:0; height:2px; background:var(--grad-brand); width:0%; z-index:400; transition:width .1s linear; }

/* subtle floating motion for glass cards at rest, pauses on hover via CSS */
@keyframes mcg2-float{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-6px);} }