.agence-intro {
position: relative;
z-index: 2;
background-color: var(--color-white);
padding: var(--space-4xl) var(--space-xl);
}
.agence-intro__inner {
max-width: 1080px;
margin-inline: auto;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: var(--space-xl);
}
.agence-intro__asterisk {
display: inline-flex;
width: 32px;
height: 32px;
color: var(--color-primary);
}
.agence-intro__asterisk svg {
width: 100%;
height: 100%;
}
.agence-intro__enonce {
margin: 0;
font-family: var(--font-display);
font-weight: var(--font-weight-book);
font-size: clamp(1.75rem, 4vw, 44px);
line-height: 1.15;
letter-spacing: 0.5px;
color: var(--color-black);
}
.agence-intro__paragraphe {
margin: 0;
max-width: 52ch;
font-family: var(--font-body);
font-weight: var(--font-weight-medium);
font-size: 16px;
line-height: 1.6;
color: var(--color-black);
}
@media (max-width: 767px) {
.agence-intro {
padding: var(--space-2xl) var(--space-sm);
}
.agence-intro__enonce {
font-size: min(38px, calc((100vw - 2 * var(--space-sm)) * 38 / 358));
line-height: 1;
letter-spacing: 0.02em;
}
}