@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Outfit:wght@100..900&display=swap');

/* Squircle Clip Path */
.squircle {
    clip-path: url(#squircle-clip);
}

/* Hero entrance animation */
@keyframes hero-fade-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-animate {
    animation: hero-fade-up 0.6s ease-out forwards;
}

.hero-delay-1 { animation-delay: 0.1s; opacity: 0; }
.hero-delay-2 { animation-delay: 0.25s; opacity: 0; }

/* Page content fade-in animation */
@keyframes page-fade-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-animate {
    animation: page-fade-in 0.5s ease-out forwards;
}