.agence-page {
    width: 100%;
    /* background: linear-gradient(180deg, #FDEDE0 0%, #fff 100%); */
}

.agence-hero {
    width: 100%;
    height: 90vh;
}

.agence-hero__img {
    display: block;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}



.agence-manifeste {
    display: flex;
    align-items: flex-start;
    justify-content: center;
        gap: 4vw;
    padding: 7.5vw 16.5vw;
}

.agence-manifeste__label {
    font-family: 'ShantellSansBouncy';
    font-size: 3.13vw;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #212121;
}
.agence-manifeste__label .stats-underline-wrapper {
        left: 20%;
    top: 65%;
    width: 68%;
}
.agence-manifeste__label .stats-title--underline {
    color: #212121;
}

.agence-manifeste__content {
    flex: 0 0 32.8vw;
}

.agence-manifeste__content p strong {
    font-family: 'Spartan', sans-serif;
    font-size: 1.04vw;
    font-weight: 600;
    line-height: 1.25;
    color: #212121;
    margin-bottom: 0.94vw;
}

.agence-manifeste__content p {
    font-family: 'Spartan', sans-serif;
    font-size: 0.9375vw;
    line-height: 1.39;
    color: #212121;
    margin-bottom: 1.3vw;
}

.agence-manifeste__content p:last-child {
    margin-bottom: 0;
}

.services-section {
    padding: 3vw 18.5vw 7.5vw;
}

.services-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.83vw;
}

.services-card {
    flex: 0 0 calc((100% - 1.66vw) / 3);
    aspect-ratio: 388 / 448;
    perspective: 1200px;
    cursor: pointer;
}

.services-card__flipper {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 1.04vw;
}

.services-card:hover .services-card__flipper,
.services-card.is-open .services-card__flipper {
    transform: rotateY(180deg);
}

.services-card__face--front,
.services-card__face--back {
    position: absolute;
    inset: 0;
    border-radius: 1.04vw;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.services-card__face--back {
    transform: rotateY(180deg);
    background: #ffdcd5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2vw 1vw 2vw 2.5vw;
}

.services-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.services-card__front {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(7, 7, 7, 0.65) 0%, transparent 55%);
    display: flex;
    align-items: flex-end;
    padding: 3vw 2.5vw;
}

