/* main.css — Maryse Dewarrat. Repris de la maquette V1.0 validée (août 2026) :
   papier #F2EEE4, encre #2E2A24, terre cuite #B85C3C, sable #CAC3AF.
   Titres Zilla Slab, texte Inter, étiquettes en monospace. Une « route » (concept Le voyage)
   se trace dans la marge gauche au fil du défilement, avec un point à chaque section. */

:root {
  --papier: #F2EEE4;
  --encre: #2E2A24;
  --doux: #6E6759;
  --terre: #B85C3C;
  --sable: #CAC3AF;
  --filet: rgba(46, 42, 36, .16);
  --filet-leger: rgba(46, 42, 36, .10);
  --f-titre: 'Zilla Slab', Georgia, serif;
  --f-texte: 'Inter', system-ui, -apple-system, sans-serif;
  --f-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --largeur: 1180px;
  --gouttiere: clamp(20px, 4vw, 48px);
  --ease: cubic-bezier(.2, .8, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 90px; }
body { margin: 0; background: var(--papier); color: var(--encre); font: 400 18px/1.7 var(--f-texte); -webkit-font-smoothing: antialiased; text-wrap: pretty; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--terre); text-decoration: none; transition: color .2s var(--ease); }
a:hover { color: var(--encre); }
a, button, label { touch-action: manipulation; -webkit-tap-highlight-color: rgba(184, 92, 60, .15); }
:focus-visible { outline: 2px solid var(--terre); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--f-titre); font-weight: 400; margin: 0; text-wrap: balance; }
p { margin: 0; }

.evitement { position: absolute; left: var(--gouttiere); top: -100px; z-index: 100; background: var(--encre); color: var(--papier); padding: 10px 16px; }
.evitement:focus { top: 12px; color: var(--papier); }
.wrap { max-width: var(--largeur); margin: 0 auto; padding-inline: var(--gouttiere); }
.etiquette { font: 400 12px/1.4 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--doux); }
.texte-doux { color: var(--doux); }

/* Boutons */
.bouton { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 24px; border-radius: 2px; font: 400 16px/1.2 var(--f-texte); transition: background .2s var(--ease), color .2s var(--ease); }
.bouton--encre { background: var(--encre); color: var(--papier); }
.bouton--encre:hover { background: var(--terre); color: var(--papier); }
.bouton--terre { background: var(--terre); color: var(--papier); }
.bouton--terre:hover { background: var(--encre); color: var(--papier); }
.bouton--large { width: 100%; }
.lien-souligne { color: var(--encre); border-bottom: 1px solid var(--terre); padding-bottom: 3px; }
.lien-souligne:hover { color: var(--terre); }

