/* Responsive Adjustments & Micro-interactions */

/* Typography Scaling */
@media (max-width: 1200px) {
    :root {
        --spacing-xl: 6rem;
    }
}

@media (max-width: 768px) {
    :root {
        --spacing-xl: 4rem;
        --spacing-lg: 3rem;
    }

    .title {
        font-size: 2.8rem;
    }

    .hero-title {
        font-size: 3.5rem;
    }
}

/* Hover Effects */
.nav-links a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: var(--color-gold);
    transition: width 0.3s ease;
}

.nav-links a:hover::after {
    width: 100%;
}

.details-card {
    border: 1px solid transparent;
}

.details-card:hover {
    border-color: var(--color-gold-light);
}

/* Performance: Image Hover Blur */
.gallery-item img {
    filter: brightness(0.95);
}

.gallery-item:hover img {
    filter: brightness(1.1);
}

/* Accessibility: prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .reveal-up {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Section Dividers - Soft Waves */
.section::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 40px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23fdfbf7" d="M0,160L48,176C96,192,192,224,288,213.3C384,203,480,149,576,149.3C672,149,768,203,864,208C960,213,1056,171,1152,144C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
    background-size: cover;
    z-index: 5;
    pointer-events: none;
}

.bg-soft::after {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%23f4f1ea" d="M0,160L48,176C96,192,192,224,288,213.3C384,203,480,149,576,149.3C672,149,768,203,864,208C960,213,1056,171,1152,144C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
}