/* =========================
   RÉALISATIONS
   ========================= */
.page-hero {
    padding-top: var(--space-4);
}

.page-hero__inner {
    text-align   : center;
    margin-inline: auto;
    max-width    : 52rem;
}

.section-heading-center {
    text-align   : center;
    margin-bottom: var(--space-3);
}


.filters {
    display        : flex;
    justify-content: center;
    align-items    : center;
    gap            : var(--space-2);
    margin-top     : var(--space-3);
    flex-wrap      : wrap;
}

.filters .btn {
    width: 10em;
}

@media (hover:hover) {
    .filters .btn--soft:hover {
        background  : var(--turquoise);
        border-color: var(--turquoise);
        color       : var(--white);
    }
}

.gallery {
    display              : grid;
    grid-template-columns: repeat(3, 1fr);
    gap                  : var(--space-3);
    margin-top           : var(--space-3);
}

/* Galerie */
.ph--gallery {
    aspect-ratio : 4 / 5;
    border-radius: var(--radius);
}

/* Responsive galerie */
@media (max-width: 1024px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

#vitrerie {
    scroll-margin-top: 9em;
}