/* ============================================================
   GROS ŒUVRE — page épurée le 29/07/2026
   ------------------------------------------------------------
   Retirés : le blueprint qui se construisait au scroll, la coupe
   interactive à 7 repères, le mode radiographie et la vue éclatée
   en 5 plateaux. Leur contenu technique n'a pas disparu : il est
   passé en texte lisible (la liste .couches ci-dessous) et en
   vraies photos de chantier. Il ne reste aucun JavaScript propre
   à cette page.
   ============================================================ */

/* La coupe, en liste : le numéro EST la position dans l'empilage,
   du fond de fouille vers le plancher. C'est une séquence réelle,
   donc les numéros disent quelque chose. */
.couches{
  list-style:none; margin:0; padding:0;
  border-top:1px solid var(--trait);
}
.couches > li{
  display:grid;
  grid-template-columns:3.5rem minmax(0,14rem) minmax(0,1fr);
  gap:.4rem clamp(1.25rem,3vw,3rem);
  padding:1.5rem 0;
  border-bottom:1px solid var(--trait);
}
.couches__n{
  font-family:var(--f-cote); font-size:.8rem; font-weight:500;
  color:var(--beton); padding-top:.15rem;
}
.couches__tete h3{ margin:0; }
.couches__tete .etiquette{ display:block; margin:.35rem 0 0; line-height:1.5; }
.couches > li > p{ margin:0; font-size:1rem; }
.couches .renvoi{ grid-column:3; }

@media (max-width:900px){
  .couches > li{ grid-template-columns:2.5rem minmax(0,1fr); }
  .couches__tete{ grid-column:2; }
  .couches > li > p{ grid-column:2; margin-top:.5rem; }
  .couches .renvoi{ grid-column:2; }
}

.couches__photo{ margin-top:clamp(2.5rem,5vw,4rem); }
/* photo verticale : elle garde sa proportion, elle n'est pas recadrée en 16/9 */
.couches__photo img{ aspect-ratio:auto; }