/* ═══════════════════════════════════════════════════════════
   SCEA 22:22 — site agrotouristique · Sinnamary, Guyane
   Maquette TORCH · feuille de style unique
   ═══════════════════════════════════════════════════════════ */

:root{
  --foret:#12332A;      /* vert profond, fond des sections sombres   */
  --foret-2:#1C4C3B;
  --feuille:#2F7A57;    /* vert vif, accents                        */
  --rouge:#C0212A;      /* le rouge du sceau 22                     */
  --rouge-clair:#E23B36;
  --ocre:#E2A33F;       /* jaune-or, soleil                         */
  --creme:#FBF5E9;
  --creme-2:#F3E9D6;
  --encre:#16110E;
  --gris:#6F6154;
  --ombre:0 18px 44px -18px rgba(18,51,42,.42);

  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  --marge:clamp(18px,5vw,64px);
  --large:1240px;
  --r:20px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--creme);color:var(--encre);
  font:400 17.5px/1.65 var(--sans);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;-webkit-user-drag:none;user-select:none}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.05;margin:0;
  font-variation-settings:"SOFT" 0,"WONK" 1;letter-spacing:-.015em}
p{margin:0 0 1em}
.enveloppe{max-width:var(--large);margin:0 auto;padding:0 var(--marge)}
.centre{text-align:center}

/* ── Bandeau maquette ─────────────────────────────────────── */
.bandeau{
  background:var(--encre);color:#F6E9CF;font-size:13.5px;
  padding:9px var(--marge);text-align:center;letter-spacing:.01em;
  position:relative;z-index:60;
}
.bandeau b{color:#fff}
.bandeau a{color:var(--ocre);text-decoration:underline;text-underline-offset:3px}

/* ── En-tête ──────────────────────────────────────────────── */
.entete{
  position:sticky;top:0;z-index:50;
  background:rgba(251,245,233,.82);backdrop-filter:blur(14px) saturate(1.3);
  border-bottom:1px solid rgba(22,17,14,.08);
  transition:padding .3s ease,box-shadow .3s ease,background .3s ease;
}
.entete.dense{box-shadow:0 6px 26px -14px rgba(18,51,42,.5)}
.entete-in{max-width:var(--large);margin:0 auto;padding:14px var(--marge);
  display:flex;align-items:center;gap:20px;transition:padding .3s ease}
.entete.dense .entete-in{padding:8px var(--marge)}

.marque{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
.sceau{
  width:44px;height:44px;border-radius:50%;background:var(--rouge);color:#fff;
  display:grid;place-items:center;font-family:var(--serif);font-weight:700;
  font-size:17px;letter-spacing:-.04em;flex:0 0 auto;
  box-shadow:0 0 0 3px rgba(192,33,42,.16);
  transition:width .3s ease,height .3s ease,font-size .3s ease;
}
.entete.dense .sceau{width:36px;height:36px;font-size:14px}
.marque-txt{line-height:1.12}
.marque-txt b{display:block;font-family:var(--serif);font-size:18px;letter-spacing:-.02em}
.marque-txt span{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}

.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{
  text-decoration:none;font-size:15px;font-weight:500;padding:9px 13px;border-radius:99px;
  color:#3B322A;transition:background .2s,color .2s;position:relative;
}
.nav a:hover{background:rgba(47,122,87,.11);color:var(--foret)}
.nav a[aria-current="page"]{color:var(--rouge);font-weight:650}
.nav a[aria-current="page"]::after{
  content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;
  background:var(--rouge);border-radius:2px;
}

.btn{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;cursor:pointer;
  font-family:var(--sans);font-weight:600;font-size:16px;
  padding:14px 24px;border-radius:99px;border:0;
  background:var(--rouge);color:#fff;
  box-shadow:0 10px 26px -10px rgba(192,33,42,.75);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,background .2s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(192,33,42,.85);background:var(--rouge-clair)}
.btn:active{transform:translateY(0)}
.btn.vert{background:var(--foret);box-shadow:0 10px 26px -10px rgba(18,51,42,.7)}
.btn.vert:hover{background:var(--foret-2)}
.btn.creux{background:transparent;color:var(--foret);box-shadow:inset 0 0 0 1.5px rgba(18,51,42,.28)}
.btn.creux:hover{background:rgba(47,122,87,.1);box-shadow:inset 0 0 0 1.5px rgba(18,51,42,.5)}
.btn.petit{padding:10px 18px;font-size:14.5px}

.burger{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;
  cursor:pointer;padding:10px;border-radius:12px}
.burger span{display:block;height:2px;background:var(--encre);border-radius:2px;
  transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s}
.burger span+span{margin-top:6px}
body.menu .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
body.menu .burger span:nth-child(2){opacity:0}
body.menu .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.voile{
  position:fixed;inset:0;z-index:45;background:var(--foret);
  display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 var(--marge);
  clip-path:circle(0% at calc(100% - 44px) 44px);
  transition:clip-path .55s cubic-bezier(.76,0,.24,1);
  visibility:hidden;
}
body.menu .voile{clip-path:circle(150% at calc(100% - 44px) 44px);visibility:visible}
.voile a{
  color:var(--creme);text-decoration:none;font-family:var(--serif);font-size:clamp(30px,8vw,46px);
  padding:8px 0;opacity:0;transform:translateY(18px);
  transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);
}
body.menu .voile a{opacity:1;transform:none}
body.menu .voile a:nth-child(1){transition-delay:.16s}
body.menu .voile a:nth-child(2){transition-delay:.22s}
body.menu .voile a:nth-child(3){transition-delay:.28s}
body.menu .voile a:nth-child(4){transition-delay:.34s}
body.menu .voile a:nth-child(5){transition-delay:.40s}
body.menu{overflow:hidden}

/* ── Héros ────────────────────────────────────────────────── */
.heros{position:relative;min-height:min(88vh,760px);display:grid;align-items:end;
  overflow:hidden;background:var(--foret);isolation:isolate}
.heros-fond{position:absolute;inset:-8% 0 -8% 0;z-index:-2;will-change:transform}
.heros-fond img{width:100%;height:100%;object-fit:cover}
.heros::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(100deg,rgba(8,22,18,.74) 0%,rgba(8,22,18,.46) 38%,rgba(8,22,18,0) 68%),
    linear-gradient(178deg,rgba(10,26,21,.6) 0%,rgba(10,26,21,.08) 30%,rgba(10,26,21,.42) 62%,rgba(10,26,21,.9) 100%);
}
@media(max-width:760px){
  .heros::after{background:linear-gradient(178deg,rgba(8,22,18,.66) 0%,rgba(8,22,18,.42) 34%,rgba(8,22,18,.72) 70%,rgba(8,22,18,.94) 100%)}
}
.heros-in{position:relative;max-width:var(--large);margin:0 auto;width:100%;
  padding:clamp(56px,9vh,92px) var(--marge) clamp(34px,5vw,58px)}
