/* MCC animations.css — keyframes, responsive @media, reduced-motion. Load LAST (overrides). */
/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  .footer-top{grid-template-columns:1fr 1fr 1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .nav-mega-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .nav-burger{display:flex}
  .nav-actions .nav-cta{display:none}
  .nav-links{position:fixed;top:var(--nav-h);inset-inline:0;background:var(--floor-2);border-bottom:1px solid var(--floor-3);flex-direction:column;align-items:stretch;gap:0;padding:14px clamp(20px,5vw,40px) 24px;margin:0;max-height:0;overflow:hidden;transition:max-height .35s var(--ease);box-shadow:0 20px 40px rgba(0,0,0,.4)}
  .nav-links.open{max-height:80vh;overflow-y:auto}
  .nav-links>a,.nav-mega-trigger{padding:14px 8px;border-bottom:1px solid var(--hair);border-radius:0}
  .nav-mega-wrap{position:static}
  .nav-mega{position:static;transform:none;width:100%;opacity:1;visibility:visible;box-shadow:none;max-height:0;overflow:hidden;padding:0;border:0;transition:max-height .3s var(--ease)}
  .nav-mega.open{max-height:600px;padding:10px 0}
}
@media(max-width:760px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .cm-item{width:78vw}
}
@media(max-width:520px){
  .footer-top{grid-template-columns:1fr}
}
/* ---------- PERFORMANCE / MOTION SAFETY ---------- */
@media(max-width:768px){ *{will-change:auto} .carousel-track{animation-duration:80s} }
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .carousel-track{animation:none;transform:none}
}