.services-card__title {
    font-family: 'Spartan';
    font-size: 2vw;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.services-card__title span {
   font-family: 'ShantellSansBouncy';
}

.services-card__back-title {
    font-family: 'Spartan';
    font-size: 2vw;
    font-weight: 600;
    color: #920026;
    line-height: 1.15;
    letter-spacing: -0.03vw;
    margin-bottom: 1.04vw;
}
.services-card__back-title span {
    font-family: 'ShantellSansBouncy';
}
.services-card__list {
    padding: 0;
    margin: 0;
}

.services-card__list p {
    font-family: 'Spartan', sans-serif;
    font-size: 0.9vw;
    font-weight: 500;
    color: #212121;
    line-height: 1.5;
    position: relative;
    margin-bottom: 0.8vw;
}


.agence-equipe {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7.5vw 19vw 10vw;
    margin-bottom: 5vw;
    gap: 3vw;
}

.equipe-star {
    position: absolute;
    pointer-events: none;
}

.equipe-star--blue-tl {
    top: 2vw;
    left: 18.5vw;
    width: 4.5vw;
}

.equipe-star--color-tr {
    top: 1.56vw;
    right: 17vw;
    width: 3.7vw;
        z-index: 5;
}

.equipe-star--color-bl {
    bottom: 2vw;
    left: 16.5vw;
    width: 3.7vw;
    transform: rotate(50deg) !important;
}

.equipe-star--blue-br {
   bottom: 0vw;
    right: 22vw;
    width: 4.5vw;
    transform: rotate(270deg) !important;
}

.agence-equipe__content h2 {
    font-family: 'Spartan', sans-serif;
    font-size: 2.2vw;
    font-weight: 600;
    color: #212121;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 1.56vw;
    margin-top: 1.5vw;
}

.agence-equipe__content h2 em {
   font-family: 'ShantellSansBouncy';
    font-size: 2.8vw;
    color: #920026;
    display: block;
    line-height: 1.1;
    margin-top: 0.5vw;
}

.agence-equipe__content p {
    font-family: 'Spartan', sans-serif;
    font-size: 0.9375vw;
    font-weight: 500;
    color: #212121;
    line-height: 1.5;
    margin-bottom: 1.56vw;
}

.agence-equipe__content p {
    margin-bottom: 1.04vw;
}


.agence-equipe__content p em {
    font-family: 'ShantellSansBouncy';
    font-size: 1.3vw;
    font-weight: 600;
    color: #212121;
    line-height: 1.3;
}
.agence-equipe__content {
    width: 28vw;
}
.agence-equipe__photo {
    border-radius: 1.04vw;
    width: 23vw;
    overflow: hidden;
}

.agence-equipe__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
@media only screen and (max-width: 767px) {
    .agence-hero__img {
        width: 100%;
        height: auto;
    }
    .agence-hero {
        height: auto;
    }
    .services-section {
        padding: 10vw 4vw 15vw;
    }

    .services-grid {
        flex-direction: column;
        gap: 5vw;
    }

    .services-card {
        flex: none;
        width: 100%;
        aspect-ratio: 4 / 3;
    }
    .services-card__flipper {
        border-radius: 3vw;
    }
    .services-card__face--front,
    .services-card__face--back {
        border-radius: 3vw;
    }
    .services-card__front {
        padding: 6vw;
    }
    .services-card__title {
        font-size: 6vw;
    }
    .services-card__face--back {
        padding: 6vw;
    }

    .services-card__back-title {
        font-size: 6vw;
        margin-bottom: 3.5vw;
    }

    .services-card__list p {
        font-size: 3.1vw;
        margin-bottom: 1.5vw;
    }
    .agence-equipe {
        flex-direction: column;
        padding: 16vw 6vw;
        margin-bottom: 12vw;
        gap: 10vw;
    }

    .equipe-star--blue-tl {
        top: 3vw;
        left: 3vw;
        width: 10vw;
    }
    .agence-equipe__content {
        width: 100%;
    }
    .equipe-star--color-tr {
        top: 2vw;
        right: 3vw;
        width: 9vw;
    }

    .equipe-star--color-bl {
        bottom: 2vw;
        left: 5vw;
        width: 9vw;
    }

    .equipe-star--blue-br {
        bottom: 3vw;
        right: 3vw;
        width: 10vw;
    }

    .agence-equipe__content h2 {
        font-size: 4.5vw;
        margin-bottom: 7vw;
    }

    .agence-equipe__content h2 em {
        font-size: 7vw;
        margin-top: 3.5vw;
    }

    .agence-equipe__content p {
        font-size: 3.1vw;
        line-height: 1.6;
        margin-bottom: 5vw;
    }

    .agence-equipe__content p {
        margin-bottom: 2.5vw;
    }

    .agence-equipe__content p em {
        font-size: 4vw;
        margin-bottom: 6vw;
    }

    .agence-equipe__photo {
        border-radius: 3vw;
        width: 100%;
        margin-bottom: 5vw;
    }
    .agence-manifeste {
        flex-direction: column;
        padding: 15vw 8vw;
        gap: 6vw;
    }

    .agence-manifeste__label {
        flex: none;
        font-size: 7vw;
        margin-bottom: 3vw;
    }
    .agence-manifeste__label .stats-underline-wrapper {
        top: 75%;
    }
    .agence-manifeste__content {
        flex: none;
        width: 100%;
    }

    .agence-manifeste__content p strong{
        font-size: 3.1vw;
        margin-bottom: 4vw;
    }

    .agence-manifeste__content p {
        font-size: 3.1vw;
        line-height: 1.3;
    }
}