/* En-tête */
.entete { position: sticky; top: 0; z-index: 20; background: rgba(242, 238, 228, .92); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--filet-leger); }
.entete__inner { max-width: var(--largeur); margin: 0 auto; padding: 14px var(--gouttiere); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.marque { font: 500 19px/1 var(--f-titre); letter-spacing: .01em; color: var(--encre); }
.marque__prenom { color: var(--terre); }
.nav { display: flex; align-items: center; gap: clamp(14px, 2vw, 28px); }
.nav__liste { display: flex; gap: clamp(14px, 2vw, 28px); margin: 0; padding: 0; list-style: none; }
.nav__liste a { font-size: 15px; color: var(--doux); padding-bottom: 2px; border-bottom: 1px solid transparent; }
.nav__liste a:hover { color: var(--encre); }
.nav__liste .current-menu-item > a, .nav__liste .current_page_item > a { color: var(--encre); border-bottom-color: var(--terre); }
.nav__cta { min-height: 44px; padding: 11px 20px; font-size: 15px; }
.burger { display: none; }

/* Panneau mobile */
.panneau { position: fixed; inset: 0 0 0 auto; z-index: 40; width: min(88vw, 380px); display: flex; flex-direction: column; justify-content: space-between; gap: 32px; padding: 88px 28px calc(28px + env(safe-area-inset-bottom)); background: var(--papier); border-left: 1px solid var(--filet); box-shadow: -24px 0 60px rgba(46, 42, 36, .12); overscroll-behavior: contain; overflow-y: auto; transform: translateX(100%); transition: transform .35s var(--ease); }
.panneau[hidden] { display: none; }
.panneau.ouvert { transform: none; }
.panneau__liste { margin: 0; padding: 0; list-style: none; }
.panneau__liste a { display: flex; align-items: center; min-height: 56px; font: 400 26px/1.1 var(--f-titre); color: var(--encre); border-bottom: 1px solid var(--filet); }
.panneau__liste .current-menu-item > a { color: var(--terre); }
.panneau__pied { display: grid; gap: 14px; color: var(--doux); font-size: 15px; }
.panneau__tel { font: 400 24px/1.2 var(--f-titre); color: var(--terre); min-height: 44px; display: inline-flex; align-items: center; }
body.menu-ouvert { overflow: hidden; }

@media (max-width: 899px) {
  .nav { display: none; }
  .burger { display: grid; place-content: center; gap: 7px; width: 44px; height: 44px; margin-right: -10px; background: none; border: 0; color: var(--encre); cursor: pointer; position: relative; z-index: 45; }
  .burger span { display: block; width: 24px; height: 1.5px; background: currentColor; transition: transform .25s var(--ease); }
  .burger[aria-expanded="true"] span:first-child { transform: translateY(4.25px) rotate(45deg); }
  .burger[aria-expanded="true"] span:last-child { transform: translateY(-4.25px) rotate(-45deg); }
}

/* Route « Le voyage » et grain du papier */
.page { position: relative; }
.route { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; overflow: visible; }   /* au-dessus des bandes et des photos, sous l’en-tête (20) */
.route path { stroke: var(--terre); stroke-opacity: .28; stroke-width: 1; stroke-linecap: round; }
.route circle { fill: var(--papier); stroke: var(--terre); stroke-opacity: .45; stroke-width: 1; }
@media (max-width: 1260px) { .route { display: none; } }
body::after { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 2; opacity: .05; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.contenu > section { position: relative; z-index: 1; }

/* Pied de page */
.pied { background: var(--encre); color: var(--sable); }
.pied__inner { max-width: var(--largeur); margin: 0 auto; padding: clamp(36px, 5vw, 56px) var(--gouttiere); display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; }
.pied__marque { font: 400 19px/1.4 var(--f-titre); color: var(--papier); }
.pied__titres { display: block; font: 400 14px/1.7 var(--f-texte); color: var(--sable); margin-top: 4px; }
.pied__liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; font-size: 15px; }
.pied__liste a, .pied a { color: var(--sable); }
.pied__liste a:hover, .pied a:hover { color: var(--papier); }
.pied__credit { font-size: 12px; color: var(--doux); align-self: end; }
.pied__credit a { color: var(--doux); border-bottom: 1px solid var(--doux); }

/* Barre de contact mobile */
.barre-mobile { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: flex; background: var(--papier); border-top: 1px solid var(--filet); padding-bottom: env(safe-area-inset-bottom); }
.barre-mobile a { flex: 1; min-height: 56px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: var(--encre); }
.barre-mobile a + a { border-left: 1px solid var(--filet); }
.barre-mobile .barre-mobile__ecrire { background: var(--terre); color: var(--papier); border-left: 0; }
@media (min-width: 900px) { .barre-mobile { display: none; } }
@media (max-width: 899px) { .pied { padding-bottom: 56px; } }

/* Apparition douce — l'état visible est le défaut ; .js ne masque que ce qui va être révélé */
@keyframes md-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.apparait { animation: md-up 240ms ease-out both; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* ── Sections (blocs) ── */
.fond-sable { background: var(--sable); }
.titre-section { font-size: clamp(26px, 3vw, 36px); line-height: 1.2; margin-bottom: clamp(28px, 4vw, 44px); max-width: 20em; }
.titre-section--serre { margin-bottom: 20px; }

/* Accueil — nom et portrait */
.s-hero { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(28px, 5vw, 72px); align-items: end; padding-block: clamp(48px, 8vw, 104px) clamp(40px, 6vw, 80px); }
.s-hero__nom { font: 500 clamp(40px, 7vw, 80px)/1 var(--f-titre); letter-spacing: -.01em; margin-bottom: clamp(24px, 4vw, 40px); }
.s-hero__accroche { color: var(--doux); max-width: 34em; margin-bottom: 32px; }
.s-hero__boutons { display: flex; flex-wrap: wrap; gap: 12px; }
.s-hero__photo { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; }
.s-hero__photo img { width: 100%; height: 100%; object-fit: cover; }

/* Signature */
.s-signature { border-top: 1px solid var(--filet-leger); }
.s-signature .wrap { padding-block: clamp(56px, 9vw, 112px); }
.s-signature__texte { font: 400 clamp(34px, 6vw, 68px)/1.12 var(--f-titre); letter-spacing: -.01em; }

/* Présentation */
.s-presentation { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: clamp(28px, 5vw, 72px); padding-block: clamp(56px, 8vw, 104px) clamp(40px, 6vw, 72px); }
.s-presentation .etiquette { margin-bottom: 18px; }
.s-presentation__titre { font-size: clamp(21px, 2.2vw, 27px); line-height: 1.4; margin-bottom: 24px; max-width: 22em; }
.s-presentation__para { max-width: 32em; }
.s-presentation__para + .s-presentation__para { margin-top: 10px; }
.filets { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 22px; }
.filets li { border-top: 1px solid var(--filet); padding-top: 16px; }
.filets__titre { font: 400 21px/1.3 var(--f-titre); margin-bottom: 6px; }
.filets .texte-doux { font-size: 17px; line-height: 1.6; }

/* Deux portes */
.s-portes { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(20px, 3vw, 32px); padding-block: clamp(24px, 4vw, 48px) clamp(56px, 8vw, 96px); }
.porte { display: flex; flex-direction: column; gap: 18px; padding: clamp(28px, 4vw, 44px); border-radius: 2px; }
.porte--clair { background: var(--papier); border: 1px solid rgba(46, 42, 36, .2); }
.porte--clair .porte__titre { color: var(--terre); }
.porte--sombre { background: var(--encre); color: var(--papier); }
.porte--sombre .etiquette, .porte--sombre .porte__texte { color: var(--sable); }
.porte--sombre .porte__lien { color: var(--papier); }
.porte__titre { font: 500 clamp(26px, 3vw, 36px)/1.15 var(--f-titre); }
.porte__texte { line-height: 1.65; }
.porte__lien { align-self: flex-start; margin-top: auto; font-size: 16px; }

/* Étapes */
.s-etapes { padding-block: 0 clamp(56px, 8vw, 96px); }
.s-etapes__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: clamp(20px, 3vw, 36px); }
.s-etapes__liste li { border-top: 1px solid var(--terre); padding-top: 16px; line-height: 1.65; }
.s-etapes__num { font: 400 15px/1 var(--f-titre); color: var(--terre); margin-bottom: 8px; }

/* Photo pleine largeur */
.s-photo { height: clamp(320px, 46vw, 620px); overflow: hidden; }
.s-photo img { width: 100%; height: 100%; object-fit: cover; }

/* Témoignages */
.s-temoignages .wrap { padding-block: clamp(56px, 8vw, 96px); }
.s-temoignages__grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(24px, 4vw, 48px); }
.s-temoignages__grille--seul { grid-template-columns: minmax(0, 46em); }
.temoignage { display: flex; flex-direction: column; gap: 16px; }
.temoignage__court { margin: 0; font: 400 clamp(19px, 2vw, 23px)/1.45 var(--f-titre); }
.temoignage__integral p { font-size: 17px; line-height: 1.7; margin: 0 0 1em; }
.temoignage__bouton { align-self: flex-start; min-height: 44px; background: none; border: 0; border-bottom: 1px solid var(--terre); padding: 0 0 3px; font: 400 16px/1 var(--f-texte); color: var(--encre); cursor: pointer; }
.temoignage__bouton:hover { color: var(--terre); }
.temoignage__signature { font-size: 15px; color: var(--doux); }

