/* Menuiserie Biarrote : thème « Belle Époque, heure bleue ». Variables : tokens.css uniquement. */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--entete-h) + 16px); }
body { margin: 0; background: var(--ivoire); color: var(--encre); font: 400 var(--t-texte)/1.62 var(--f-texte);
  font-feature-settings: "kern", "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg, video { display: block; max-width: 100%; height: auto; }
picture { display: block; }
a { color: inherit; text-underline-offset: .18em; text-decoration-thickness: 1px; }
h1, h2, h3, h4 { font-family: var(--f-titre); font-weight: 400; line-height: 1.06; letter-spacing: -0.012em; margin: 0; text-wrap: balance; }
p, ul, ol, figure, table, blockquote { margin: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--laiton); outline-offset: 3px; }
::selection { background: var(--laiton); color: var(--nuit); }

.cadre { width: min(100% - 2 * var(--goutte), var(--cadre-max)); max-width: var(--cadre-max); margin-inline: auto; }
.evite { position: absolute; left: 12px; top: -80px; z-index: 50; background: var(--laiton); color: var(--nuit); padding: 12px 18px; font-weight: 600; text-decoration: none; }
.evite:focus { top: 12px; }
.vide { color: var(--encre-douce); }

/* ---------- boutons et liens fléchés ---------- */
.bouton { display: inline-flex; align-items: center; gap: 14px; min-height: 52px; padding: 0 26px; border-radius: var(--rayon);
  font: 600 .95rem/1 var(--f-texte); letter-spacing: .02em; text-decoration: none; cursor: pointer; border: 1px solid transparent;
  transition: background-color var(--duree) var(--courbe), color var(--duree) var(--courbe), transform var(--duree) var(--courbe); }
.bouton svg { transition: transform var(--duree) var(--courbe); }
.bouton:hover svg { transform: translateX(5px); }
.bouton:active { transform: translateY(1px); }
.bouton-plein { background: var(--laiton); color: var(--nuit); }
.bouton-plein:hover { background: var(--laiton-vif); }
.bouton-contour { border-color: var(--encre); color: var(--encre); }
.bouton-contour:hover { background: var(--encre); color: var(--ivoire); }
.lien-fleche { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600; text-decoration: none;
  background: linear-gradient(currentColor, currentColor) left 78% / 0 1px no-repeat; transition: background-size var(--duree) var(--courbe); }
.lien-fleche::after { content: "→"; font-family: var(--f-texte); transition: transform var(--duree) var(--courbe); }
.lien-fleche:hover { background-size: calc(100% - 24px) 1px; }
.lien-fleche:hover::after { transform: translateX(4px); }

/* ---------- en-tête ---------- */
.mat { position: sticky; top: 0; z-index: 30; background: var(--nuit); color: var(--ivoire); border-bottom: 1px solid transparent;
  transition: border-color var(--duree) var(--courbe); }
.mat.mat-defile { border-bottom-color: var(--filet-sombre); }
.mat-ligne { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: var(--entete-h); }
.mat-marque { display: inline-flex; align-items: center; min-height: 44px; }
.mat-marque img { height: 46px; width: auto; }
.mat-nav ul { list-style: none; padding: 0; margin: 0; }
.mat-nav a { text-decoration: none; }
.mat-bascule { display: none; }
.mat-devis-court { display: none; }
.mat-actions { display: flex; align-items: center; gap: 20px; }
.mat-tel { display: inline-flex; align-items: center; min-height: 44px; color: var(--perle); font-variant-numeric: tabular-nums; }
.mat-tel:hover { color: var(--ivoire); }
.mat-devis { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border: 1px solid var(--laiton); color: var(--laiton);
  font-weight: 600; font-size: .95rem; transition: background-color var(--duree) var(--courbe), color var(--duree) var(--courbe); }
.mat-devis:hover { background: var(--laiton); color: var(--nuit); }

@media (min-width: 1100px) {
  .mat-nav { display: flex; align-items: center; gap: 36px; }
  .mat-nav ul { display: flex; gap: 26px; }
  .mat-nav ul a { display: inline-flex; align-items: center; min-height: 44px; font-size: .98rem; color: var(--perle);
    background: linear-gradient(var(--laiton), var(--laiton)) left 76% / 0 1px no-repeat; transition: background-size var(--duree) var(--courbe), color var(--duree); }
  .mat-nav ul a:hover, .mat-nav ul a[aria-current="page"] { color: var(--ivoire); background-size: 100% 1px; }
}
@media (max-width: 1099.98px) {
  .mat-ligne { flex-wrap: wrap; min-height: 64px; gap: 12px; }
  .mat-marque { margin-right: auto; }
  .mat-devis-court { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--laiton); color: var(--laiton); font-weight: 600; font-size: .92rem; text-decoration: none; }
  .mat-marque img { height: 40px; }
  .js-ok .mat-bascule { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; min-width: 44px; padding: 0 4px; background: none; border: 0; color: var(--ivoire); cursor: pointer; font-weight: 600; }
  .mat-bascule-traits { position: relative; width: 24px; height: 9px; border-top: 1.5px solid var(--laiton); border-bottom: 1.5px solid var(--laiton); transition: transform var(--duree) var(--courbe); }
  .mat-ouvert .mat-bascule-traits { transform: scaleX(.6); }
  .mat-nav { width: 100%; padding: 8px 0 20px; }
  .mat-nav ul { display: flex; flex-wrap: wrap; gap: 4px 22px; }
  .mat-nav ul a { display: inline-flex; min-height: 44px; align-items: center; color: var(--perle); }
  .mat-actions { margin-top: 10px; }
  .js-ok .mat-nav { display: none; position: fixed; inset: 64px 0 0 0; z-index: 29; background: var(--nuit); padding: 32px var(--goutte) 48px; overflow-y: auto; }
  .js-ok .mat-ouvert .mat-nav { display: block; }
  .js-ok .mat-nav ul { display: block; }
  .js-ok .mat-nav ul li { border-bottom: 1px solid var(--filet-sombre); }
  .js-ok .mat-nav ul a { display: flex; min-height: 60px; font: 400 1.9rem/1.1 var(--f-titre); color: var(--ivoire); }
  .js-ok .mat-nav .mat-actions { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 28px; }
  .js-ok .mat-nav .mat-devis { min-height: 52px; font-size: 1.05rem; }
}

