/* Hero */
.hero {
    margin-top: 80px;
}
.floating-words {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

@media (max-width: 1040px) {
    .floating-words {
        display: none;
    }
    .hero__text {
        max-width: 40rem;
        margin-inline: auto;
    }
}

.floatingword p {
    padding: 0.7em 1.4em;
    font-weight: var(--fw-b);
}

.floatingword {
    border-radius: var(--radius-root);
    rotate: var(--deg);
    display: inline-block;
    transform: translateX(var(--translate));
    color: white;
    border: 2px solid white;
}

.hero__text {
    padding-block: var(--xl);
}

.info__text {
    width: min-content;
}

/* Citation */
.citation {
    min-height: calc(60vh);
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.citation__txt blockquote h2 {
    font-family: var(--font-gambetta);
    font-style: italic;
    font-size: 5rem;
    line-height: 6rem;
    font-weight: var(--fw-eb);
    text-align: center;
    margin-inline: 15rem;
    text-shadow: 10px 10px 20px var(--color-black-transp);
}
@media (max-width: 1024px) {
    .citation figure blockquote h2 {
        font-size: 4rem;
        line-height: 4rem;
        margin-inline: 5rem;
    }
}

@media (max-width: 520px) {
    .citation figure blockquote h2 {
        font-size: 3rem;
        line-height: 3rem;
        margin-inline: 2rem;
    }
}

/* Projets */
@media (max-width: 992px) {
    .projets {
        flex-direction: column-reverse;
    }
    .projets__list,
    .projets__text {
        width: unset;
    }
}

/* Exemple prestations et FAQ */
details.prestas__presta summary.presta__titre,
details.faq__details summary.faq__titre {
    margin-bottom: 0;
    list-style-type: none;
    display: inline-flex;
    align-items: center;
}
details[open].prestas__presta summary.presta__titre,
details[open].faq__details summary.faq__titre {
    margin-bottom: 1.5rem;
}
.prestas__presta summary::before,
.faq__details summary::before {
    margin-right: 1rem;
    content: '+';
    transition: 0.2s;
    font-family: var(--font-title);
    font-size: 2rem;
}
.prestas__presta[open] summary::before,
.faq__details[open] summary::before {
    transform: rotate(45deg);
}
.presta__stitre {
    color: #727065;
}
.prestas__text .button {
    margin-top: var(--s);
}

/* FAQ */