/* Publication */
.s-publication { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding-block: clamp(40px, 6vw, 72px); border-bottom: 1px solid rgba(46, 42, 36, .14); }
.s-publication__couverture { width: 104px; height: 146px; object-fit: contain; flex: none; }
.s-publication p { max-width: 36em; line-height: 1.6; }
.s-publication__titre { font: 400 20px/1.4 var(--f-titre); color: var(--encre); }

/* Prendre contact */
.s-contact-rapide { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(28px, 5vw, 64px); padding-block: clamp(56px, 8vw, 104px) clamp(72px, 10vw, 128px); }
.grand-tel { display: inline-block; font: 400 clamp(30px, 4.4vw, 54px)/1.1 var(--f-titre); color: var(--terre); margin-bottom: 20px; }
.s-contact-rapide__liens { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.s-contact-rapide__liens .lien-souligne { min-height: 44px; display: inline-flex; align-items: center; padding-bottom: 0; }
.s-contact-rapide__adresse { font-size: 17px; margin-top: 8px; }

/* ── Pages intérieures ── */
.titre-section--colonne { margin: 0; max-width: 14em; }

/* En-tête de page */
.s-entete { padding-block: clamp(48px, 8vw, 104px) clamp(40px, 6vw, 72px); }
.s-entete .etiquette { margin-bottom: 22px; }
.s-entete__titre { font: 500 clamp(34px, 6vw, 72px)/1.08 var(--f-titre); letter-spacing: -.01em; max-width: 18em; margin-bottom: 24px; }
.s-entete__texte { font-size: 19px; color: var(--doux); max-width: 32em; margin-bottom: 32px; }

/* Titre et texte */
.s-titre-texte { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(28px, 5vw, 64px); padding-block: clamp(24px, 4vw, 48px) clamp(48px, 7vw, 88px); }
.s-titre-texte__texte { max-width: 36em; }

/* Questions en cartes */
.s-cartes-questions .wrap { padding-block: clamp(56px, 8vw, 96px); }
.s-cartes-questions__titre { font-size: clamp(28px, 4vw, 48px); line-height: 1.15; max-width: 18em; margin-bottom: clamp(28px, 4vw, 44px); }
.s-cartes-questions__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.s-cartes-questions__liste li { background: var(--papier); padding: 16px 18px; border-radius: 2px; font: 400 18px/1.45 var(--f-titre); }
.s-cartes-questions__conclusion { font: 400 clamp(19px, 2.2vw, 25px)/1.5 var(--f-titre); max-width: 34em; margin-top: clamp(28px, 4vw, 44px); }
.s-cartes-questions__bouton { margin-top: 22px; }

/* Liste numérotée */
.s-liste-num { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(28px, 5vw, 64px); padding-block: clamp(56px, 8vw, 96px) clamp(48px, 7vw, 80px); }
.s-liste-num__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.s-liste-num__liste li { display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: baseline; border-top: 1px solid var(--filet); padding: 14px 0; font-size: 19px; line-height: 1.55; }
.s-liste-num__n { font: 400 15px/1 var(--f-titre); color: var(--terre); }

/* Parcours */
.s-parcours { padding-block: 0 clamp(56px, 8vw, 96px); }
.s-parcours__titre { margin-bottom: 14px; }
.s-parcours__intro { max-width: 32em; margin-bottom: clamp(28px, 4vw, 44px); }
.s-parcours__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: clamp(18px, 3vw, 28px); }
.s-parcours__liste li { border-top: 1px solid var(--terre); padding-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.s-parcours__n { font: 400 12px/1 var(--f-mono); letter-spacing: .1em; color: var(--terre); }
.s-parcours__texte { font: 400 clamp(19px, 2vw, 22px)/1.35 var(--f-titre); }
.s-parcours__liste .est-accent .s-parcours__texte { color: var(--terre); }

/* Bandeau sombre */
.s-bandeau { background: var(--encre); color: var(--papier); }
.s-bandeau__inner { padding-block: clamp(56px, 8vw, 104px); display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(28px, 5vw, 64px); }
.s-bandeau h2 { color: var(--papier); max-width: 12em; }
.s-bandeau__photo { margin: 0 0 26px; aspect-ratio: 4 / 3; max-width: 480px; overflow: hidden; }
.s-bandeau__photo img { width: 100%; height: 100%; object-fit: cover; }
.s-bandeau__texte { font-size: 19px; max-width: 34em; }
.s-bandeau__texte + .s-bandeau__texte { margin-top: 18px; }
.s-bandeau__texte--doux { color: var(--sable); }

/* Modalités */
.s-modalites { padding-block: clamp(56px, 8vw, 96px) clamp(48px, 7vw, 80px); }
.s-modalites .titre-section { margin-bottom: clamp(24px, 4vw, 40px); }
.s-modalites__liste { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: clamp(20px, 3vw, 36px); }
.s-modalites__liste div { border-top: 1px solid rgba(46, 42, 36, .2); padding-top: 14px; }
.s-modalites__liste dt { letter-spacing: .1em; margin-bottom: 8px; }
.s-modalites__liste dd { margin: 0; line-height: 1.6; }

/* Encadré */
.s-encadre { padding-block: 0 clamp(56px, 8vw, 96px); }
.s-encadre__cadre { border: 1px solid rgba(46, 42, 36, .22); border-radius: 2px; padding: clamp(28px, 4vw, 48px); display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: clamp(24px, 4vw, 48px); }
.s-encadre__titre { font-size: clamp(24px, 2.6vw, 32px); max-width: 12em; }
.s-encadre__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; line-height: 1.6; }
.s-encadre__ref { font-size: 17px; color: var(--doux); border-top: 1px solid var(--filet); padding-top: 14px; }
.s-encadre__ref strong { color: var(--encre); font-weight: 500; }

