/**
 * Homepage-only composition.
 * Shared buttons, tour cards, feature cards, and type live in components.css.
 */

.homepage .hero-aerial {
    position: relative;
}

.homepage .hero-aerial-image {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 50%;
}

.homepage .hero-aerial-content {
    z-index: 4;
    padding-inline: var(--space-8);
}

.homepage .hero-aerial .hero-title {
    font-family: var(--font-heading);
    font-size: clamp(2.2rem, 5.8vw, 5rem);
    line-height: 0.9;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.homepage .hero-aerial .hero-subtitle {
    margin-top: 0;
    font-family: var(--font-heading);
    font-size: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.6;
    letter-spacing: 0.1em;
}

.homepage-showcase-container {
    width: 100%;
    max-width: none;
}

.homepage .section-breathing {
    padding-block: var(--space-24);
}

.scroll-indicator {
    animation: gentle-bounce 2.5s ease-in-out infinite;
}

@keyframes gentle-bounce {
    0%, 100% { transform: translate(-50%, 0); }
    50% { transform: translate(-50%, var(--space-2)); }
}

@media (max-width: 48rem) {
    .homepage .section-breathing {
        padding-block: var(--space-16);
    }
}