/* Accueil — porté de la maquette validée (05/10/2026), styles limités à .accueil */
.accueil{
  --ivoire:#f5f1ea; --papier:#fbf8f3; --espresso:#14110e; --encre:#2b251f; --douce:#5e554b;
  --bronze:#a8834f; --bronze-texte:#7d5e33; --or-clair:#f0dcb8; --plan:#005e6d; --ligne:#e0d8cb; --nuit:#17120d;
  --ombre-texte:0 1px 2px rgba(0,0,0,.55),0 0 18px rgba(0,0,0,.35);
  --display:"Archivo","Helvetica Neue",Arial,sans-serif; --corps:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
.accueil{box-sizing:border-box}
.accueil{margin:0;background:var(--ivoire);color:var(--encre);font-family:var(--corps);font-size:16px;line-height:1.6}
.accueil img{display:block;max-width:100%}
.accueil a{color:inherit;text-decoration:none}
.accueil .wrap{max-width:1320px;margin:0 auto;padding-inline:20px}
.accueil .eyebrow{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--bronze-texte)}
.accueil h1,.accueil h2,.accueil h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance}
.accueil .hero{position:relative;min-height:min(92svh,940px);color:#fff;overflow:hidden;background:var(--nuit);display:flex;flex-direction:column}
.accueil .slide{position:absolute;inset:0;margin:0}
.accueil .slide img{width:100%;height:100%;object-fit:cover}
.accueil .slide:not(:first-child){opacity:0}
.accueil .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,10,7,.55) 0%,rgba(14,10,7,.3) 42%,rgba(14,10,7,0) 68%),linear-gradient(180deg,rgba(14,10,7,.72) 0%,rgba(14,10,7,.2) 20%,rgba(14,10,7,.2) 34%,rgba(14,10,7,.62) 52%,rgba(14,10,7,.9) 100%)}
@media (max-width:720px){.accueil .hero::after{background:linear-gradient(180deg,rgba(14,10,7,.75) 0%,rgba(14,10,7,.35) 18%,rgba(14,10,7,.55) 40%,rgba(14,10,7,.88) 62%,rgba(14,10,7,.94) 100%)}}
@media (prefers-reduced-motion:no-preference){.accueil .slide{animation:fondu 24s infinite}
.accueil .slide:nth-child(2){animation-delay:8s}
.accueil .slide:nth-child(3){animation-delay:16s}
.accueil .slide img{animation:zoom 24s infinite ease-out}
.accueil .slide:nth-child(2) img{animation-delay:8s}
.accueil .slide:nth-child(3) img{animation-delay:16s}
.accueil .slide:not(:first-child){opacity:0}
@keyframes fondu{0%{opacity:0}4%{opacity:1}33%{opacity:1}38%{opacity:0}100%{opacity:0}}
.accueil .slide:first-child{animation-name:fondu1}
@keyframes fondu1{0%{opacity:1}33%{opacity:1}38%{opacity:0}96%{opacity:0}100%{opacity:1}}
@keyframes zoom{0%{transform:scale(1.08)}40%{transform:scale(1)}100%{transform:scale(1)}}}
@media (max-width:820px){}
.accueil .hero-texte{position:relative;z-index:5;margin-top:auto;padding:0 20px clamp(36px,6vw,72px);max-width:1320px;width:100%;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;text-shadow:var(--ombre-texte)}
.accueil .hero-texte .eyebrow{color:var(--or-clair);font-size:clamp(13px,1.05vw,15px);letter-spacing:.16em}
.accueil .hero h1{font-size:clamp(56px,10.5vw,168px);line-height:.9;letter-spacing:-.015em;margin-top:14px}
.accueil .hero h1 em{font-style:italic;color:var(--or-clair)}
.accueil .hero .lead{max-width:46ch;font-weight:400;font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:#fbf6ee;margin:22px 0 0}
.accueil .legendes{position:relative;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#f1e8da;text-align:right;min-width:16ch;height:2.6em}
.accueil .legendes span{position:absolute;right:0;bottom:0;white-space:nowrap}
.accueil .legendes span:not(:first-child){opacity:0}
@media (prefers-reduced-motion:no-preference){.accueil .legendes span{animation:fondu 24s infinite}
.accueil .legendes span:first-child{animation-name:fondu1}
.accueil .legendes span:nth-child(2){animation-delay:8s}
.accueil .legendes span:nth-child(3){animation-delay:16s}}
@media (max-width:720px){.accueil .hero-texte{grid-template-columns:1fr}
.accueil .legendes{text-align:left}
.accueil .legendes span{left:0;right:auto}}
.accueil .chemin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.accueil .etape{position:relative;margin:0;overflow:hidden;background:var(--nuit)}
.accueil .etape > img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform 1.2s ease}
.accueil .etape:hover > img{transform:scale(1.04)}
.accueil .etape.etude{background:var(--plan)}
.accueil .etape.etude > img{mix-blend-mode:multiply;opacity:.55;filter:grayscale(1) contrast(1.1);object-fit:contain;padding:12%}
.accueil .etape .marque-traits{position:absolute;top:22px;left:22px;width:42%;opacity:.95}
.accueil .etape figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 26px 30px;color:#fff;background:linear-gradient(transparent,rgba(14,10,7,.62) 35%,rgba(14,10,7,.9));text-shadow:var(--ombre-texte)}
.accueil .etape.etude figcaption{background:linear-gradient(transparent,rgba(0,52,61,.75) 35%,rgba(0,40,47,.95))}
.accueil .etape .num{font-family:var(--display);font-size:clamp(48px,6vw,88px);line-height:1}
.accueil .etape h2{font-size:clamp(28px,2.8vw,38px);margin-top:4px}
.accueil .etape p{margin:6px 0 0;font-size:16px;color:#f7f0e4;max-width:34ch}
@media (max-width:760px){.accueil .chemin{grid-template-columns:1fr}
.accueil .etape > img{aspect-ratio:4/3}}
.accueil .plein{position:relative;color:#fff;overflow:hidden}
.accueil .plein > img{width:100%;height:min(86svh,860px);min-height:460px;object-fit:cover}
.accueil .plein .voile{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,10,7,.88),rgba(14,10,7,.35) 55%,rgba(14,10,7,.1)),linear-gradient(90deg,rgba(14,10,7,.55),transparent 70%)}
.accueil .plein .texte{position:absolute;left:0;right:0;bottom:0;padding:0 20px clamp(36px,6vw,80px);max-width:1320px;margin:0 auto;text-shadow:var(--ombre-texte)}
.accueil .plein blockquote{margin:0;font-family:var(--display);font-size:clamp(30px,4.4vw,64px);line-height:1.1;max-width:20ch}
.accueil .plein .sign{margin-top:18px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--or-clair);font-weight:500}
.accueil section{padding-block:clamp(64px,9vw,120px)}
.accueil .tete{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.accueil .tete h2{font-size:clamp(34px,4.6vw,64px);line-height:1.02;color:var(--espresso)}
.accueil .lien{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--bronze-texte);border-bottom:1px solid var(--bronze-texte);padding-bottom:3px}
.accueil .mosaique{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,250px);gap:8px}
.accueil .tuile{position:relative;overflow:hidden;background:var(--nuit)}
.accueil .tuile img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.accueil .tuile:hover img{transform:scale(1.05)}
.accueil .tuile div{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 16px;color:#fff;background:linear-gradient(transparent,rgba(14,10,7,.7) 40%,rgba(14,10,7,.92));text-shadow:var(--ombre-texte)}
.accueil .tuile b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(19px,1.8vw,26px);line-height:1.15}
.accueil .tuile span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--or-clair);font-weight:500}
.accueil .t-wal{grid-column:1/3;grid-row:1/3}
.accueil .t-pd{grid-column:3/4;grid-row:1/2}
.accueil .t-aqd{grid-column:4/5;grid-row:1/3}
.accueil .t-emp{grid-column:3/4;grid-row:2/3}
.accueil .t-vil{grid-column:1/3;grid-row:3/4}
.accueil .t-bon{grid-column:3/5;grid-row:3/4}
@media (max-width:820px){.accueil .mosaique{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
.accueil .t-wal{grid-column:1/3;grid-row:auto/span 2}
.accueil .t-pd,.accueil .t-emp{grid-column:auto;grid-row:auto}
.accueil .t-aqd{grid-column:auto;grid-row:span 2}
.accueil .t-vil,.accueil .t-bon{grid-column:1/3;grid-row:auto}}
.accueil .atelier{background:var(--nuit);color:#efe6d8}
.accueil .atelier .tete h2{color:#f6efe4}
.accueil .atelier .lead{color:#ddd2c1;font-weight:400;font-size:clamp(17px,1.6vw,20px);max-width:52ch;margin:0}
.accueil .atelier .eyebrow{color:var(--or-clair)}
.accueil .atelier-grille{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px}
.accueil .atelier-grille .macro img{width:100%;height:100%;object-fit:cover;min-height:420px}
.accueil .petits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.accueil .petits figure{margin:0;position:relative}
.accueil .petits img{width:100%;aspect-ratio:1/1;object-fit:cover}
.accueil .petits figcaption{font-size:14px;color:#ddd2c1;margin-top:6px;line-height:1.4}
@media (max-width:820px){.accueil .atelier-grille{grid-template-columns:1fr}}
.accueil .atelier-suite{padding-top:0}
.accueil .atelier-mosaique{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;grid-auto-flow:dense;gap:8px}
.accueil .atelier-mosaique figure{margin:0;position:relative;overflow:hidden}
.accueil .atelier-mosaique figure:first-child{grid-row:span 2}
.accueil .atelier-mosaique figure:nth-child(4),.accueil .atelier-mosaique figure:nth-child(7),.accueil .atelier-mosaique figure:nth-child(8){grid-column:span 2}
.accueil .atelier-mosaique img{width:100%;height:100%;object-fit:cover;display:block}
.accueil .atelier-mosaique figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 10px;font-size:14px;line-height:1.35;color:#f6efe4;background:linear-gradient(transparent,rgba(20,14,8,.78))}
@media (max-width:820px){.accueil .atelier-mosaique{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}.accueil .atelier-mosaique figure:nth-child(4),.accueil .atelier-mosaique figure:nth-child(7),.accueil .atelier-mosaique figure:nth-child(8){grid-column:span 2}}
.accueil .tete-lead{margin:0;max-width:46ch;font-size:17px;line-height:1.55;color:var(--encre)}
.accueil .legende-etapes{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;counter-reset:e}
.accueil .legende-etapes li{counter-increment:e;border-top:6px solid var(--bronze-texte);padding-top:9px;font-size:14px;font-weight:500;line-height:1.3;color:var(--encre)}
.accueil .legende-etapes li::before{content:counter(e) ". ";color:var(--bronze-texte)}
.accueil .formules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.accueil .formule{margin:0;display:flex;flex-direction:column}
.accueil .formule .f-texte{display:flex;flex-direction:column;flex:1}
.accueil .formule img{width:100%;aspect-ratio:4/5;object-fit:cover}
.accueil .formule .pour{display:block;margin-top:14px;font-size:12.5px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--bronze-texte)}
.accueil .formule h3{font-size:clamp(25px,2.1vw,30px);line-height:1.1;color:var(--espresso);margin-top:6px}
.accueil .formule p{margin:8px 0 0;color:var(--encre);max-width:38ch;font-size:16.5px;line-height:1.55}
.accueil .etapes{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:auto;padding-top:16px;max-width:190px;width:100%}
.accueil .etapes i{height:6px;background:var(--ligne)}
.accueil .etapes i.on{background:var(--bronze-texte)}
@media (max-width:1100px){.accueil .formules{grid-template-columns:1fr;gap:22px}
.accueil .formule{display:grid;grid-template-columns:minmax(112px,30%) minmax(0,1fr);gap:18px;align-items:start}
.accueil .formule .f-texte{display:block}
.accueil .etapes{margin-top:0}
.accueil .formule .pour{margin-top:0}}
@media (max-width:1100px) and (min-width:561px){.accueil .formule img{aspect-ratio:4/3}}
@media (max-width:560px){.accueil .legende-etapes li{font-size:13px}
.accueil .formule h3{font-size:24px}
.accueil .formule p{font-size:16px}}
.accueil .cle{margin:48px 0 0;padding-left:24px;border-left:3px solid var(--plan);font-family:var(--display);font-size:clamp(24px,2.8vw,36px);line-height:1.25;color:var(--espresso);max-width:30ch}
.accueil .refs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:0;border-top:1px solid var(--ligne)}
.accueil .refs li{padding:22px 4px;border-bottom:1px solid var(--ligne)}
.accueil .refs b{display:block;font-family:var(--display);font-weight:400;font-size:26px;color:var(--espresso);line-height:1.15}
.accueil .refs span{font-size:15px;color:var(--douce)}
.accueil .fin .voile{background:linear-gradient(0deg,rgba(14,10,7,.9),rgba(14,10,7,.35) 60%,rgba(14,10,7,.15))}
.accueil .fin .eyebrow{color:var(--or-clair)}
.accueil .fin .texte{text-align:left}
.accueil .fin h2{font-size:clamp(40px,6vw,92px);line-height:.98}
.accueil .bouton{display:inline-block;margin-top:26px;background:#fff;color:var(--espresso);padding:15px 30px;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.accueil .hero{min-height:calc(100svh - 72px)}

/* Têtes de page et étapes détaillées (Savoir-faire, Nos formules) */
.accueil .page-tete{padding-block:clamp(56px,8vw,110px) clamp(28px,4vw,48px)}
.accueil .page-tete h1{font-size:clamp(46px,7.5vw,112px);line-height:.95;margin-top:12px;color:var(--espresso)}
.accueil .page-tete h1 em{font-style:italic;color:var(--bronze-texte)}
.accueil .lead-page{max-width:52ch;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--encre);margin:20px 0 0}
.accueil .etapes-detail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.accueil .etapes-detail .n{font-family:var(--display);font-size:52px;line-height:1;color:var(--bronze-texte)}
.accueil .etapes-detail h2{font-size:30px;margin:6px 0 10px;color:var(--espresso)}
.accueil .etapes-detail ul{margin:0;padding-left:18px;color:var(--encre);font-size:16.5px;line-height:1.55}
.accueil .etapes-detail li{margin-bottom:8px}
@media (max-width:1000px){.accueil .etapes-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.accueil .etapes-detail{grid-template-columns:1fr}}

/* Titres sur photo : le style général des h2 du site ne doit pas les assombrir */
.accueil .etape h2,.accueil .plein h2,.accueil .plein blockquote,.accueil .tuile b{color:inherit}

/* Archivo (06/10/2026) : graisse 600, pas d'italique doré ; la 2e ligne garde seulement le retour à la ligne */
.accueil h1,.accueil h2,.accueil h3,.accueil .tuile b,.accueil .refs b,.accueil .plein blockquote,.accueil .cle{font-weight:600;letter-spacing:-.02em}
.accueil .etape .num,.accueil .etapes-detail .n{font-weight:500;letter-spacing:-.03em}
.accueil h1 em,.accueil h2 em,.accueil .page-tete h1 em{font-style:normal;color:inherit}
.accueil .hero h1{line-height:.95;font-size:clamp(48px,9vw,140px)}
.accueil .page-tete h1{line-height:1;font-size:clamp(42px,6.5vw,96px)}
.accueil .hero h1 em{font-style:normal;color:inherit}

/* Au sein de Taïga : les métiers (06/10/2026) */
.accueil .equipe-photo{margin:0 0 22px}.accueil .equipe-photo img{width:100%;aspect-ratio:16/8;object-fit:cover;display:block}
.accueil .metiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.accueil .metiers img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.accueil .metiers h3{font-size:22px;margin-top:12px;color:var(--espresso)}
.accueil .metiers p{margin:6px 0 0;font-size:16px;line-height:1.55;color:var(--encre)}
@media (max-width:900px){.accueil .metiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.accueil .metiers{grid-template-columns:1fr}.accueil .equipe-photo img{aspect-ratio:4/3}}

/* Lexique (06/10/2026) */
.accueil .lex-index{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:34px;font-size:15px}
.accueil .lex-index a{color:var(--bronze-texte);border-bottom:1px solid var(--ligne);padding-bottom:2px}
.accueil .lexique{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
.accueil .lexique article{display:grid;grid-template-columns:minmax(120px,40%) minmax(0,1fr);gap:18px;align-items:start;scroll-margin-top:90px}
.accueil .lexique img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.accueil .lexique h2{font-size:24px;color:var(--espresso);margin:0 0 6px}
.accueil .lexique p{margin:0;font-size:16.5px;line-height:1.55;color:var(--encre)}
@media (max-width:860px){.accueil .lexique{grid-template-columns:1fr}}

/* Le chêne vit (06/10/2026) */
.accueil .chene-blocs{display:grid;gap:56px}
.accueil .chene-bloc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:start}
.accueil .chene-bloc h2{font-size:clamp(26px,2.6vw,36px);color:var(--espresso);margin:0 0 10px}
.accueil .chene-bloc p{margin:0 0 14px;font-size:17px;line-height:1.6;color:var(--encre);max-width:46ch}
.accueil .cb-img{display:grid;gap:10px}.accueil .cb-img.deux{grid-template-columns:1fr 1fr}
.accueil .cb-img figure{margin:0}.accueil .cb-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.accueil .cb-img figcaption{font-size:14px;color:var(--douce);margin-top:6px}
@media (max-width:820px){.accueil .chene-bloc{grid-template-columns:1fr}}

/* Au mot près (06/10/2026) */
.accueil .au-mot{background:var(--nuit);color:#efe6d8}
.accueil .au-mot .tete h2{color:#f6efe4}.accueil .au-mot .eyebrow{color:var(--or-clair)}.accueil .au-mot .tete-lead{color:#ddd2c1}
.accueil .consignes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.accueil .consignes figure{margin:0;border-left:3px solid var(--or-clair);padding:4px 0 4px 20px}
.accueil .consignes blockquote{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(19px,1.7vw,24px);line-height:1.35;color:#f6efe4}
.accueil .consignes figcaption{margin-top:10px;font-size:14px;letter-spacing:.04em;color:#c9bca9}
@media (max-width:760px){.accueil .consignes{grid-template-columns:1fr}}

/* Nos ouvrages (07/10/2026) */
.accueil .ouv-familles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:22px}
.accueil .ouv-famille{display:block;background:var(--papier);border:1px solid var(--ligne);transition:transform .3s ease,box-shadow .3s ease}
.accueil .ouv-famille:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,17,14,.12)}
.accueil .ouv-famille img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.accueil .ouv-famille div{padding:18px 20px 22px}
.accueil .ouv-famille h2{font-size:24px;color:var(--espresso);margin:0 0 8px}
.accueil .ouv-famille p{margin:0 0 12px;font-size:16px;line-height:1.5;color:var(--encre)}
.accueil .ouv-compte{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze-texte)}
.accueil .ouv-hero{position:relative;color:#fff;min-height:min(62svh,560px);display:flex;align-items:flex-end}
.accueil .ouv-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.accueil .ouv-hero .voile{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,10,7,.88),rgba(14,10,7,.25) 60%,rgba(14,10,7,.35))}
.accueil .ouv-hero .wrap{position:relative;padding-block:48px;text-shadow:var(--ombre-texte)}
.accueil .ouv-hero .eyebrow{color:var(--or-clair)}
.accueil .ouv-hero h1{font-size:clamp(38px,6vw,84px);line-height:1;margin:10px 0 12px}
.accueil .ouv-hero p{max-width:52ch;font-size:clamp(17px,1.5vw,20px);line-height:1.5;margin:0;color:#fbf6ee}
.accueil .fil-ouv{display:block;padding-top:18px;font-size:14px;color:var(--douce)}.accueil .fil-ouv a{color:var(--bronze-texte)}
.accueil .ouv-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start}
.accueil .ouv-intro h2,.accueil .ouv-formules-sec h2,.accueil section h2.ouv-h{font-size:clamp(26px,2.6vw,34px);color:var(--espresso);margin:0 0 14px}
.accueil .ouv-liste{margin:0 0 22px;padding-left:20px;font-size:17px;line-height:1.6;color:var(--encre)}
.accueil .ouv-composez{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--papier);border-left:4px solid var(--bronze-texte)}
.accueil .ouv-composez strong{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-texte)}
.accueil .ouv-composez a{font-size:17px;font-weight:500;color:var(--espresso);border-bottom:1px solid var(--ligne);padding:4px 0}
.accueil .ouv-composez span{font-size:14px;color:var(--douce)}
.accueil .ouv-formules-sec{background:var(--papier)}
.accueil .ouv-formules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.accueil .ouv-formules a{display:block;padding:20px;background:#fff;border:1px solid var(--ligne)}
.accueil .ouv-formules b{display:block;font-family:var(--display);font-size:22px;color:var(--espresso);margin-bottom:6px}
.accueil .ouv-formules span{font-size:15.5px;line-height:1.5;color:var(--encre)}
.accueil .ouv-reals{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}
.accueil .ouv-real img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.accueil .ouv-real span{display:block;margin-top:8px;font-size:16px;font-weight:500;color:var(--espresso);line-height:1.35}
.accueil .ouv-suite{background:var(--nuit);color:#efe6d8}
.accueil .ouv-suite h2{color:#f6efe4;font-size:clamp(28px,3vw,40px);margin:0 0 20px}
.accueil .ouv-suite-liens{display:flex;flex-wrap:wrap;gap:12px}
.accueil .ouv-btn{display:inline-block;padding:14px 22px;border:1px solid rgba(255,255,255,.6);color:#fff;font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.accueil .ouv-btn.plein{background:#fff;color:var(--espresso);border-color:#fff}
.accueil .ouv-btn.plein-sombre{background:var(--bronze-texte);border-color:var(--bronze-texte)}
@media (max-width:860px){.accueil .ouv-intro{grid-template-columns:1fr;gap:26px}}
/* Accueil : « Que cherchez-vous ? » */
.accueil .cherchez{background:var(--papier);border-bottom:1px solid var(--ligne)}
.accueil .cherchez h2{font-size:clamp(28px,3vw,42px);color:var(--espresso);margin:0 0 22px}
.accueil .cherchez-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.accueil .cherchez-grille>a,.accueil .cherchez-grille>.carte{display:flex;flex-direction:column;gap:8px;padding:24px;background:#fff;border:1px solid var(--ligne);transition:border-color .2s ease,transform .2s ease}
.accueil .cherchez-grille>a:hover{border-color:var(--bronze-texte);transform:translateY(-2px)}
.accueil .cherchez-grille b{font-family:var(--display);font-size:clamp(21px,1.8vw,26px);color:var(--espresso);line-height:1.2}
.accueil .cherchez-grille span{font-size:16px;line-height:1.5;color:var(--encre)}
.accueil .cherchez-grille em{font-style:normal;margin-top:auto;padding-top:8px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-texte)}
@media (max-width:860px){.accueil .cherchez-grille{grid-template-columns:1fr}}
.accueil .ouv-hero h1,.accueil .ouv-hero p{color:#fff}
.accueil .ouv-hero .wrap{width:100%}
.accueil .cherchez-plus{margin:18px 0 0;font-size:16px}.accueil .cherchez-plus a{color:var(--bronze-texte);font-weight:500;border-bottom:1px solid var(--ligne)}

/* Distinction Trends Gazelles 2026 (accueil, sous les références) */
.accueil .gazelle{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;align-items:center;margin-top:48px;padding:28px;background:#fff;border:1px solid var(--ligne)}
.accueil .gazelle img{width:180px;height:auto;display:block}
.accueil .gazelle h3{margin:6px 0 10px;font-family:var(--display);font-size:26px;color:var(--espresso)}
.accueil .gazelle p{margin:0;color:var(--douce);max-width:62ch}
@media (max-width:640px){.accueil .gazelle{grid-template-columns:1fr;gap:18px}.accueil .gazelle img{width:140px}}

/* Carte à deux issues : voir les réalisations ou composer en ligne */
.accueil .cherchez-liens{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding-top:12px}
.accueil .cherchez-liens a{padding:9px 14px;border:1px solid var(--ligne);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze-texte);transition:border-color .2s ease}
.accueil .cherchez-liens a:hover{border-color:var(--bronze-texte)}
.accueil .cherchez-liens a.plein{background:var(--espresso);border-color:var(--espresso);color:#fff}

/* « Poursuivre » : issues de fin des pages Savoir-faire, Nos formules, Lexique, Le chêne vit */
.accueil .poursuivre{background:var(--papier);border-top:1px solid var(--ligne)}
.accueil .poursuivre h2{font-size:clamp(26px,2.6vw,36px);color:var(--espresso);margin:0 0 20px}
.accueil .poursuivre-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px}
.accueil .poursuivre-grille a{display:flex;flex-direction:column;gap:6px;padding:20px;background:#fff;border:1px solid var(--ligne);transition:border-color .2s ease}
.accueil .poursuivre-grille a:hover{border-color:var(--bronze-texte)}
.accueil .poursuivre-grille b{font-family:var(--display);font-size:20px;font-weight:600;color:var(--espresso)}
.accueil .poursuivre-grille span{font-size:15px;line-height:1.45;color:var(--encre)}