body {
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

.hero-bg-custom {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.1) 100%),
    url('/images/Header Background.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

h1, h2, h3, .serif {
    font-family: 'Playfair Display', serif;
}

.nav-link {
    @apply transition-colors duration-300 hover:text-amber-700;
}

.mobile-menu {
    transition: transform 0.3s ease-in-out;
}