/* Home initial hero - approved direction 2026-07-21.
   The first viewport is a complete editorial cover; booking remains in Agenda,
   not as a duplicated call-to-action in the cover. */

:root {
    --figaro-header-height: 163px;
}

.figaro-hero {
    height: calc(100vh - var(--figaro-header-height));
    height: calc(100svh - var(--figaro-header-height));
    min-height: 540px;
    overflow: hidden;
}

.figaro-hero-copy {
    padding: clamp(3rem, 6.5vw, 7rem);
    position: relative;
}

.figaro-hero-copy h1 {
    font-size: clamp(3.15rem, 5vw, 5.5rem);
}

.figaro-hero-copy > p:not(.figaro-eyebrow) {
    max-width: 28rem;
}

.figaro-hero-image,
.figaro-hero-image img {
    min-height: 0;
}

.figaro-hero-image img {
    height: 100%;
    object-position: center;
}

.figaro-hero-scroll {
    align-items: center;
    bottom: clamp(1.5rem, 3vw, 3rem);
    color: #20252c;
    display: inline-flex;
    font-family: Arial, sans-serif;
    font-size: .68rem;
    font-weight: 700;
    gap: .75rem;
    left: clamp(3rem, 6.5vw, 7rem);
    letter-spacing: .14em;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
}

.figaro-hero-scroll::before {
    background: currentColor;
    content: "";
    height: 1px;
    opacity: .55;
    width: 2.75rem;
}

.figaro-hero-scroll span:last-child {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    font-weight: 400;
    line-height: .6;
}

.figaro-hero-scroll:hover,
.figaro-hero-scroll:focus {
    color: #9b7130;
}

@media (max-width: 991px) {
    .figaro-hero {
        height: auto;
        min-height: 0;
    }

    .figaro-hero-copy {
        min-height: clamp(430px, 58svh, 560px);
    }

    .figaro-hero-image img {
        height: 420px;
        min-height: 420px;
    }
}

@media (max-width: 650px) {
    :root {
        --figaro-header-height: 132px;
    }

    .figaro-hero-copy {
        min-height: clamp(420px, 58svh, 520px);
        padding: 3.25rem 1.4rem;
    }

    .figaro-hero-copy h1 {
        font-size: clamp(3.15rem, 14vw, 4.5rem);
    }

    .figaro-hero-image img {
        height: 320px;
        min-height: 320px;
    }

    .figaro-hero-scroll {
        bottom: 1.5rem;
        left: 1.4rem;
    }
}

@media (prefers-reduced-motion: no-preference) {
    html:has(.figaro-home) {
        scroll-behavior: smooth;
    }
}