/* Custom Styles to complement Tailwind */
    
    body {
        font-family: 'Outfit', sans-serif;
    }

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

    /* Smooth Scroll */
    html {
        scroll-behavior: smooth;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        background: #1E1E1E;
    }
    ::-webkit-scrollbar-thumb {
        background: #FF6B6B;
        border-radius: 5px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #FF8787;
    }

    /* Animation Classes */
    .reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease-out;
    }

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

    /* Asymmetric Hero Image Clip */
    .hero-clip {
        clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    }