.accueil-bloc-titre{font-size:calc(34px * var(--echelle));max-width:20ch}.accueil-intro{margin:0;max-width:56ch;font-size:calc(17px * var(--echelle));line-height:1.55;color:var(--gris-texte)}.accueil-tete{display:grid;grid-gap:14px;gap:14px;margin-bottom:40px}.accueil-tete-centre{justify-items:center;text-align:center}.accueil-tete-centre .accueil-bloc-titre{max-width:none}.accueil-generations-lamelles,.accueil-lamelles{position:absolute;inset:0;z-index:-2;--lamelles-teinte:var(--site-lamelles-sombre);--lamelles-reflet:var(--site-lamelles-sombre-reflet)}.site:has(.accueil-accroche){background-image:none}.site-bloc.accueil-accroche{position:relative;isolation:isolate;overflow:hidden;margin-top:-110px;padding-top:180px;padding-bottom:88px;min-height:clamp(620px,94svh,940px);border-radius:0 0 32px 32px;background:var(--site-bloc-sombre);text-align:center}.accueil-accroche:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--site-bloc-sombre-voile);pointer-events:none}.accueil-accroche-texte{display:grid;grid-gap:30px;gap:30px;justify-items:center;max-width:1000px;margin:0 auto}.accueil-titre{font-size:calc(48px * var(--echelle));max-width:13ch}.accueil-accroche .accueil-titre{color:var(--site-bloc-sombre-texte)}.accueil-titre.accueil-titre-lignes{max-width:none;font-size:min(calc(48px * var(--echelle)),10.4vw)}.accueil-titre-lignes span{display:block;white-space:nowrap}.accueil-phrase.accueil-phrase-lignes{font-size:calc(16px * var(--echelle))}.accueil-phrase-lignes span{display:block}.accueil-phrase-lignes span+span{margin-top:.5em}.accueil-phrase{margin:0;max-width:34ch;font-size:calc(19px * var(--echelle));line-height:1.5;color:var(--site-bloc-sombre-texte)}.site .accueil-accroche a.bouton,.site .accueil-accroche a.bouton:hover{background:var(--site-carte-verte);color:var(--encre)}.site-bloc.accueil-accroche.page-accroche{min-height:clamp(400px,54svh,580px);padding-top:166px;padding-bottom:58px}.page-accroche .accueil-accroche-texte{gap:20px}.page-accroche .accueil-titre{font-size:calc(40px * var(--echelle));max-width:17ch}.page-accroche .accueil-phrase{max-width:40ch;font-size:calc(18px * var(--echelle))}@media (min-width:900px){.site-bloc.accueil-accroche.page-accroche{padding-top:186px;padding-bottom:70px}.page-accroche .accueil-titre{font-size:calc(62px * var(--echelle))}.page-accroche .accueil-phrase{max-width:52ch;font-size:calc(20px * var(--echelle))}}.accueil-onglets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin-bottom:18px;padding:6px;border-radius:calc(var(--arrondi-bloc) + 6px);background:var(--carte);box-shadow:var(--ombre-bloc)}.site .accueil-onglet{position:relative;overflow:hidden;display:grid;justify-items:center;align-content:center;grid-gap:8px;gap:8px;padding:12px 6px;border:0;border-radius:var(--arrondi-bloc);background:transparent;color:var(--gris-texte);font:inherit;cursor:pointer}.site .accueil-onglet.actif{color:var(--encre)}.accueil-jauge{position:absolute;inset:0;background:var(--site-jauge);transform-origin:left center;transform:scaleX(0);animation-name:accueil-jauge;animation-timing-function:linear;animation-fill-mode:forwards}.accueil-jauge.pleine{animation-name:none;transform:none}@keyframes accueil-jauge{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.accueil-onglet-numero,.accueil-onglet-titre{position:relative}.accueil-onglet-numero{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--site-bande-sable);font-size:calc(12px * var(--echelle));font-weight:var(--etiquette-graisse)}.accueil-onglet.actif .accueil-onglet-numero{background:var(--vert);color:var(--bouton-texte)}.accueil-onglet-titre{font-family:var(--police-site);font-size:calc(16px * var(--echelle));line-height:1.15}.accueil-metier-bloc{position:relative;overflow:hidden}.accueil-metier-titre{margin-bottom:14px;font-size:calc(42px * var(--echelle))}.accueil-post{overflow:hidden;border-radius:20px;background:var(--carte);box-shadow:var(--ombre-panneau)}.accueil-post-tete{display:flex;align-items:center;gap:10px;padding:12px 14px}.accueil-post-avatar{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover}.accueil-post-qui{display:grid;grid-gap:2px;gap:2px;min-width:0;line-height:1.2;font-size:calc(13px * var(--echelle));color:var(--gris-texte)}.accueil-post-qui strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:calc(15px * var(--echelle));color:var(--encre)}.accueil-post-exemple{position:absolute;top:14px;left:14px;z-index:1;padding:4px 10px;border-radius:999px;background:var(--site-bande-sable);color:var(--gris-texte);font-size:calc(12px * var(--echelle));font-weight:var(--etiquette-graisse)}.accueil-post-visuel{position:relative;aspect-ratio:1;overflow:hidden;background:var(--site-bloc-sombre);animation:accueil-post-arrive .45s ease}.accueil-post-visuel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.accueil-insecable{white-space:nowrap}.accueil-post-legende{box-sizing:content-box;min-height:3lh;margin:0;padding:12px 16px 16px;font-size:calc(15px * var(--echelle));line-height:1.45;animation:accueil-post-arrive .45s ease}@keyframes accueil-post-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.accueil-metier-suite{display:grid;justify-items:center;grid-gap:22px;gap:22px;margin-top:10px}.accueil-metier-idees{display:grid;place-items:center;min-height:48px}.accueil-post-idees{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.site .accueil-post-idee{position:relative;isolation:isolate;overflow:hidden;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--carte);box-shadow:var(--ombre-bloc);color:var(--gris-texte);font:inherit;font-size:calc(14px * var(--echelle));font-weight:var(--boutons-graisse);cursor:pointer}.site .accueil-post-idee.actif{color:var(--encre)}.accueil-post-jauge{position:absolute;inset:0;z-index:-1;background:var(--site-jauge);transform-origin:left center;transform:scaleX(0);animation-name:accueil-jauge;animation-timing-function:linear;animation-fill-mode:forwards}.accueil-post-jauge.pleine{animation-name:none;transform:none}.accueil-generations{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:460px;padding:64px 24px;border-radius:32px;background:var(--site-bloc-sombre);color:var(--site-bloc-sombre-texte);transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1)}.accueil-generations:hover{transform:scale(1.025);box-shadow:var(--ombre-panneau)}.accueil-generations:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--site-bloc-sombre-voile);pointer-events:none}.site .accueil-generations-lien{position:absolute;inset:0;z-index:1;border-radius:inherit;outline:none}.accueil-generations:has(.accueil-generations-lien:focus-visible){outline:3px solid var(--site-carte-verte);outline-offset:4px}.accueil-generations-texte{margin:0;max-width:24em;text-align:center;text-wrap:balance;font-size:calc(22px * var(--echelle));line-height:1.45;color:var(--site-bloc-sombre-texte)}.accueil-dernier{display:grid;grid-gap:28px;gap:28px;justify-items:center;text-align:center;max-width:700px;margin:0 auto}@media (prefers-reduced-motion:reduce){.accueil-jauge,.accueil-post-jauge{animation:none;transform:none}.accueil-generations{transition:none}.accueil-post-legende,.accueil-post-visuel{animation:none}}@media (min-width:900px){.site-bloc.accueil-accroche{padding-top:200px;border-radius:0 0 44px 44px}.accueil-titre{font-size:calc(80px * var(--echelle));max-width:12ch}.accueil-titre.accueil-titre-lignes{font-size:min(calc(80px * var(--echelle)),8.6vw)}.accueil-phrase{max-width:42ch;font-size:calc(22px * var(--echelle))}.accueil-phrase.accueil-phrase-lignes{max-width:50ch;font-size:calc(22px * var(--echelle))}.accueil-bloc-titre{font-size:calc(46px * var(--echelle))}.site .accueil-onglet{grid-auto-flow:column;justify-content:center;gap:14px;padding:18px 12px}.accueil-onglet-titre{font-size:calc(22px * var(--echelle))}.accueil-metier-titre{font-size:calc(58px * var(--echelle))}.accueil-generations{min-height:560px;padding:96px 48px;border-radius:44px}.accueil-generations-texte{font-size:calc(30px * var(--echelle));line-height:1.4}}