/* ---------- fil d'Ariane ---------- */
.sillage ol { list-style: none; padding: 0; margin: 0 0 28px; display: flex; flex-wrap: wrap; gap: 0 10px; font-size: var(--t-petit); color: var(--perle); }
.sillage li + li::before { content: "/"; margin-right: 10px; color: var(--laiton); }
.sillage a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.sillage a:hover { text-decoration: underline; }
.sillage span[aria-current] { display: inline-flex; align-items: center; min-height: 44px; }

/* ---------- héros (proue) ---------- */
.proue { background: var(--nuit); color: var(--ivoire); padding: clamp(20px, 3vw, 40px) 0 clamp(56px, 7vw, 104px); }
.proue-grille { display: grid; gap: clamp(32px, 4vw, 72px); align-items: start; }
.proue h1 { font-size: var(--t-geant); max-width: 18ch; }
.proue-carnet { margin-bottom: 18px; }
.proue-carnet a { display: inline-flex; min-height: 44px; align-items: center; color: var(--laiton); font-weight: 600; text-decoration: none; }
.proue-carnet a:hover { text-decoration: underline; }
.proue-chapo { margin-top: 28px; max-width: 46ch; font-size: clamp(1.1rem, 1rem + .4vw, 1.3rem); line-height: 1.55; color: var(--perle); }
.releve { display: flex; flex-wrap: wrap; gap: 6px 28px; margin-top: 28px; font-size: var(--t-petit); color: var(--perle); }
.releve span + span::before { content: ""; display: inline-block; width: 18px; height: 1px; background: var(--laiton); vertical-align: middle; margin-right: 28px; margin-left: -28px; opacity: 0; }
.proue-vue { position: relative; margin: 14px 14px 0 0; }
.proue-passe { position: relative; overflow: hidden; aspect-ratio: 3 / 2; background: var(--nuit-pale); }
.proue-passe img { width: 100%; height: 100%; object-fit: cover; }
.proue-vue::before { content: ""; position: absolute; inset: -14px -14px 14px 14px; border: 1px solid var(--laiton); pointer-events: none; }
@media (min-width: 1000px) {
  .proue-photo .proue-grille { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .proue-photo .proue-passe { aspect-ratio: 4 / 5; }
  .proue-photo .proue-vue { margin-top: 24px; }
}

/* pages avec formulaire dans le héros */
@media (min-width: 1000px) {
  .seuil-avec-devis { display: grid; grid-template-areas: "seuil"; }
  .seuil-avec-devis > * { grid-area: seuil; }
  .seuil-avec-devis .proue-grille { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .seuil-avec-devis .proue-texte, .seuil-avec-devis .proue-vue { grid-column: 1; }
  .seuil-avec-devis .proue-passe { aspect-ratio: 16 / 9; }
  .seuil-avec-devis .proue-vue { margin-top: 12px; }
  .seuil-page-form { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 4vw, 72px); align-items: start;
    pointer-events: none; padding: clamp(20px, 3vw, 40px) 0 clamp(56px, 7vw, 104px); }
  .seuil-page-form .seuil-form { grid-column: 2; pointer-events: auto; margin-top: 56px; }
}
@media (max-width: 999.98px) {
  .seuil-page-form { background: var(--nuit); width: 100%; padding: 0 var(--goutte) 56px; margin-top: -32px; }
}

/* article : héros clair */
.g-article .proue { background: var(--ivoire); color: var(--encre); padding-bottom: clamp(32px, 4vw, 56px); }
.g-article .proue-grille { grid-template-columns: minmax(0, 1fr); }
.g-article .proue h1 { max-width: 24ch; font-size: clamp(2.3rem, 1.2rem + 3.6vw, 4.8rem); }
.g-article .proue-chapo, .g-article .releve, .g-article .sillage ol { color: var(--encre-douce); }
.g-article .sillage li + li::before { color: var(--laiton-sombre); }
.g-article .proue-carnet a { color: var(--laiton-sombre); }
.g-article .proue-vue { margin: 18px 0 0 18px; }
.g-article .proue-vue::before { inset: -18px 18px 18px -18px; border-color: var(--laiton-sombre); }
.g-article .proue-passe { aspect-ratio: 21 / 9; }
@media (max-width: 699.98px) { .g-article .proue-passe { aspect-ratio: 4 / 3; } }

/* ---------- accueil : seuil ---------- */
.seuil { background: var(--nuit); color: var(--ivoire); padding: clamp(24px, 3.4vw, 48px) 0 0; }
.seuil-grille { display: grid; gap: 28px; }
.seuil-plaque .seuil-passe { display: grid; place-items: center; background: var(--nuit-pale); }
.seuil-plaque img { width: 26%; height: auto; opacity: .9; }
.seuil-plaque::before { inset: -14px -14px 14px 14px; }
@media (max-width: 999.98px) { .seuil-vue { order: -1; } .seuil-vue .seuil-passe { aspect-ratio: 16 / 10; } .seuil-vue figcaption { display: none; } .seuil-plaque { display: none; } .seuil-vue::before { inset: -10px -10px 10px 10px; } }
.seuil h1 { font-size: clamp(2.3rem, 1rem + 3.6vw, 4.5rem); max-width: 22ch; }
.seuil-chapo { margin: 22px 0 30px; max-width: 52ch; font-size: clamp(1.08rem, 1rem + .3vw, 1.25rem); color: var(--perle); }
.seuil-vue { position: relative; margin: 14px 14px 0 0; }
.seuil-vue::before { content: ""; position: absolute; inset: -14px -14px 46px 14px; border: 1px solid var(--laiton); pointer-events: none; z-index: 1; }
.seuil-passe { overflow: hidden; aspect-ratio: 4 / 5; background: var(--nuit-pale); }
.seuil-passe img, .seuil-passe picture { width: 100%; height: 100%; object-fit: cover; }
.seuil-vue figcaption { margin-top: 14px; font-size: var(--t-petit); color: var(--perle); }
.seuil-gages { list-style: none; padding: 30px 0 44px; margin-top: clamp(40px, 5vw, 72px); display: grid; gap: 18px 48px; border-top: 1px solid var(--filet-sombre); color: var(--perle); font-size: var(--t-petit); }
.seuil-gages strong { display: block; font: 400 1.35rem/1.2 var(--f-titre); color: var(--ivoire); margin-bottom: 4px; }
@media (min-width: 1000px) {
  .seuil-grille { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(40px, 5vw, 88px); row-gap: 8px; }
  .seuil-grille h1 { grid-column: 1 / -1; max-width: 24ch; }
  .seuil-vue { margin-top: 26px; }
  .seuil-gages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: no-preference) {
  .media-anime img { animation: maree 28s ease-in-out infinite alternate; transform-origin: 62% 40%; }
  @keyframes maree { from { transform: scale(1.03) translate3d(0, 0, 0); } to { transform: scale(1.14) translate3d(-2.2%, 1.4%, 0); } }
}

/* ---------- formulaire ---------- */
.devis { color: var(--ivoire); }
.devis-titre { font: 400 1.5rem/1.2 var(--f-titre); margin-bottom: 18px; }
.devis-temps { border: 0; padding: 0; margin: 0; min-width: 0; }
.devis-temps + .devis-temps { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--filet-sombre); }
.devis legend { display: flex; align-items: baseline; gap: 12px; padding: 0; margin-bottom: 14px; font-weight: 600; font-size: 1rem; color: var(--ivoire); }
.devis-num { font: 400 1.25rem/1 var(--f-titre); color: var(--laiton); min-width: 1.4em; }
.devis-duo { display: grid; gap: 14px 18px; }
@media (min-width: 560px) { .devis-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.devis-champ { display: flex; flex-direction: column; gap: 6px; }
.devis-champ + .devis-champ, .devis-duo + .devis-champ, .devis-choix + .devis-champ { margin-top: 0; }
.devis label { font-size: .94rem; color: var(--perle); }
.devis-option { color: var(--heure-claire); }
.devis input[type="text"], .devis input[type="tel"], .devis input[type="email"], .devis select, .devis textarea {
  width: 100%; min-height: 50px; padding: 12px 14px; background: var(--nuit-pale); color: var(--ivoire); border: 1px solid var(--filet-sombre);
  border-bottom-color: var(--laiton); border-radius: var(--rayon); font-size: 1rem; transition: border-color var(--duree), background-color var(--duree); }
.devis select { appearance: none; -webkit-appearance: none; padding-right: 40px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C9A86A' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; }
.devis select option { background: var(--nuit); color: var(--ivoire); }
.devis textarea { min-height: 96px; resize: vertical; margin-top: 0; }
.devis input:hover, .devis select:hover, .devis textarea:hover { border-color: var(--heure-claire); border-bottom-color: var(--laiton); }
.devis input:focus-visible, .devis select:focus-visible, .devis textarea:focus-visible { outline: 3px solid var(--laiton); outline-offset: 2px; }
.devis [aria-invalid="true"] { border-color: var(--alerte-sombre); }
.devis ::placeholder { color: var(--heure-claire); opacity: 1; }
.devis-aide { font-size: .86rem; color: var(--heure-claire); }
.devis-suite, .devis-envoi { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 20px; }
.devis-tel { display: inline-flex; align-items: center; min-height: 44px; color: var(--perle); }
.devis-tel:hover { color: var(--ivoire); }
.devis-choix { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 16px 0; }
.devis-choix label, .devis-accord label { color: var(--ivoire); }
.devis-choix label { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
.devis input[type="radio"], .devis input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--laiton); flex: none; margin: 0; }
.devis-accord { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4px 12px; margin-top: 16px; font-size: .93rem; line-height: 1.5; }
.devis-accord input { margin-top: 2px !important; }
.devis-accord label { flex: 1 1 260px; }
.devis-accord a { flex-basis: 100%; padding-left: 32px; color: var(--laiton); display: inline-flex; min-height: 44px; align-items: center; }
.devis-retour { display: none; min-height: 44px; background: none; border: 0; padding: 0; color: var(--perle); text-decoration: underline; cursor: pointer; }
.devis-statut:empty { display: none; }
.devis-statut { margin-top: 12px; color: var(--alerte-sombre); font-weight: 600; }
.devis-captcha { margin-top: 20px; min-width: 0; }
.devis-captcha .h-captcha { min-height: 78px; max-width: 100%; }
.devis-captcha .h-captcha iframe { display: block; max-width: 100%; }
.devis-captcha .devis-statut { margin-top: 8px; }
@media (max-width: 420px) {
  .devis-captcha .h-captcha { min-height: 0; height: 72px; }
  .devis-captcha .h-captcha iframe { max-width: none; transform: scale(.92); transform-origin: 0 0; }
}
.js-ok .devis-pas2 [data-temps="1"] { display: none; }
.js-ok .devis-pas2 [data-temps="2"] { border-top: 0; margin-top: 0; padding-top: 0; }
.js-ok .devis-pas2 .devis-retour { display: inline-flex; align-items: center; }
.js-ok .devis:not(.devis-pas2):not(.devis-ouvert) [data-temps="2"] { display: none; }
.js-ok .devis-ouvert [data-poursuivre] { display: none; }
.devis-temps { animation: none; }
@media (prefers-reduced-motion: no-preference) { .js-ok .devis-pas2 [data-temps="2"] { animation: fondu 240ms var(--courbe); } @keyframes fondu { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } }
.seuil-form { background: var(--nuit); }
.seuil-page-form .seuil-form { padding: 30px 30px 26px; background: var(--nuit-pale); border-top: 2px solid var(--laiton); }
.seuil-page-form .devis input, .seuil-page-form .devis select, .seuil-page-form .devis textarea { background-color: var(--nuit); }
@media (min-width: 1000px) { .seuil-page-form .devis-duo { grid-template-columns: minmax(0, 1fr); } }

/* ---------- accueil : escalier ---------- */
.escalier { padding: var(--respire) 0; background: var(--ivoire); }
.escalier-grille { display: grid; gap: 28px; }
.escalier-t { font-size: var(--t-moyen); color: var(--laiton-sombre); }
.escalier-phrase { font: 400 clamp(2rem, 1rem + 3.4vw, 4rem)/1.08 var(--f-titre); letter-spacing: -0.015em; }
.escalier-phrase span { display: block; }
.escalier-note { max-width: 44ch; color: var(--encre-douce); }
@media (min-width: 900px) {
  .escalier-phrase span:nth-child(2) { padding-left: 6vw; }
  .escalier-phrase span:nth-child(3) { padding-left: 12vw; }
  .escalier-phrase span:nth-child(4) { padding-left: 18vw; }
  .escalier-phrase span:nth-child(5) { padding-left: 24vw; }
  .escalier-grille { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .escalier-t, .escalier-phrase { grid-column: 1 / -1; }
  .escalier-note { grid-column: 2; }
}
@media (max-width: 899.98px) { .escalier-phrase span:nth-child(2) { padding-left: 4vw; } .escalier-phrase span:nth-child(3) { padding-left: 8vw; } .escalier-phrase span:nth-child(4) { padding-left: 12vw; } .escalier-phrase span:nth-child(5) { padding-left: 16vw; } }

/* ---------- accueil : registre des savoir-faire ---------- */
.registre { background: var(--nuit); color: var(--ivoire); padding: var(--respire) 0; }
.registre-t { font-size: var(--t-grand); max-width: 20ch; margin-bottom: clamp(36px, 5vw, 72px); }
.registre-liste { list-style: none; padding: 0; border-top: 1px solid var(--filet-sombre); }
.registre-liste li { border-bottom: 1px solid var(--filet-sombre); }
.registre-liste a { display: grid; gap: 2px 32px; padding: 20px 0; text-decoration: none; position: relative; }
.registre-nom { font: 400 clamp(1.6rem, 1.1rem + 1.4vw, 2.5rem)/1.1 var(--f-titre); transition: transform var(--duree) var(--courbe), color var(--duree); }
.registre-mat, .registre-pose { color: var(--perle); font-size: 1rem; }
.registre-liste a::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background: var(--laiton); transform: scaleX(0); transform-origin: left; transition: transform 420ms var(--courbe); }
.registre-liste a:hover::after, .registre-liste a:focus-visible::after { transform: scaleX(1); }
.registre-liste a:hover .registre-nom { color: var(--laiton); transform: translateX(8px); }
@media (min-width: 900px) {
  .registre-liste a { grid-template-columns: minmax(0, 5fr) minmax(0, 3.5fr) minmax(0, 3.5fr); align-items: baseline; padding: 24px 0; }
  .registre-mat, .registre-pose { font-size: 1.06rem; }
}

/* ---------- accueil : corniche (ligne des stations) ---------- */
.corniche { background: var(--heure); color: var(--ivoire); padding: var(--respire) 0; }
.corniche-t { font-size: var(--t-grand); max-width: 18ch; }
.corniche-intro { margin: 20px 0 56px; max-width: 54ch; color: var(--perle); }
.corniche-ligne { list-style: none; padding: 0; position: relative; display: grid; }
.corniche-ligne a, .corniche-ici { text-decoration: none; }
.corniche-nom { display: block; font: 400 1.35rem/1.15 var(--f-titre); }
.corniche-cp { display: block; font-size: .9rem; color: var(--perle); font-variant-numeric: tabular-nums; margin-top: 4px; }
.corniche-ligne a:hover .corniche-nom { color: var(--laiton-vif); }
.corniche-plus { margin-top: 48px; }
.corniche-plus a { color: var(--laiton-vif); }
@media (min-width: 1000px) {
  .corniche-ligne { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .corniche-ligne::before { content: ""; position: absolute; left: 0; right: 0; top: 9px; height: 1px; background: var(--laiton); }
  .corniche-ligne li { position: relative; padding-top: 36px; padding-right: 12px; }
  .corniche-ligne li::before { content: ""; position: absolute; left: 0; top: 2px; width: 15px; height: 15px; border-radius: 50%; background: var(--heure); border: 1px solid var(--laiton); transition: background-color var(--duree); }
  .corniche-ligne li:hover::before, .corniche-ici::before { background: var(--laiton) !important; }
  .corniche-ligne a { display: block; min-height: 44px; }
  .corniche-terre { grid-template-columns: repeat(7, minmax(0, 1fr)); margin-top: 52px; }
  .corniche-terre::before { left: calc(3 / 7 * 100%); right: calc(2 / 7 * 100% - 0px); }
  .corniche-terre li:nth-child(1) { grid-column: 4; }
  .corniche-terre li:nth-child(2) { grid-column: 5; }
  .corniche-terre li:first-child::after { content: ""; position: absolute; left: 7px; top: -50px; height: 52px; width: 1px; background: var(--laiton); }
}
@media (max-width: 999.98px) {
  .corniche-ligne { gap: 0; border-left: 1px solid var(--laiton); margin-left: 7px; }
  .corniche-ligne li { position: relative; padding: 0 0 22px 28px; }
  .corniche-ligne li::before { content: ""; position: absolute; left: -8px; top: 6px; width: 15px; height: 15px; border-radius: 50%; background: var(--heure); border: 1px solid var(--laiton); }
  .corniche-ici::before { background: var(--laiton) !important; }
  .corniche-ligne a { display: block; min-height: 44px; }
  .corniche-terre { margin-top: 8px; margin-left: 48px; }
}

/* ---------- prose ---------- */
.prose > * + * { margin-top: 1.05em; }
.prose h2 { font-size: clamp(1.75rem, 1.2rem + 1.5vw, 2.6rem); margin-top: 2.2em; }
.prose h3 { font-size: clamp(1.3rem, 1.1rem + .6vw, 1.6rem); margin-top: 1.7em; }
.prose h2 + *, .prose h3 + * { margin-top: .7em; }
.prose ul, .prose ol { padding-left: 1.25em; }
.prose li + li { margin-top: .4em; }
.prose li::marker { color: var(--laiton-sombre); }
.prose a { color: var(--laiton-sombre); text-decoration-color: currentColor; font-weight: 500; }
.prose a:hover { color: var(--encre); }
.prose strong { font-weight: 650; }
.prose blockquote { border-left: 2px solid var(--laiton-sombre); padding-left: 24px; font: 400 1.4rem/1.4 var(--f-titre); }
.prose table { width: 100%; border-collapse: collapse; font-size: .97rem; font-variant-numeric: tabular-nums; display: block; overflow-x: auto; }
.prose table thead th { text-align: left; font-weight: 600; background: var(--nuit); color: var(--ivoire); padding: 14px 16px; vertical-align: bottom; }
.prose table td { padding: 13px 16px; border-bottom: 1px solid var(--filet-clair); vertical-align: top; }
.prose table tbody tr:nth-child(even) td { background: var(--ivoire-creux); }
@media (min-width: 900px) { .prose table { display: table; } }
.epreuve { margin: 2em 0; }
.epreuve figcaption { margin-top: 10px; font-size: var(--t-petit); color: var(--encre-douce); }

/* marges éditoriales : intertitre à gauche, texte à droite */
.feuillet { padding: clamp(56px, 7vw, 112px) 0 0; }
.feuillet:last-child { padding-bottom: var(--respire); }
.feuillet + .feuillet { padding-top: clamp(40px, 5vw, 72px); }
@media (min-width: 1000px) {
  .prose-marge { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: clamp(40px, 5vw, 96px); align-items: start; }
  .prose-marge > * { grid-column: 2; }
  .prose-marge > h2 { grid-column: 1; grid-row: span 3; margin-top: 1.6em; position: sticky; top: calc(var(--entete-h) + 24px); padding-top: 18px; border-top: 1px solid var(--laiton-sombre); }
  .prose-marge > h2 + * { margin-top: 1.6em; }
  .prose-marge > h2:first-child, .prose-marge > :first-child + h2 { margin-top: 0; }
  .prose-marge > h2:first-child + * { margin-top: 0; }
  .prose-marge > .chapitres { grid-column: 1; grid-row: 1 / span 8; position: sticky; top: calc(var(--entete-h) + 24px); }
  .prose-marge > .chapitres + * { margin-top: 0; }
  .prose-marge > h2 + * { padding-top: 18px; }
}

/* ---------- accueil : le métier ---------- */
.metier { background: var(--ivoire); padding: var(--respire) 0; }
.metier-t { font-size: var(--t-grand); margin-bottom: clamp(32px, 4vw, 64px); max-width: 16ch; }

/* ---------- gazette (cartes) ---------- */
.gazette { background: var(--ivoire-creux); padding: var(--respire) 0; }
.gazette-tete { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 32px; margin-bottom: clamp(32px, 4vw, 56px); }
.gazette-t { font-size: var(--t-grand); max-width: 18ch; }
.gazette-nb { color: var(--encre-douce); }
.gazette-une { display: grid; gap: 48px 40px; }
@media (min-width: 700px) { .gazette-une { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
  .gazette-une { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .seuil + * ~ .gazette .gazette-une > .planche:first-child, .g-accueil .gazette-une > .planche:first-child { grid-column: span 2; grid-row: span 2; }
  .g-accueil .gazette-une > .planche:first-child .planche-titre { font-size: clamp(1.9rem, 1.2rem + 1.4vw, 2.8rem); }
}
.gazette-carnets { list-style: none; padding: 32px 0 0; margin-top: 56px; border-top: 1px solid var(--filet-clair); display: flex; flex-wrap: wrap; gap: 8px 36px; }
.gazette-carnets a { display: inline-flex; align-items: center; min-height: 44px; font: 400 1.3rem/1.2 var(--f-titre); color: var(--encre); }
.gazette-carnets span { color: var(--encre-douce); font-size: var(--t-petit); }

.planche { position: relative; display: flex; flex-direction: column; }
.planche-vue { order: -1; position: relative; overflow: hidden; aspect-ratio: 3 / 2; background: var(--nuit-pale); margin-bottom: 18px; }
.planche-vue img { width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--courbe); }
.planche:hover .planche-vue img { transform: scale(1.04); }
.planche-vide { background: var(--nuit) url("/images/favicon-plaque.svg") center / 18% no-repeat; }
.planche-meta { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: .9rem; color: var(--encre-douce); }
.planche-meta span { color: var(--laiton-sombre); font-weight: 600; }
.planche-titre { font-size: clamp(1.35rem, 1.1rem + .6vw, 1.7rem); margin-top: 10px; line-height: 1.12; }
.planche-titre a { text-decoration: none; background: linear-gradient(currentColor, currentColor) left 100% / 0 1px no-repeat; transition: background-size 420ms var(--courbe); }
.planche-titre a::after { content: ""; position: absolute; inset: 0; }
.planche:hover .planche-titre a, .planche-titre a:focus-visible { background-size: 100% 1px; }
.planche-desc { margin-top: 10px; color: var(--encre-douce); font-size: 1rem; line-height: 1.55; }

/* à lire ensuite */
.rivage { background: var(--nuit); color: var(--ivoire); padding: var(--respire) 0; }
.rivage-t { font-size: var(--t-grand); margin-bottom: clamp(32px, 4vw, 56px); }
.rivage-rang { display: grid; gap: 44px 40px; }
@media (min-width: 800px) { .rivage-rang { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rivage .planche-meta, .rivage .planche-desc { color: var(--perle); }
.rivage .planche-meta span { color: var(--laiton); }
.rivage .planche-vide { background-color: var(--nuit-pale); }

/* ---------- article ---------- */
.carnet-corps { display: grid; gap: 40px; padding: clamp(40px, 5vw, 80px) 0 var(--respire); }
@media (min-width: 1000px) { .carnet-corps { grid-template-columns: 16rem minmax(0, 1fr); column-gap: clamp(40px, 5vw, 88px); align-items: start; } }
.carnet-marge { display: flex; flex-direction: column; gap: 28px; }
@media (min-width: 1000px) { .carnet-marge { position: sticky; top: calc(var(--entete-h) + 28px); } }
.carnet-appel { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.carnet-tel { display: inline-flex; align-items: center; min-height: 44px; color: var(--encre-douce); }
.prose-carnet { font-size: clamp(1.0625rem, 1rem + .25vw, 1.1875rem); }
.prose-carnet > p:first-of-type::first-letter { float: left; font: 400 4.6em/.82 var(--f-titre); margin: .06em .1em 0 0; color: var(--nuit); }
.chapitres-t, .bref-t, .carnet-note-t { font: 400 1.25rem/1.2 var(--f-titre); margin-bottom: 12px; }
.chapitres ol { list-style: none; padding: 0; margin: 0; counter-reset: ch; border-top: 1px solid var(--filet-clair); }
.chapitres li { counter-increment: ch; border-bottom: 1px solid var(--filet-clair); }
.chapitres a { display: grid; grid-template-columns: 2.7em 1fr; padding: 9px 0; min-height: 44px; text-decoration: none; font-size: .95rem; line-height: 1.35; color: var(--encre); }
.chapitres a::before { content: counter(ch, upper-roman); font-family: var(--f-titre); color: var(--laiton-sombre); }
.chapitres a:hover { color: var(--laiton-sombre); }
.prose .chapitres { margin-top: 0; }
.bref { background: var(--nuit); color: var(--ivoire); padding: 26px 30px; }
.bref ul { padding-left: 1.1em; margin: 0; }
.bref li::marker { color: var(--laiton); }
.bref-t { color: var(--laiton); }
.carnet-note { background: var(--ivoire-creux); padding: 26px 30px; border-left: 3px solid var(--laiton-sombre); }
.carnet-note > * + * { margin-top: .7em; }
.signataire { padding-top: 24px; border-top: 1px solid var(--filet-clair); font-size: var(--t-petit); }

/* FAQ */
.visite-q { margin-top: 3em; }
.visite-q h2 { font-size: clamp(1.75rem, 1.2rem + 1.5vw, 2.6rem); margin-bottom: 18px; }
.visite-q-liste { border-top: 1px solid var(--encre); }
.visite-q details { border-bottom: 1px solid var(--filet-clair); }
.visite-q summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 64px; padding: 14px 0; cursor: pointer; list-style: none;
  font: 400 clamp(1.1rem, 1rem + .4vw, 1.35rem)/1.3 var(--f-titre); }
.visite-q summary::-webkit-details-marker { display: none; }
.visite-q-signe { position: relative; flex: none; width: 18px; height: 18px; }
.visite-q-signe::before, .visite-q-signe::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: var(--laiton-sombre); transition: transform var(--duree) var(--courbe); }
.visite-q-signe::after { transform: rotate(90deg); }
.visite-q details[open] .visite-q-signe::after { transform: rotate(0); }
.visite-q summary:hover { color: var(--laiton-sombre); }
.visite-q details p { padding: 0 0 22px; color: var(--encre-douce); max-width: none; }
.feuillet-q .visite-q { margin-top: 0; }
@media (min-width: 1000px) {
  .feuillet-q .visite-q { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: clamp(40px, 5vw, 96px); align-items: start; }
  .feuillet-q .visite-q h2 { position: sticky; top: calc(var(--entete-h) + 24px); }
}

/* relais IA */
.relais-ia { margin-top: 3em; padding: 26px 30px; background: var(--ivoire-creux); }
.prose .relais-ia-t, .relais-ia-t { font-size: 1.3rem; margin-top: 0; }
.prose .relais-ia-liste li { margin-top: 0; }
.relais-ia-liste { list-style: none; padding: 0; margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.relais-ia-liste a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; background: var(--craie); color: var(--encre); text-decoration: none; font-weight: 500; transition: background-color var(--duree), color var(--duree); }
.relais-ia-liste a:hover { background: var(--nuit); color: var(--ivoire); }
.relais-ia-md { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin-top: 12px; font-size: var(--t-petit); }
.relais-ia-md a { display: inline-flex; min-height: 44px; align-items: center; color: var(--laiton-sombre); }
.relais-ia-md button { min-height: 44px; padding: 0 14px; background: none; border: 1px solid var(--encre-douce); cursor: pointer; }
.relais-ia-md button:hover { background: var(--encre); color: var(--ivoire); }
.relais-ia-note { margin-top: 8px; font-size: .88rem; color: var(--encre-douce); }
.prose .relais-ia ul { padding-left: 0; }

/* 404 */
.perdue-chiffre { font: 400 clamp(6rem, 3rem + 14vw, 16rem)/.85 var(--f-titre); color: var(--laiton); margin-bottom: 12px; }
.perdue-pistes { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.perdue-pistes a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; background: var(--nuit); color: var(--ivoire); text-decoration: none; font-weight: 500; }
.perdue-pistes a:hover { background: var(--laiton); color: var(--nuit); }
.prose-perdue { font-size: 1.2rem; }

/* ---------- pied (quai) ---------- */
.quai { background: var(--nuit); color: var(--ivoire); padding-top: var(--respire); overflow: hidden; }
.quai-appel { display: grid; gap: 28px; padding-bottom: clamp(48px, 6vw, 96px); border-bottom: 1px solid var(--filet-sombre); }
.quai-phrase { font: 400 clamp(1.9rem, 1rem + 2.8vw, 3.4rem)/1.1 var(--f-titre); max-width: 22ch; }
.quai-gestes { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; }
.quai-tel { display: inline-flex; align-items: center; min-height: 48px; font: 400 1.5rem/1 var(--f-titre); text-decoration: none; color: var(--laiton); }
.quai-tel:hover { color: var(--laiton-vif); }
@media (min-width: 1000px) { .quai-appel { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; } .quai-gestes { justify-content: flex-end; } }
.quai-plan { display: grid; gap: 40px 32px; padding: clamp(48px, 6vw, 88px) 0 32px; }
@media (min-width: 640px) { .quai-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .quai-plan { grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3.6fr); } }
.quai-col-t { font: 400 1.3rem/1.2 var(--f-titre); color: var(--laiton); margin-bottom: 14px; }
.quai-col ul { list-style: none; padding: 0; margin: 0; }
.quai-col a { display: inline-flex; align-items: center; min-height: 36px; color: var(--perle); text-decoration: none; font-size: .97rem; }
.quai-col a:hover { color: var(--ivoire); text-decoration: underline; }
.quai-sep { margin-top: 12px; }
.quai-note p:last-child { color: var(--perle); font-size: .93rem; line-height: 1.6; }
.quai-nom { padding-top: 16px; }
.quai-nom svg { width: 100%; height: auto; overflow: visible; }
.quai-nom text { font-family: var(--f-titre); font-size: 200px; fill: var(--heure); }
.quai-bas { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding: 20px 0 28px; font-size: .9rem; color: var(--perle); }
.quai-bas a { color: var(--perle); display: inline-flex; min-height: 44px; align-items: center; }
@media (max-width: 1099.98px) { .quai-col a { min-height: 44px; } }

/* ---------- pages particulières ---------- */
.p-legal .prose-marge > h2 { font-size: 1.5rem; }
.p-merci .proue h1 { max-width: 20ch; }

/* ---------- révélations au défilement (classes posées par site.js) ---------- */
@media (prefers-reduced-motion: no-preference) {
  .js-ok .a-reveler { opacity: 0; transform: translateY(22px); transition: opacity 700ms var(--courbe), transform 700ms var(--courbe); transition-delay: var(--retard, 0ms); }
  .js-ok .a-reveler.revele { opacity: 1; transform: none; }
}

/* ---------- mobile ---------- */
@media (max-width: 699.98px) {
  body { font-size: 1.0625rem; }
  .proue h1 { font-size: clamp(2.2rem, 1.4rem + 4vw, 3rem); }
  .seuil h1 { font-size: clamp(2.1rem, 1.3rem + 4vw, 2.8rem); }
  .seuil-chapo { margin: 16px 0 22px; }
  .bouton { width: 100%; justify-content: center; }
  .devis-suite .devis-tel { width: 100%; justify-content: center; }
  .seuil-vue { margin-right: 10px; } .seuil-vue::before { inset: -10px -10px 46px 10px; }
  .bref, .carnet-note, .relais-ia { padding: 22px 20px; }
}
@media print { .mat, .quai, .seuil-form, .seuil-page-form, .relais-ia { display: none; } body { background: #fff; } }

/* blocs interactifs : ajustements de voix */
.brt-bloc .brt-type { text-transform: none; letter-spacing: 0; font-weight: 400; font-size: 1rem; color: var(--laiton-sombre); }
.brt-bloc { margin-top: 3em; }
@media (max-width: 699.98px) { .sillage li:last-child { display: none; } .sillage li:nth-last-child(2)::after { content: ""; } }
.devis legend { float: left; width: 100%; }
.devis legend + * { clear: both; }
.prose .perdue-pistes li { margin-top: 0; }
@media (max-width: 699.98px) { .escalier-phrase { font-size: clamp(1.7rem, 1.2rem + 3vw, 2.1rem); } }

/* ======== passe « vendeur et haut de gamme » ======== */
/* accueil : la photo déborde jusqu'au bord droit de l'écran */
.seuil { overflow-x: clip; }
@media (min-width: 1000px) {
  .seuil-grille { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); }
  .seuil-vue { margin: 26px 0 0 0; margin-right: calc((min(100vw - 2 * var(--goutte), var(--cadre-max)) - 100vw) / 2); }
  .seuil-vue::before { inset: auto auto -18px -18px; width: 46%; height: 62%; border-right: 0; border-top: 0; }
  .seuil-passe { aspect-ratio: 4 / 4.4; }
  .seuil-vue figcaption { padding-right: var(--goutte); }
}
.seuil-gages { align-items: end; }
.gage-num { display: block; font: 400 .95rem/1 var(--f-titre); color: var(--laiton); margin-bottom: 10px; }
.gage-tel a { display: inline-flex; flex-direction: column; min-height: 44px; text-decoration: none; font: 400 clamp(1.6rem, 1.2rem + 1vw, 2.2rem)/1.1 var(--f-titre); color: var(--laiton); }
.gage-tel a span { font: 500 .9rem/1.4 var(--f-texte); color: var(--perle); margin-bottom: 4px; }
.gage-tel a:hover { color: var(--laiton-vif); }
@media (min-width: 1000px) { .seuil-gages { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.1fr); } .gage-tel { justify-self: end; text-align: right; } }

/* bande photographique plein cadre */
.bande { position: relative; margin: 0; background: var(--nuit); }
.bande picture, .bande img { width: 100%; }
.bande img { height: min(86svh, 56vw); object-fit: cover; }
.bande figcaption { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 22px; padding: 18px 0 22px; color: var(--perle); font-size: var(--t-petit); }
.bande-num { font: 400 1.1rem/1 var(--f-titre); color: var(--laiton); }
.bande .lien-fleche { color: var(--laiton); margin-left: auto; }

/* registre : vignettes d'index */
.registre-vue { display: none; }
@media (min-width: 900px) {
  .registre-liste a { grid-template-columns: 112px minmax(0, 5fr) minmax(0, 3.5fr) minmax(0, 3.5fr); align-items: center; }
  .registre-vue { display: block; width: 112px; height: 74px; object-fit: cover; filter: saturate(.85); opacity: .85; transition: opacity var(--duree), filter var(--duree), transform 600ms var(--courbe); }
  .registre-liste a:hover .registre-vue { opacity: 1; filter: none; transform: scale(1.04); }
}
@media (max-width: 899.98px) {
  .registre-liste a { grid-template-columns: 72px minmax(0, 1fr); column-gap: 18px; }
  .registre-vue { display: block; grid-row: 1 / span 3; width: 72px; height: 72px; object-fit: cover; }
}

/* pages produit et commune : photo plein cadre derrière le titre, formulaire à droite */
@media (min-width: 1000px) {
  .seuil-avec-devis .proue-photo { position: relative; isolation: isolate; min-height: 640px; }
  .seuil-avec-devis .proue-photo .proue-vue { position: absolute; inset: 0; margin: 0; z-index: -1; }
  .seuil-avec-devis .proue-photo .proue-vue::before { display: none; }
  .seuil-avec-devis .proue-photo .proue-passe { aspect-ratio: auto; height: 100%; }
  .seuil-avec-devis .proue-photo .proue-vue::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14, 26, 43, .92) 0%, rgba(14, 26, 43, .78) 38%, rgba(14, 26, 43, .35) 70%, rgba(14, 26, 43, .55) 100%); }
  .seuil-avec-devis .proue-photo .proue-texte { padding-bottom: 40px; }
  .seuil-avec-devis .proue-photo h1 { text-shadow: 0 1px 24px rgba(14, 26, 43, .35); }
  .seuil-avec-devis .seuil-page-form .seuil-form { background: rgba(14, 26, 43, .94); }
}
@media (max-width: 999.98px) { .seuil-avec-devis .proue-vue { margin-right: 10px; } }