.pastille{
  display:inline-flex;align-items:center;gap:9px;background:rgba(251,245,233,.14);
  border:1px solid rgba(251,245,233,.3);backdrop-filter:blur(8px);
  color:#FBF5E9;font-size:13.5px;font-weight:500;padding:8px 16px;border-radius:99px;
  letter-spacing:.02em;margin-bottom:22px;
}
.pastille i{width:7px;height:7px;border-radius:50%;background:var(--ocre);
  box-shadow:0 0 0 0 rgba(226,163,63,.8);animation:pouls 2.4s infinite}
@keyframes pouls{70%{box-shadow:0 0 0 11px rgba(226,163,63,0)}100%{box-shadow:0 0 0 0 rgba(226,163,63,0)}}

.heros h1{
  color:#fff;font-size:clamp(38px,7.2vw,76px);max-width:16ch;
  text-shadow:0 4px 40px rgba(0,0,0,.45);margin-bottom:20px;
}
.heros h1 em{font-style:normal;color:var(--ocre)}
.heros-p{color:rgba(251,245,233,.93);font-size:clamp(16.5px,1.9vw,19.5px);max-width:54ch;
  margin-bottom:26px;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.heros-btns{display:flex;flex-wrap:wrap;gap:13px;align-items:center}

.chiffres{
  display:flex;flex-wrap:wrap;gap:clamp(18px,4.4vw,46px);margin-top:clamp(26px,4vw,40px);
  padding-top:22px;border-top:1px solid rgba(251,245,233,.24);
}
.chiffre b{display:block;font-family:var(--serif);font-size:clamp(28px,4.4vw,42px);color:#fff;line-height:1}
.chiffre span{display:block;font-size:13px;color:rgba(251,245,233,.72);letter-spacing:.09em;
  text-transform:uppercase;margin-top:7px}

/* ── Sections ─────────────────────────────────────────────── */
.sect{padding:clamp(64px,9vw,116px) 0;position:relative}
.sect.sombre{background:var(--foret);color:var(--creme)}
.sect.sombre h2,.sect.sombre h3{color:#fff}
.sect.creme2{background:var(--creme-2)}
.oeil{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--rouge);
  font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.oeil::before{content:"";width:26px;height:2px;background:var(--rouge);border-radius:2px}
.sect.sombre .oeil{color:var(--ocre)}
.sect.sombre .oeil::before{background:var(--ocre)}
h2{font-size:clamp(30px,5.2vw,54px);max-width:19ch;margin-bottom:20px}
.chapo{font-size:clamp(17px,2vw,19.5px);max-width:62ch;color:#403830}
.sect.sombre .chapo{color:rgba(251,245,233,.82)}
.tete{margin-bottom:clamp(34px,5vw,54px)}
.tete.mid{margin-left:auto;margin-right:auto;text-align:center;max-width:760px}
.tete.mid h2,.tete.mid .chapo{margin-left:auto;margin-right:auto}
.tete.mid .oeil{justify-content:center}

/* ── Grilles ──────────────────────────────────────────────── */
.grille{display:grid;gap:clamp(16px,2.4vw,26px)}
.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(208px,1fr))}

.carte{
  background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre);
  transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s;
  transform-style:preserve-3d;
}
.carte:hover{transform:translateY(-5px);box-shadow:0 26px 54px -20px rgba(18,51,42,.5)}
.carte figure{margin:0;overflow:hidden;background:var(--creme-2)}
.carte figure img{width:100%;aspect-ratio:4/3;object-fit:cover;
  transition:transform .7s cubic-bezier(.22,1,.36,1)}
.carte:hover figure img{transform:scale(1.06)}
.carte-txt{padding:22px 24px 26px}
.carte h3{font-size:22px;margin-bottom:8px}
.carte p{font-size:15.5px;color:var(--gris);margin:0}
.etiq{display:inline-block;background:var(--ocre);color:#2A1D06;font-size:12px;font-weight:700;
  padding:4px 11px;border-radius:99px;letter-spacing:.04em;margin-bottom:10px}
.etiq.vert{background:rgba(47,122,87,.16);color:var(--foret)}
.etiq.rouge{background:rgba(192,33,42,.12);color:var(--rouge)}

/* ── Duo image + texte ────────────────────────────────────── */
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  gap:clamp(26px,5vw,64px);align-items:center}
.duo-img{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre)}
.duo-img img{width:100%;aspect-ratio:5/4;object-fit:cover}
.duo-img.haut img{aspect-ratio:4/5}

