/* Custom styles to complement Tailwind */
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

/* Geometric clip path for hero accent */
.clip-path-slant {
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}

/* Animation utility classes */
.reveal-up, .reveal-left, .reveal-right {
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition: all 0.8s ease-out;
}

/* Default state for elements that will animate */
.reveal-up, .reveal-left, .reveal-right {
    /* Start state handled by JS to avoid flash, 
       but ensuring they are visible if JS fails */
    opacity: 1; 
}

/* Mobile menu transition */
#mobile-menu {
    transition: max-height 0.3s ease-in-out;
}