/* ---------- une landing : on enlève ce qui fait sortir ---------- */
.nav--nu .wrap{justify-content:space-between}
.nav--nu .menu{display:none}

/* ---------- le hero de la landing : promesse à gauche, formulaire à droite ---------- */
.lp{padding:clamp(104px,12vw,148px) 0 clamp(48px,6vw,76px)}
.lp .wrap{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:clamp(30px,4.6vw,64px);align-items:start}
.lp h1{max-width:16ch}
.lp .promesse{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.lp .promesse li{display:flex;gap:13px;align-items:flex-start;font-size:15.5px}
.lp .promesse .ico{color:var(--accent);margin-top:2px}

/* la boîte de capture, en graphite : c'est le seul objet sombre de la page */
.capture{background:var(--deep);color:var(--on-deep);border:1px solid var(--deep-line)}
.capture .haut{padding:26px 28px 0}
.capture .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent-2)}
.capture h2{font-size:clamp(20px,2.2vw,25px);margin:12px 0 10px}
.capture .sous{font-size:14.5px;color:var(--deep-mut)}
.capture form{padding:22px 28px 26px;display:grid;gap:13px}
.capture .fine{margin-top:12px;font-size:12.5px;color:rgba(234,240,236,.5)}
.capture .pages{padding:14px 28px;border-top:1px solid var(--deep-line);
  font-family:var(--mono);font-variant-numeric:tabular-nums;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(234,240,236,.44)}

/* ---------- le sommaire du guide ---------- */
.chapitres{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line)}
.chap{background:var(--surface);padding:28px 26px;display:flex;flex-direction:column;gap:9px}
.chap .n{font-family:var(--mono);font-variant-numeric:tabular-nums;
  font-size:12px;letter-spacing:.16em;color:var(--accent-txt);font-weight:700}
.chap p{font-size:14px;color:var(--muted);line-height:1.62}

/* ---------- qui écrit ça ---------- */
.auteur{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.auteur .initiale{width:64px;height:64px;display:grid;place-content:center;
  background:var(--deep);color:var(--accent-2);
  font-family:var(--mono);font-size:24px;font-weight:600;letter-spacing:.02em}
.auteur p{font-size:15.5px;color:var(--muted);max-width:60ch}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .lp .wrap{grid-template-columns:minmax(0,1fr)}
  .lp h1{max-width:none}
  .chapitres,.suite{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .auteur{grid-template-columns:minmax(0,1fr);gap:16px}
  .capture .haut,.capture form,.capture .pages{padding-left:20px;padding-right:20px}
}