/* ── Liste à puces feuille ────────────────────────────────── */
.puces{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:11px}
.puces li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px}
.puces li::before{
  content:"";flex:0 0 auto;width:20px;height:20px;margin-top:3px;border-radius:50% 0 50% 50%;
  background:var(--feuille);transform:rotate(-45deg);
}
.sect.sombre .puces li::before{background:var(--ocre)}

/* ── Mosaïque galerie ─────────────────────────────────────── */
.mosaique{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.mosaique button{
  padding:0;border:0;background:var(--creme-2);cursor:zoom-in;border-radius:14px;overflow:hidden;
  position:relative;aspect-ratio:1;
}
.mosaique button img{width:100%;height:100%;object-fit:cover;
  transition:transform .6s cubic-bezier(.22,1,.36,1),filter .35s}
.mosaique button:hover img{transform:scale(1.08)}
.mosaique button::after{
  content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,51,42,.45),transparent 55%);
  opacity:0;transition:opacity .3s;
}
.mosaique button:hover::after{opacity:1}
.mosaique button.grand{grid-column:span 2;grid-row:span 2;aspect-ratio:1}

/* ── Visionneuse (lightbox) ───────────────────────────────── */
.visio{
  position:fixed;inset:0;z-index:90;background:rgba(9,20,16,.94);
  display:grid;place-items:center;opacity:0;pointer-events:none;
  transition:opacity .3s ease;backdrop-filter:blur(6px);
}
.visio.on{opacity:1;pointer-events:auto}
.visio-img{
  max-width:min(94vw,1300px);max-height:82vh;border-radius:14px;
  box-shadow:0 40px 90px -30px #000;touch-action:none;user-select:none;
  transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .28s;
}
.visio.glisse .visio-img{transition:none}
.visio-lg{position:absolute;bottom:26px;left:0;right:0;text-align:center;color:rgba(251,245,233,.75);
  font-size:14px;padding:0 20px;pointer-events:none}
.visio-x{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;
  border:0;background:rgba(251,245,233,.14);color:#fff;font-size:22px;cursor:pointer;
  display:grid;place-items:center;transition:background .2s}