/* Appel */
.s-appel { padding-block: 0 clamp(72px, 10vw, 128px); }
.s-appel__titre { font-size: clamp(28px, 3.6vw, 44px); max-width: 22em; margin-bottom: 20px; }
.grand-tel--moyen { font-size: clamp(28px, 4vw, 48px); }
.s-appel__note { margin-bottom: 24px; }

/* Formats */
.s-formats .wrap { padding-block: clamp(56px, 8vw, 96px); }
.s-formats__grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: clamp(20px, 3vw, 32px); }
.s-formats__grille article { border-top: 1px solid var(--encre); padding-top: 18px; }
.s-formats__titre { font: 500 22px/1.3 var(--f-titre); margin-bottom: 10px; }
.s-formats__grille p { font-size: 17px; line-height: 1.65; }

/* Titre, photo et texte */
.s-texte-image { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(28px, 5vw, 64px); padding-block: clamp(56px, 8vw, 96px) clamp(40px, 6vw, 72px); }
.s-texte-image__photo { margin: 0 0 24px; aspect-ratio: 3 / 2; max-width: 520px; overflow: hidden; }
.s-texte-image__photo img { width: 100%; height: 100%; object-fit: cover; }
.s-texte-image__texte { font-size: 19px; max-width: 34em; margin-bottom: 16px; }

