/* Homepage-specific extension point. Existing rules remain in shared style.css to preserve rendering. */
.home-testimonials {
    overflow: hidden;
    border-top: 1px solid var(--line);
    background: transparent;
}

.home-testimonial-heading {
    margin-bottom: 34px;
}

.home-testimonial-heading .eyebrow {
    margin-bottom: 10px;
}

.home-testimonial-heading h2 {
    margin: 0;
    font-size: clamp(2rem, 3.8vw, 4rem);
}

.home-testimonial-slider {
    display: grid;
    max-width: 1050px;
}

.home-testimonial-slider blockquote {
    grid-area: 1 / 1;
    margin: 0;
    color: var(--forest);
    font: 500 clamp(1.2rem, 2.1vw, 2rem)/1.55 var(--display);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .4s ease, transform .4s ease;
}

.home-testimonial-slider blockquote::before {
    content: "“";
    margin-right: 5px;
    color: var(--copper);
    font-family: var(--serif);
}

.home-testimonial-slider blockquote::after {
    content: "”";
    margin-left: 5px;
    color: var(--copper);
    font-family: var(--serif);
}

.home-testimonial-slider blockquote.active {
    opacity: 1;
    visibility: visible;
    transform: none;
}

@media (max-width: 800px) {
    .home-testimonials {
        padding-block: 65px;
    }

    .home-testimonial-heading {
        margin-bottom: 24px;
    }
}