/* Custom styles for Studio landing page */

/* Smooth scrolling is handled by Tailwind's scroll-smooth class on html */

/* Custom animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

/* Smooth transitions for interactive elements */
a, button {
    transition: all 0.3s ease;
}

/* Ensure images load nicely */
img {
    display: block;
    max-width: 100%;
    height: auto;
}