/* Questions fréquentes */
.s-faq { padding-block: clamp(48px, 7vw, 88px); }
.s-faq .titre-section { margin-bottom: clamp(24px, 4vw, 40px); max-width: 22em; }
.s-faq__grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; align-items: start; }
.question { background: var(--papier); border: 1px solid var(--filet); border-radius: 2px; }
.question__titre { margin: 0; font-size: inherit; }
.question__bouton { width: 100%; min-height: 44px; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 18px 20px; background: none; border: 0; text-align: left; font: 400 clamp(17px, 1.8vw, 20px)/1.4 var(--f-titre); color: var(--encre); cursor: pointer; }
.question__bouton:hover { color: var(--terre); }
.question__signe { flex-shrink: 0; font-size: 20px; color: var(--terre); margin-top: 2px; }
.question__reponse { padding: 14px 20px 18px; border-top: 1px solid var(--filet-leger); font-size: 17px; line-height: 1.65; color: var(--doux); }

/* Contact */
.s-canaux { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: clamp(16px, 2.5vw, 24px); padding-block: 0 clamp(48px, 7vw, 80px); }
.canal { display: flex; flex-direction: column; gap: 8px; min-height: 44px; padding: 24px; border: 1px solid rgba(46, 42, 36, .22); border-radius: 2px; color: var(--encre); transition: border-color .2s var(--ease), background .2s var(--ease); }
.canal:hover { border-color: var(--terre); color: var(--encre); }
.canal__valeur { font: 400 21px/1.3 var(--f-titre); overflow-wrap: break-word; min-width: 0; }
.canal__valeur--mail { font-size: clamp(17px, 1.5vw, 20px); }   /* l'adresse se coupe après l'arobase, jamais au milieu du nom */
.canal--plein { background: var(--terre); border-color: var(--terre); color: var(--papier); }
.canal--plein .etiquette { color: rgba(242, 238, 228, .8); }
.canal--plein:hover { background: var(--encre); border-color: var(--encre); color: var(--papier); }
.s-formulaire__inner { padding-block: clamp(48px, 8vw, 88px); display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(28px, 5vw, 64px); align-items: start; }
.s-formulaire__texte { max-width: 28em; margin-bottom: 12px; }
.s-formulaire__donnees { font-size: 17px; max-width: 28em; }
.s-formulaire__carte { background: var(--papier); padding: clamp(24px, 3.5vw, 36px); border-radius: 2px; }
.s-formulaire__ok { font: 400 24px/1.3 var(--f-titre); color: var(--terre); margin-bottom: 12px; }
.s-formulaire__ok + p { margin-bottom: 20px; }
.s-formulaire__erreur { margin-bottom: 18px; padding: 12px 14px; border-left: 3px solid var(--terre); background: rgba(184, 92, 60, .08); font-size: 16px; }
.formulaire { display: flex; flex-direction: column; gap: 20px; }
.champ { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.champ label { font-size: 15px; color: var(--doux); }
.champ input, .champ textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid rgba(46, 42, 36, .3); border-radius: 2px; background: #fff; font: 400 17px/1.4 var(--f-texte); color: var(--encre); }
.champ textarea { min-height: 96px; resize: vertical; }
.champ input:focus-visible, .champ textarea:focus-visible { outline: 2px solid var(--terre); outline-offset: 1px; border-color: var(--terre); }
.champ--piege { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.champ--case { flex-direction: row; align-items: flex-start; gap: 12px; }
.champ--case input { width: 22px; height: 22px; min-height: 0; margin: 2px 0 0; flex: none; accent-color: var(--terre); }
.champ--case { font-size: 15px; line-height: 1.5; color: var(--doux); cursor: pointer; }
.formulaire .bouton { align-self: flex-start; border: 0; cursor: pointer; }
.formulaire .bouton[aria-disabled="true"] { opacity: .7; cursor: progress; }
.s-adresse { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: clamp(24px, 4vw, 48px); align-items: start; padding-block: clamp(48px, 7vw, 88px); }
.s-adresse .etiquette { margin-bottom: 12px; letter-spacing: .1em; }
.s-adresse__adresse { font: 400 22px/1.4 var(--f-titre); margin-bottom: 10px; }
.s-adresse__photo { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; }
.s-adresse__photo img { width: 100%; height: 100%; object-fit: cover; }

/* Pages légales */
.s-texte-libre { padding-block: clamp(48px, 8vw, 104px) clamp(72px, 10vw, 128px); }
.s-texte-libre__corps { max-width: 44em; }
.s-texte-libre__corps h2 { font-size: clamp(22px, 2.4vw, 28px); margin: 2em 0 .6em; }
.s-texte-libre__corps p, .s-texte-libre__corps ul { margin: 0 0 1em; }
.s-texte-libre__corps a { border-bottom: 1px solid var(--terre); }