/* TESTIMONIALS HERO */
.testimonials-hero {
    padding: 120px 0 60px;
    background: var(--gradient-primary);
    color: var(--color-surface);
}

.testimonials-hero .heading-primary {
    color: var(--color-surface);
    margin-bottom: 0.5rem;
}

.testimonials-hero .subtitle {
    font-size: 1.25rem;
    opacity: 0.9;
}

/* TESTIMONIALS LIST */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
    padding-top: 3rem; /* Space for avatars */
}

@media (max-width: 992px) {
    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
}

/* FAMILY ALBUM */
.family-album {
    background-color: var(--color-background);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.album-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem; /* Reduced gap to bring images closer */
}

@media (max-width: 1200px) {
    .album-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .album-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .album-grid {
        grid-template-columns: 1fr;
    }
}

.album-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-fast);
}

.album-img:hover {
    transform: scale(1.02);
    box-shadow: var(--shadow-md);
}