/* ============================================================
   HOME PAGE STYLES — The Foyer
   ============================================================ */

/* ── Legacy Section ── */
.home-legacy {
    text-align: center;
    max-width: 720px;
    margin-inline: auto;
}

.home-legacy__heading {
    margin-bottom: var(--space-xl);
}

.home-legacy__text {
    margin-inline: auto;
    margin-bottom: var(--space-l);
    color: var(--clr-text-muted);
}

.home-legacy .btn {
    margin-top: var(--space-l);
}

/* ── Services Grid ── */
.home-services {
    background: var(--clr-bg-alt);
}

.home-services__heading {
    text-align: center;
    margin-bottom: var(--space-l);
}

.home-services__intro {
    text-align: center;
    max-width: 55ch;
    margin-inline: auto;
    color: var(--clr-text-muted);
    margin-bottom: var(--space-2xl);
}

.home-services__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
}

@media (min-width: 768px) {
    .home-services__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.home-services__grid .card h3 {
    margin-bottom: var(--space-m);
    font-size: var(--fs-h3);
}

.home-services__grid .card p {
    color: var(--clr-text-muted);
    margin-bottom: 0;
}

.home-services__cta {
    text-align: center;
    margin-top: var(--space-2xl);
}

/* ── Video Section ── */
.home-video {
    text-align: center;
    max-width: 800px;
    margin-inline: auto;
}

.home-video h2 {
    margin-bottom: var(--space-l);
}

.home-video__intro {
    color: var(--clr-text-muted);
    max-width: 48ch;
    margin-inline: auto;
    margin-bottom: var(--space-xl);
}

.home-video__embed {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    overflow: hidden;
    border: 1px solid var(--clr-border);
    border-radius: var(--border-radius);
}

.home-video__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ── Patron / Testimonial Preview ── */
.home-patron {
    text-align: center;
    max-width: 720px;
    margin-inline: auto;
}

.home-patron h2 {
    margin-bottom: var(--space-xl);
}

.home-patron .testimonial {
    margin-inline: auto;
    text-align: left;
}

.home-patron .btn {
    margin-top: var(--space-xl);
}