/* ============================================================
   MASH DESIGN STUDIO — ANIMATIONS STYLESHEET
   Keyframe animations used across the site.
   (Hover/focus transitions live alongside their components
   in style.css — this file holds only @keyframes.)
   ============================================================ */

@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.modal-overlay.is-active {
  animation: modalFadeIn 0.25s ease;
}