.visio-x:hover{background:rgba(251,245,233,.28)}
.visio-fl{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;
  border:0;background:rgba(251,245,233,.13);color:#fff;font-size:24px;cursor:pointer;
  display:grid;place-items:center;transition:background .2s}
.visio-fl:hover{background:rgba(251,245,233,.28)}
.visio-fl.g{left:16px}.visio-fl.d{right:16px}
@media(max-width:700px){.visio-fl{display:none}}

/* ── Carrousel glissable ──────────────────────────────────── */
.piste-hab{position:relative}
.piste{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 0 22px;margin:0 calc(var(--marge) * -1);padding-inline:var(--marge);
  scrollbar-width:none;cursor:grab;
}
.piste::-webkit-scrollbar{display:none}
.piste.tire{cursor:grabbing;scroll-snap-type:none}
.piste>*{flex:0 0 clamp(258px,30vw,340px);scroll-snap-align:center}
.piste-nav{display:flex;gap:9px;justify-content:flex-end;margin-top:-6px}
.piste-nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(18,51,42,.2);
  background:transparent;cursor:pointer;font-size:18px;color:var(--foret);
  display:grid;place-items:center;transition:background .2s,border-color .2s}
.piste-nav button:hover{background:var(--foret);border-color:var(--foret);color:#fff}
.sect.sombre .piste-nav button{border-color:rgba(251,245,233,.3);color:var(--creme)}
.sect.sombre .piste-nav button:hover{background:var(--creme);color:var(--foret)}

/* ── Bandeau défilant animaux ─────────────────────────────── */
.ruban{overflow:hidden;background:var(--rouge);color:#fff;padding:15px 0;
  --v:34s;position:relative}
.ruban-in{display:flex;width:max-content;animation:defile var(--v) linear infinite}
.ruban:hover .ruban-in{animation-play-state:paused}
.ruban span{font-family:var(--serif);font-size:clamp(19px,2.6vw,28px);padding:0 26px;
  display:inline-flex;align-items:center;gap:26px;white-space:nowrap}
.ruban span::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--ocre);flex:0 0 auto}
@keyframes defile{to{transform:translateX(-50%)}}

/* ── Tableau tarifs ───────────────────────────────────────── */
.tab-hab{overflow-x:auto;border-radius:var(--r);box-shadow:var(--ombre);background:#fff}
table.tarifs{width:100%;border-collapse:collapse;min-width:540px;font-size:16px}
table.tarifs th,table.tarifs td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(22,17,14,.08)}
table.tarifs thead th{background:var(--foret);color:#fff;font-family:var(--sans);font-weight:600;font-size:14.5px;
  letter-spacing:.03em}
table.tarifs tbody tr:last-child td{border-bottom:0}
table.tarifs tbody tr:hover{background:rgba(47,122,87,.05)}
table.tarifs td b{font-family:var(--serif);font-size:19px}
.px{font-family:var(--serif);font-size:clamp(34px,5vw,52px);line-height:1;color:var(--rouge)}
.px small{font-family:var(--sans);font-size:15px;color:var(--gris);font-weight:500}

.prix-carte{background:#fff;border-radius:var(--r);padding:30px 28px;box-shadow:var(--ombre);
  display:flex;flex-direction:column;height:100%}
