/* Rythme et accents propres à l’accueil ; palette et bouton hérités du socle. */
.home-theme { --home-coral: #f2916d; }
/* La signature de l’accueil reprend le fond du header. */
.home-theme .site-footer { background: var(--background); }
.home-theme .hero { min-height: auto; }
.home-theme .hero__layout { padding-block: clamp(48px, 8.5vw, 116px); }
.home-theme .hero h1 { margin-block: 0 22px; font-size: clamp(32px, 4vw, 57px); letter-spacing: -.025em; }
.home-theme .hero h1 em { display: block; font-style: normal; color: var(--home-coral); }
.home-theme .hero__copy > p { margin: 0; font-size: clamp(17px, 1.65vw, 21px); }
.home-theme .button { margin-top: 22px; max-width: 100%; }
.home-theme .button:focus-visible { outline: 3px solid var(--text); outline-offset: 4px; }

/* Les deux colonnes se lisent dans le même ordre quand elles s’empilent. */
.home-section { padding-block: clamp(34px, 5vw, 66px); }
.home-section--tinted { background: var(--surface); }
/* Une même grille aligne le bandeau et les sections éditoriales. */
.home-theme .hero__layout,
.home-section__split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: clamp(22px, 5vw, 64px);
}
.home-section__split { align-items: start; }
.home-section h2 { margin: 0; font-size: clamp(25px, 2.9vw, 41px); line-height: 1.12; letter-spacing: -.02em; }
.home-section__accent { color: var(--home-coral); }
.home-section p { margin: 0; color: var(--muted); font-size: 17px; }
.home-section p + p { margin-top: 12px; }
/* Centre le titre, les modules et le lien de la section Métiers. */
.home-section--expertise { text-align: center; padding-bottom: clamp(58px, 8vw, 106px); }
.home-expertise { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 3vw, 38px); margin-top: 24px; }
.home-expertise h3 { margin: 0 0 8px; font-size: clamp(17px, 1.9vw, 22px); }
/* Palette commune aux trois illustrations. */
.home-expertise__art { display: block; width: 129.6px; max-width: 100%; margin: 0 auto 10px; }
.home-art__violet { color: #b48af2; stroke: currentColor; }
.home-art__coral { color: var(--home-coral); stroke: currentColor; }
.home-art__blue { color: #99c9ef; stroke: currentColor; }
.home-art__wash { fill: currentColor; fill-opacity: .13; }
.home-expertise__item .home-expertise__discipline { color: var(--home-coral); font-size: .95rem; }
/* Sur mobile, les fonds alternés et les espacements distinguent les sections empilées. */
@media (max-width: 760px) {
    .home-theme .hero__layout { padding-block: 56px 64px; gap: 34px; }
    .home-theme .hero__copy, .home-section { text-align: center; }
    .home-theme .hero h1 { font-size: clamp(27px, 6vw, 31px); }
    .home-section h2 { font-size: 23px; }
    .home-expertise h3 { font-size: 16px; }
    .home-theme .hero__copy > p, .home-section p { font-size: 16px; line-height: 1.8; }
    .home-section { padding-block: 52px; }
    .home-section--tinted { background: #2c2040; }
    .home-section--expertise { padding-bottom: 72px; }
    .home-expertise { gap: 48px; margin-top: 32px; }
    .home-theme .aumya-logo { max-width: 210px; }
    .home-theme .hero__layout,
    .home-section__split,
    .home-expertise { grid-template-columns: minmax(0, 1fr); }
}

/* Sur ordinateur, le bandeau respire davantage et les titres principaux gagnent en retenue. */
@media (width > 900px) {
    .home-theme .hero__layout { padding-block: calc(clamp(48px, 8.5vw, 116px) + 24px); }
    .home-theme .hero h1 { font-size: calc(clamp(32px, 4vw, 57px) - 10px); }
    .home-section h2 { font-size: calc(clamp(25px, 2.9vw, 41px) - 10px); }
}