/*
Theme Name: Alex Morgan Portfolio
Description: A beautiful portfolio theme for artists and illustrators
Version: 1.0
Author: Alex Morgan
*/

/* Import Tailwind CSS */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

/* Custom styles */
.hero-gradient {
    background: linear-gradient(to bottom right, #fafaf9, #fef3c7);
}

.font-caveat {
    font-family: 'Caveat', cursive !important;
}

.card-hover {
    transition: all 0.5s ease;
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.image-zoom {
    transition: transform 0.7s ease;
}

.image-zoom:hover {
    transform: scale(1.1);
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Dynamic hero word classes - these ensure styling is preserved */
.hero-word-1,
.hero-word-2,
.hero-word-3,
.hero-word-4,
.hero-word-5,
.hero-word-6,
.hero-word-7,
.hero-word-8,
.hero-word-9,
.hero-word-10 {
    /* Base styling for all hero words - inherit from parent */
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: 'Caveat', cursive !important;
    line-height: inherit;
}

/* Responsive design */
@media (max-width: 768px) {
    .hero-title {
        font-size: 3rem;
    }
}

/* Additional font loading support for older browsers */
@font-face {
    font-family: 'Caveat-Fallback';
    src: local('Caveat'), local('Caveat-Regular');
    font-display: swap;
}

/* Ensure Caveat loads with fallback */
.font-caveat,
.hero-title,
.hero-word-1,
.hero-word-2,
.hero-word-3,
.hero-word-4,
.hero-word-5,
.hero-word-6,
.hero-word-7,
.hero-word-8,
.hero-word-9,
.hero-word-10 {
    font-family: 'Caveat', 'Caveat-Fallback', cursive !important;
    font-display: swap;
}