/* La page d'accueil : deux portes, rien d'autre. Elle ne vend pas, elle
   oriente — le travail de conviction se fait derrière chaque porte. */

body.porte {
  min-height: 100vh;
  display: flex; flex-direction: column;
  background: var(--n-0); color: var(--t-1);
}

.p-mast {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px var(--marge); border-bottom: 1px solid var(--n-2);
}
.p-mast .logo { font-size: 17px; }
.p-mast .ecrire {
  font-family: var(--m); font-size: 12.5px; color: var(--t-2);
  border: 1px solid var(--n-4); border-radius: 8px; padding: 8px 13px; text-decoration: none;
}
.p-mast .ecrire:hover { border-color: var(--n-5); color: var(--t-1); background: var(--n-2); }

.p-corps {
  flex: 1; width: 100%; max-width: 1120px; margin: 0 auto;
  padding: clamp(44px, 8vw, 96px) var(--marge) 80px;
}
.p-oeil {
  margin: 0 0 20px; font-family: var(--m); font-size: 11px;
  letter-spacing: .15em; text-transform: uppercase; color: var(--t-3);
}
.p-corps h1 {
  margin: 0 0 22px; font-family: var(--d);
  font-size: clamp(30px, 5.4vw, 56px); font-weight: 700;
  line-height: 1.08; letter-spacing: -.032em;
}
.p-lede {
  margin: 0 0 clamp(38px, 6vw, 64px); max-width: 62ch;
  font-size: clamp(15px, 1.5vw, 17.5px); line-height: 1.65; color: var(--t-2);
}
.p-lede b { color: var(--t-1); font-weight: 600; }

/* Sous le texte, rien : du noir, et de la place. Les deux destinations
   s'atteignent par leur adresse — /entreprise et /comptable — ou depuis
   le lanceur du bureau. C'est ce vide-là qui fait sérieux. */
.p-vide { min-height: clamp(160px, 34vh, 340px); }