.prix-carte.mis{background:var(--foret);color:var(--creme);position:relative;overflow:hidden}
.prix-carte.mis .px{color:var(--ocre)}
.prix-carte.mis .px small,.prix-carte.mis p{color:rgba(251,245,233,.78)}
.prix-carte.mis h3{color:#fff}
.prix-carte .puces{margin-top:18px;flex:1}
.prix-carte .puces li{font-size:15.5px}
.prix-carte .btn{margin-top:22px;justify-content:center}

/* ── Témoignages ──────────────────────────────────────────── */
.avis{background:#fff;border-radius:var(--r);padding:28px 26px;box-shadow:var(--ombre);
  display:flex;flex-direction:column;gap:16px;height:100%}
.avis p{font-family:var(--serif);font-size:19px;line-height:1.45;margin:0;flex:1}
.avis footer{font-size:14px;color:var(--gris);display:flex;align-items:center;gap:10px}
.avis footer b{color:var(--encre);font-size:15px}
.guill{font-family:var(--serif);font-size:52px;line-height:.6;color:var(--ocre);height:26px}

/* ── Encart appel ─────────────────────────────────────────── */
.appel{
  background:linear-gradient(135deg,var(--foret) 0%,#0C2620 100%);
  color:var(--creme);border-radius:26px;padding:clamp(34px,6vw,68px);
  position:relative;overflow:hidden;text-align:center;
}
.appel::before{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(226,163,63,.24),transparent 66%);
  top:-160px;right:-120px;pointer-events:none;
}
.appel h2{color:#fff;margin:0 auto 16px;max-width:18ch}
.appel p{color:rgba(251,245,233,.84);max-width:52ch;margin:0 auto 28px;font-size:18px}
.appel .heros-btns{justify-content:center}

/* ── Bandeau officiel en tête du pied ─────────────────────── */
/* Le bandeau s'affiche ENTIER : il porte ses propres numéros et ses
   trois libellés. Un object-fit:cover les tranchait — constaté en rendu. */
.bandeau-22{display:block;background:var(--encre);line-height:0;overflow:hidden}
.bandeau-22 img{width:100%;height:auto;display:block;
  transition:transform .9s cubic-bezier(.22,1,.36,1)}
.bandeau-22:hover img{transform:scale(1.012)}

/* ── Pied ─────────────────────────────────────────────────── */
.pied{background:var(--encre);color:rgba(251,245,233,.66);padding:clamp(48px,7vw,80px) 0 34px;font-size:15px}
.pied a{color:rgba(251,245,233,.86);text-decoration:none}
.pied a:hover{color:var(--ocre)}
.pied h4{color:#fff;font-size:17px;margin-bottom:14px}
.pied-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:34px}
.pied ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.pied-bas{margin-top:44px;padding-top:22px;border-top:1px solid rgba(251,245,233,.14);
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:13.5px}

/* ── Apparitions au défilement ────────────────────────────── */
.rev{opacity:0;transform:translateY(26px);
  transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}
.rev.vu{opacity:1;transform:none}
.rev.d1{transition-delay:.09s}.rev.d2{transition-delay:.18s}
.rev.d3{transition-delay:.27s}.rev.d4{transition-delay:.36s}
.rev.d5{transition-delay:.45s}

/* ── Sceau tournant ───────────────────────────────────────── */
.tampon{position:relative;width:132px;height:132px;flex:0 0 auto}
.tampon svg{position:absolute;inset:0;animation:tourne 22s linear infinite}
.tampon-c{position:absolute;inset:22px;border-radius:50%;background:var(--rouge);color:#fff;
  display:grid;place-items:center;font-family:var(--serif);font-size:28px;font-weight:700;
  letter-spacing:-.05em;box-shadow:0 8px 22px -8px rgba(192,33,42,.8)}
@keyframes tourne{to{transform:rotate(360deg)}}
.tampon text{font-family:var(--sans);font-size:10.4px;letter-spacing:.28em;
  text-transform:uppercase;fill:var(--foret);font-weight:600}
.sect.sombre .tampon text{fill:var(--ocre)}

/* ── Divers ───────────────────────────────────────────────── */
.note{font-size:14.5px;color:var(--gris);border-left:3px solid var(--ocre);padding:4px 0 4px 16px;margin:22px 0 0}
.sect.sombre .note{color:rgba(251,245,233,.7)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--ocre);outline-offset:3px;border-radius:6px}

@media(max-width:900px){
  .nav{display:none}
  .burger{display:block;margin-left:auto;flex:0 0 auto}
  .entete-in{gap:10px}
  .entete-in .btn.petit{margin-left:auto}
}
/* Sous 560 px le bouton Réserver de l'en-tête part : le burger passe avant tout.
   Constaté en rendu réel — il sortait de l'écran et devenait inatteignable. */
@media(max-width:560px){
  .entete-in>.btn.petit{display:none}
  .burger{margin-left:auto}
  /* Les quatre chiffres passent en 2×2 serré : en une seule rangée ils
     débordaient sous la ligne de flottaison. Mesuré à 390×844. */
  .chiffres{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:22px;padding-top:18px}
  .chiffre b{font-size:26px}
  .chiffre span{font-size:11px;margin-top:4px;letter-spacing:.07em}
  .heros-in{padding-top:clamp(34px,6vh,56px)}
  .heros h1{margin-bottom:14px}
  .heros-p{margin-bottom:20px}
  .heros-btns{gap:10px}
  .heros-btns .btn{width:100%;justify-content:center}
  .bandeau{font-size:12px;padding:8px 14px;line-height:1.45}
  .bandeau .long{display:none}
  .marque-txt b{font-size:16px}
  .sceau{width:38px;height:38px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .rev{opacity:1;transform:none}
  .heros-fond{transform:none!important}
}