@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-optical-sizing: auto; /* optional, ignore warning if needed */
}


.fraunces {
   font-family: "Fraunces", serif;
  font-style: normal;
  font-optical-sizing: auto;
}


 body {
        scroll-behavior: smooth;
        overflow-x: hidden;
    }
    header {
        transition: 0.4s ease-in-out;
    }
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #000000cc;
        backdrop-filter: blur(10px);
        z-index: 999;
        
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }
    /* ---------- Custom AOS Animations ---------- */
    [data-animate] {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.9s ease-out;
    }
    /* Slide From Left */
    [data-animate="left"] {
        transform: translateX(-80px);
    }
    /* Slide From Right */
    [data-animate="right"] {
        transform: translateX(80px);
    }
    /* Fade + Slide Active State */
    .animate-active {
        opacity: 1;
        transform: translateX(0) translateY(0);
    }