/* css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Lato', sans-serif;
    color: #000000;
    background-color: #FFFFFF;
}

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

/* Custom Utilities */
.text-brand-light {
    color: #dbc8bd;
}
.bg-brand-light {
    background-color: #dbc8bd;
}
.border-brand-light {
    border-color: #dbc8bd;
}

/* Animations */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }

/* Mobile Menu Transition */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}
#mobile-menu.open {
    transform: translateX(0);
}
#mobile-menu.closed {
    transform: translateX(100%);
}

/* Image Hover Zoom */
.hover-zoom {
    overflow: hidden;
}
.hover-zoom img {
    transition: transform 0.5s ease;
}
.hover-zoom:hover img {
    transform: scale(1.05);
}

/* Grid Layout for Masonry (Portfolio) */
.masonry-grid {
    column-count: 1;
    column-gap: 1.5rem;
}
@media (min-width: 768px) {
    .masonry-grid {
        column-count: 2;
    }
}
@media (min-width: 1024px) {
    .masonry-grid {
        column-count: 3;
    }
}
.masonry-item {
    break-inside: avoid;
    margin-bottom: 1.5rem;
}