/*
 * Hero — page d'accueil uniquement.
 */

.hero{padding-block:clamp(46px,6.6vw,84px) clamp(38px,4.6vw,60px)}
.hero-grille{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(30px,4.6vw,64px);align-items:start}
.hero h1{font-size:clamp(35px,5.1vw,60px);letter-spacing:-.012em}

.phrase-cle{margin-top:clamp(24px,2.8vw,32px);max-width:min(100%,545px)}
.phrase-cle p{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(23px,2.9vw,33px);line-height:1.28;color:var(--encre)}
.phrase-cle svg{display:block;width:min(100%,430px);height:16px;margin-top:6px;overflow:visible}
.phrase-cle path{fill:none;stroke:var(--peche);stroke-width:5;stroke-linecap:round}

.hero-texte{margin-top:24px;display:flex;flex-direction:column;gap:14px;max-width:56ch}
.hero-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.hero-secondaire{margin-top:24px;padding-top:18px;border-top:1px solid var(--filet);font-size:14.5px;color:var(--sourdine);max-width:56ch}

@media (max-width:900px){
  .hero-grille{grid-template-columns:1fr}
}