/* bandeau de garanties sous le héros */
.gages-page { list-style: none; padding: 28px 0; margin-block: 0; display: grid; gap: 18px 40px; border-bottom: 1px solid var(--filet-clair); font-size: var(--t-petit); color: var(--encre-douce); }
.gages-page strong { display: block; font: 400 1.25rem/1.2 var(--f-titre); color: var(--encre); }
.gages-page .gage-num { color: var(--laiton-sombre); }
.gages-page .gage-tel a { color: var(--nuit); }
.gages-page .gage-tel a span { color: var(--encre-douce); }
@media (min-width: 900px) { .gages-page { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.1fr); align-items: end; } .gages-page .gage-tel { justify-self: end; text-align: right; } }

/* relance devis */
.relance { background: var(--nuit); color: var(--ivoire); padding: clamp(32px, 4vw, 56px); margin-top: clamp(56px, 6vw, 96px); display: grid; gap: 14px 48px; }
.relance-t { font: 400 clamp(1.7rem, 1.2rem + 1.6vw, 2.6rem)/1.1 var(--f-titre); }
.relance-txt { color: var(--perle); max-width: 52ch; }
.relance-gestes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.relance-tel { display: inline-flex; align-items: center; min-height: 48px; font: 400 1.5rem/1 var(--f-titre); color: var(--laiton); text-decoration: none; }
.relance-tel:hover { color: var(--laiton-vif); }
@media (min-width: 1000px) { .relance:not(.relance-carnet) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; } .relance:not(.relance-carnet) .relance-gestes { grid-column: 2; grid-row: 1 / span 2; justify-content: flex-end; } }
.prose .relance { margin-top: 3em; }
.prose .relance a.bouton { color: var(--nuit); }
.prose .relance-tel { color: var(--laiton); }

/* barre d'appel fixe sur mobile */
.appel-fixe { display: none; }
@media (max-width: 799.98px) {
  .appel-fixe { display: grid; grid-template-columns: 1.6fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 25; border-top: 1px solid var(--laiton); }
  .appel-fixe a { display: flex; align-items: center; justify-content: center; min-height: 56px; font-weight: 600; text-decoration: none; }
  .appel-fixe-devis { background: var(--laiton); color: var(--nuit); }
  .appel-fixe-tel { background: var(--nuit); color: var(--ivoire); }
  body { padding-bottom: 56px; }
  .p-devis .appel-fixe { display: none; } .p-devis { padding-bottom: 0; }
}
@media (min-width: 1000px) { .seuil-avec-devis .seuil-page-form { position: relative; z-index: 2; } }
@media (min-width: 1000px) { .seuil-vue::before { display: none; } .seuil-vue figcaption { border-top: 1px solid var(--laiton); padding-top: 12px; margin-top: 0; width: 60%; } .seuil-vue figcaption::before { content: "Fig. 1  "; color: var(--laiton); font-family: var(--f-titre); } }
.proue-passe picture, .seuil-passe picture { height: 100%; }