/* =========================================================
   FARE MANINI — Refonte visuelle (octobre 2026)
   Couche chargée après style.css. Même palette, mêmes
   typographies ; ce qui change : la mise en page, la
   retenue des ornements et le traitement des images.
   Principes :
   - une photo n'est jamais posée sur une autre photo ;
   - pas de pastilles, de numéros de chapitre ni de
     petites capitales espacées (sauf la signature du logo) ;
   - angles droits, ombres supprimées, grandes respirations.
   ========================================================= */

:root{
  --creme:#FAF7F1;
  --sable:#F1EADF;
  --encre:#22211D;
  --gris:#5B5852;
  --gris-clair:#DDD6CA;
  --logo-creme:#F1E7D6;
  --rayon:0px;
  --rayon-lg:0px;
  --header-h:92px;
  --ombre:none;
  --ombre-forte:none;
  --respiration:clamp(80px,11vw,168px);
}

/* ---------- Texte ---------- */
body{font-size:17px;line-height:1.75;font-weight:400;color:var(--encre)}
h1,h2{font-weight:300;letter-spacing:-.01em}
h3{font-weight:400}
h2{font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.06}
h3{font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.2}
.h-grand{font-size:clamp(2.8rem,6.6vw,5.9rem);line-height:1;font-weight:300}
.chapo{color:var(--gris);font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.7}
.exergue{font-style:italic;font-weight:400;color:var(--marque)}
.lettrine::first-letter{font-weight:300;font-size:4.2em}
.section{padding:var(--respiration) 0}
.section--serre{padding:clamp(56px,7vw,96px) 0}

/* Libellé au-dessus d'un titre : une ligne en italique, sans capitales */
.kicker{
  display:block;font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(1.12rem,1.6vw,1.3rem);letter-spacing:0;text-transform:none;
  color:var(--laiton-texte);margin:0 0 .8rem;
}
.kicker::before,.centre .kicker::after{display:none}
.hero .kicker,.section--sombre .kicker,.cta-bande .kicker,.page-titre .kicker{color:var(--laiton-clair)}
.chapitre{display:block;margin-bottom:0}
.chapitre__num{display:none}

/* Petits libellés : plus de capitales espacées */
.temps__heure,.trajet__code,.trajet__infos div,.atout__lbl,.prix small,
.champ label,.legende,.champ-resa label,.champ-resa .lbl,.contact-item .lbl,
.fil,.citation figcaption,.branche__etat,.pied .pied__titre,.barre-mobile .prix-mini span,
.carte__etiq,.tableau-infos th,.tarif-carte .unite,.etape__lbl,.recap__total .lbl,
.galerie figure,.mois__jour-lbl,.video-bloc__play{
  text-transform:none;letter-spacing:.01em;font-size:.86rem;font-weight:500;
}
.temps__heure{color:var(--laiton-texte);margin-bottom:.5rem}
.tableau-infos th{color:var(--laiton-texte)}
.galerie figure{font-family:var(--serif);font-style:italic;font-size:1.05rem;font-weight:400}
.citation figcaption{font-family:var(--serif);font-style:italic;font-size:1.1rem;font-weight:400}
.pied .pied__titre{font-family:var(--serif);font-style:italic;font-size:1.15rem;font-weight:400}

/* ---------- Boutons et liens ---------- */
.btn{
  font-size:.92rem;letter-spacing:.02em;text-transform:none;font-weight:500;
  padding:1.15em 2.1em;border-radius:0;
}
.btn:hover{transform:none}
.lien-fleche{
  font-size:.95rem;letter-spacing:.01em;text-transform:none;font-weight:500;
  padding-bottom:.3em;gap:.5em;
}
.lien-fleche:hover{gap:.5em}

/* ---------- En-tête ---------- */
.entete__inner{min-height:var(--header-h)}
.marque{gap:.9rem}
.marque__signe{width:30px;height:41px;color:var(--logo-creme)}
.entete--solide .marque__signe,.entete--fixe .marque__signe{color:var(--marque)}
.marque__mots{gap:.45rem}
.logo__nom{
  font-family:var(--serif);font-weight:500;font-size:1.22rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--creme);
}
.logo__sous{font-size:.6rem;letter-spacing:.46em;font-weight:500;color:var(--logo-creme);opacity:.85}
.entete--solide .logo__sous,.entete--fixe .logo__sous{color:var(--marque);opacity:.75}
.entete--solide .logo__nom,.entete--fixe .logo__nom{color:var(--marque)}
.nav{gap:clamp(1.2rem,2.4vw,2.4rem)}
.nav a{font-size:.95rem;letter-spacing:.01em;text-transform:none;font-weight:400}
.nav a::after{height:1px}
.entete--solide,.entete--fixe{background:var(--creme);box-shadow:0 1px 0 var(--gris-clair)}
@media (max-width:1080px){
  .nav a{font-size:2rem;font-weight:300}
  body[data-menu="ouvert"] .logo__nom{color:var(--creme)}
  body[data-menu="ouvert"] .marque__signe{color:var(--logo-creme)}
}
@media (max-width:520px){
  .marque__signe{width:25px;height:34px}
  .logo__nom{font-size:1.02rem;letter-spacing:.16em}
  .logo__sous{font-size:.54rem}
}

/* ---------- Héros ---------- */
.hero::after{
  background:linear-gradient(180deg,rgba(14,44,35,.55) 0%,rgba(14,44,35,.12) 26%,rgba(14,44,35,.18) 52%,rgba(14,44,35,.82) 100%);
}
.hero h1,.hero__chapo{text-shadow:0 1px 24px rgba(10,26,21,.35)}
.hero__chapo{color:#F2F5F2;font-size:clamp(1.05rem,1.5vw,1.22rem)}
.hero--court{min-height:72svh}
.hero--court::after{
  background:linear-gradient(180deg,rgba(14,44,35,.6) 0%,rgba(14,44,35,.2) 34%,rgba(14,44,35,.35) 60%,rgba(14,44,35,.85) 100%);
}
.hero--court .hero__contenu{max-width:var(--max);padding-bottom:clamp(64px,10vh,120px)}
.hero--court .hero__chapo{margin-inline:0;max-width:56ch}
.hero--court h1{font-size:clamp(2.8rem,6vw,5.2rem)}

/* Accueil : un seul mouvement à l'ouverture */
.hero--accueil{min-height:100svh;align-items:flex-end}
.hero--accueil .hero__contenu{max-width:var(--max);padding-bottom:clamp(150px,20vh,210px)}
.hero--accueil .hero__chapo{max-width:46ch}
.hero__feuille{
  display:block;width:34px;height:46px;margin-bottom:1.6rem;background:var(--logo-creme);
  -webkit-mask:url("../img/logo-feuille.svg") center/contain no-repeat;
          mask:url("../img/logo-feuille.svg") center/contain no-repeat;
}
@media (prefers-reduced-motion:no-preference){
  .hero--accueil .hero__feuille,.hero--accueil h1,.hero--accueil .hero__chapo,.hero--accueil .hero__actions{
    animation:monter 1.1s cubic-bezier(.22,.61,.36,1) both;
  }
  .hero--accueil h1{animation-delay:.15s}
  .hero--accueil .hero__chapo{animation-delay:.35s}
  .hero--accueil .hero__actions{animation-delay:.5s}
}
@keyframes monter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- Barre de réservation ---------- */
.barre-resa{margin-top:-96px}
.barre-resa__carte{
  background:var(--creme);border:0;border-radius:0;box-shadow:0 30px 60px -40px rgba(14,44,35,.45);
  grid-template-columns:1fr 1fr .9fr auto;
}
.champ-resa{padding:1.25rem 1.7rem;border-right:1px solid var(--gris-clair)}
.champ-resa .lbl{color:var(--laiton-texte)}
.champ-resa input[type=date],.champ-resa select{font-size:1.25rem}
.barre-resa .btn{padding-inline:2.4rem}
@media (max-width:900px){
  .barre-resa{margin-top:-56px}
  .champ-resa{padding:1rem 1.2rem}
}

/* ---------- Images ---------- */
.duo__media img,.carte__media,.galerie button,.galerie img,.galerie-defil button,.lightbox img{border-radius:0}
.duo__media img{aspect-ratio:4/5}
.r-fig{margin:0}
.r-fig img{width:100%;height:100%;object-fit:cover;display:block}
.r-fig figcaption{
  font-family:var(--serif);font-style:italic;font-size:1.02rem;color:var(--gris);
  margin-top:.85rem;line-height:1.3;
}
.section--sombre .r-fig figcaption{color:#A9BDB4}

/* ---------- Cartes : plus de soulèvement ni de pastilles ---------- */
.carte{border:0;background:transparent}
.carte:hover{transform:none;box-shadow:none}
.carte:hover .carte__media img{transform:scale(1.03)}
.carte__etiq{display:none}
.carte__corps{padding:1.4rem 0 0}
.carte__pied{border-top:1px solid var(--gris-clair)}
.section--sable .carte,.section--sable .equip-bloc{background:transparent}

/* Listes d'équipements : du texte, plus de pastilles */
.equip{gap:.2rem 1.6rem}
.equip li{
  border:0;border-radius:0;padding:.15em 0 .15em 1.05em;position:relative;
  font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--encre);
}
.equip li::before{content:"";position:absolute;left:0;top:.82em;width:5px;height:5px;border-radius:50%;background:var(--laiton)}
.equip-bloc{border:0;border-top:1px solid var(--gris-clair);padding:1.8rem 0 0}

/* ---------- Galerie ---------- */
.galerie{gap:10px}
.galerie button:hover img{transform:scale(1.03)}
@media (max-width:900px){.galerie{gap:6px}}
.defil-nav{box-shadow:none}

/* ---------- Univers (pages intérieures) ---------- */
.branche__num,.branche__pastille,.branche__etat{display:none}
.branche{grid-template-columns:1fr}
.branche:hover{padding-left:0}

/* ---------- Citation ---------- */
.citation blockquote{font-weight:300;font-style:italic}

/* ---------- Bandeau final ---------- */
.cta-bande{padding:clamp(110px,15vw,200px) 0}
.cta-bande::after{background:linear-gradient(180deg,rgba(14,44,35,.72),rgba(14,44,35,.6))}
.cta-bande h2{font-size:clamp(2.4rem,5vw,4rem)}

/* ---------- Pied de page ---------- */
.logo-rond{width:clamp(120px,14vw,148px)}
.pied__grille{padding-bottom:3.6rem}
.pied li{font-size:.95rem}

/* ---------- Bouton WhatsApp : discret, aux couleurs de la maison ---------- */
.flottant-wa{
  background:var(--marque)!important;color:var(--logo-creme)!important;
  width:52px!important;height:52px!important;box-shadow:0 10px 30px -12px rgba(14,44,35,.6)!important;
}
.flottant-wa svg{width:24px;height:24px}

/* ---------- Encadrés ---------- */
.encart{border-left-width:1px}

/* =========================================================
   ACCUEIL — composants de la refonte (préfixe r-)
   ========================================================= */
.r-lien{margin-top:2rem}
.r-actions{display:flex;flex-wrap:wrap;gap:1.4rem 2rem;align-items:center;margin-top:2.4rem}
.r-actions--centre{justify-content:center}
.r-tete{max-width:720px;margin-bottom:clamp(2.6rem,5vw,4.4rem)}
.r-tete--centre{margin-inline:auto;text-align:center}

/* Bienvenue : texte et deux photos séparées, sur une grille de 12 colonnes */
.r-intro{padding-top:clamp(120px,14vw,200px)}
.r-intro__grille{
  display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2vw,28px);row-gap:clamp(40px,5vw,72px);
  align-items:start;
}
.r-intro__a{grid-column:1 / span 6;grid-row:1}
.r-intro__a img{aspect-ratio:4/5}
.r-intro__texte{grid-column:8 / span 5;grid-row:1;padding-top:clamp(0px,3vw,48px)}
.r-intro__texte h2{margin-bottom:.2em}
.r-intro__texte p:not(.kicker):not(.exergue):not(.r-lien){color:var(--gris)}
.r-intro__b{grid-column:8 / span 3;grid-row:2}
.r-intro__b img{aspect-ratio:3/4}
@media (max-width:900px){
  .r-intro__grille{grid-template-columns:repeat(6,1fr)}
  .r-intro__texte{grid-column:1 / -1;grid-row:1;padding-top:0}
  .r-intro__a{grid-column:1 / -1;grid-row:2}
  .r-intro__b{grid-column:4 / span 3;grid-row:3;margin-top:-28%}
}
@media (max-width:560px){
  .r-intro__a{grid-column:1 / -1}
  .r-intro__b{grid-column:2 / -1;margin-top:0}
}

/* Bungalows */
.r-bung__tete{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(2.6rem,5vw,4rem)}
.r-bung__intro .chapo{margin-bottom:1.6rem}
.r-prix{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem 1rem;margin:0;padding-top:1.4rem;border-top:1px solid var(--gris-clair)}
.r-prix__montant{font-family:var(--serif);font-size:clamp(2rem,3.4vw,2.6rem);font-weight:400;color:var(--marque);line-height:1}
.r-prix__unite{color:var(--gris);font-size:.95rem}
.r-large{margin:0 auto;max-width:1440px}
.r-large img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:center 60%}
.r-bung__details{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);margin-top:clamp(2.8rem,5vw,4.4rem);align-items:start}
.r-bung__equip h3{margin-bottom:1.2rem}
.r-liste{display:grid;grid-template-columns:1fr 1fr;column-gap:1.6rem;border-top:1px solid var(--gris-clair)}
.r-liste li{padding:.8rem 0;border-bottom:1px solid var(--gris-clair);font-size:.98rem}
.r-vignettes{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:clamp(14px,2vw,24px);justify-content:end}
.r-vignettes img{aspect-ratio:2/3}
@media (max-width:900px){
  .r-bung__tete,.r-bung__details{grid-template-columns:1fr}
  .r-large img{aspect-ratio:16/10}
  .r-vignettes{justify-content:start;grid-template-columns:repeat(3,1fr)}
}
@media (max-width:420px){.r-liste{grid-template-columns:1fr}}

/* Une journée ici */
.r-journee__grille{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3.4vw,52px)}
.r-moment .r-fig{margin-bottom:1.5rem;overflow:hidden}
.r-moment .r-fig img{aspect-ratio:4/5}
.r-moment:nth-child(2){margin-top:clamp(0px,6vw,96px)}
.r-moment h3{margin-bottom:.6rem}
.r-moment p:last-child{color:var(--gris);margin:0}
@media (max-width:900px){
  .r-journee__grille{grid-template-columns:1fr;gap:3.4rem}
  .r-moment:nth-child(2){margin-top:0}
  .r-moment .r-fig img{aspect-ratio:4/3}
}

/* Citation sur le lagon */
.r-panorama{position:relative;isolation:isolate;overflow:hidden;min-height:min(86svh,820px);display:flex;align-items:center;color:var(--creme)}
.r-panorama > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.r-panorama::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,44,35,.72) 0%,rgba(14,44,35,.38) 60%,rgba(14,44,35,.15) 100%)}
.r-panorama__citation{margin:0;max-width:820px;padding-block:clamp(90px,12vw,160px)}
.r-panorama__citation blockquote{
  margin:0 0 1.6rem;font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:clamp(1.9rem,4.2vw,3.4rem);line-height:1.22;color:var(--creme);
  text-shadow:0 1px 24px rgba(10,26,21,.35);
}
.r-panorama__citation figcaption{font-size:.95rem;font-weight:500;color:var(--laiton-clair)}

/* Univers Manini */
.r-univers__grille{display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,7vw,120px);align-items:center}
.r-univers .chapo{color:#C3D2CA}
.r-univers__bloc{margin-top:2.6rem;padding-top:1.8rem;border-top:1px solid rgba(251,248,243,.16)}
.r-univers__bloc h3{color:var(--creme);margin-bottom:.5rem}
.r-univers__bloc p{color:#B9C9C1;margin:0;max-width:52ch}
.r-baleines .r-fig img{aspect-ratio:4/5}
.r-baleines__corps{padding-top:1.6rem}
.r-baleines__corps .temps__heure{color:var(--laiton-clair)}
.r-baleines__corps h3{color:var(--creme);margin-bottom:.7rem}
.r-baleines__corps p{color:#B9C9C1}
@media (max-width:900px){.r-univers__grille{grid-template-columns:1fr}}

/* Y venir : le trajet, sur fond clair */
.r-venir .trajet-bloc{border-color:var(--gris-clair);background:transparent}
.r-venir .trajet__ville{font-weight:300}
.trajet__infos strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.1rem);color:var(--marque);letter-spacing:0;margin-bottom:.3rem}
.section--sombre .trajet__infos strong{color:var(--creme)}
.trajet__infos div{color:var(--gris)}

/* ---------- Ajustements ---------- */
.hero--accueil .hero__media img{object-position:center 30%}
.hero--accueil h1{font-size:clamp(2.6rem,5.2vw,4.9rem)}
.hero--accueil .hero__chapo{max-width:58ch;margin-bottom:1.9rem}
.hero--accueil .hero__contenu{padding-bottom:clamp(140px,18vh,190px)}
.hero--accueil::after{background:linear-gradient(180deg,rgba(14,44,35,.5) 0%,rgba(14,44,35,.05) 22%,rgba(14,44,35,.25) 45%,rgba(14,44,35,.86) 100%)}
@media (max-width:900px){.hero--accueil .hero__media img{object-position:30% 18%}}
@media (max-width:560px){
  .champ-resa{padding:.9rem 1rem}
  .champ-resa input[type=date],.champ-resa select{font-size:1.02rem}
  .hero--accueil .hero__contenu{padding-bottom:120px}
  .hero__feuille{width:26px;height:35px;margin-bottom:1.1rem}
}
.btn--wa{--bg:var(--marque);--bd:var(--marque);--fg:var(--creme)}
.btn--wa:hover{--bg:var(--marque-nuit);--bd:var(--marque-nuit);--fg:var(--creme)}

/* =========================================================
   PAGES INTÉRIEURES — même langage que l'accueil
   ========================================================= */
/* Héros : plus haut, la feuille du logo au-dessus du titre */
.hero--court{min-height:86svh}
.hero--court .hero__contenu{padding-bottom:clamp(80px,12vh,140px)}
.hero--court .hero__feuille{margin-bottom:1.2rem}
@media (prefers-reduced-motion:no-preference){
  .hero--court .hero__feuille,.hero--court .kicker,.hero--court h1,.hero--court .hero__chapo{animation:monter 1.1s cubic-bezier(.22,.61,.36,1) both}
  .hero--court h1{animation-delay:.15s}
  .hero--court .hero__chapo{animation-delay:.3s}
}
@media (max-width:560px){.hero--court{min-height:78svh}}

/* Image + texte : composition asymétrique, la photo domine */
.duo{grid-template-columns:7fr 5fr;gap:clamp(2.4rem,7vw,7rem)}
.duo--inverse{grid-template-columns:5fr 7fr}
.duo > div:not(.duo__media) > p:not(.kicker):not(.exergue):not(.chapo){color:var(--gris)}
@media (max-width:880px){.duo,.duo--inverse{grid-template-columns:1fr}}

/* Cartes avec photo : photos verticales, la carte du milieu décalée */
.grille-3 > .carte .carte__media{aspect-ratio:4/5}
.grille-3 > .carte .carte__corps h3{margin-bottom:.2rem}
@media (min-width:1001px){.grille-3 > .carte:nth-child(3n+2):has(.carte__media){margin-top:clamp(0px,6vw,96px)}}
/* Cartes sans photo (principes) : un simple filet au-dessus */
.carte:not(:has(.carte__media)){border-top:1px solid var(--gris-clair)}
.section--sombre .carte:not(:has(.carte__media)){border-top-color:rgba(251,248,243,.18)}
.carte:not(:has(.carte__media)) .carte__corps{padding:1.8rem 0 0}

/* Bandeau de titre des pages pratiques */
.page-titre{padding:clamp(64px,8vw,116px) 0 clamp(56px,7vw,96px)}
.page-titre h1{font-weight:300;font-size:clamp(2.6rem,5.4vw,4.4rem)}

/* Encadré tarif (bungalows) : sans boîte ni ombre */
.tarif-carte{box-shadow:none!important;border:0!important;border-top:1px solid var(--gris-clair)!important;border-bottom:1px solid var(--gris-clair)!important;background:transparent!important}
.section--sombre .duo > div:not(.duo__media) > p:not(.kicker):not(.exergue):not(.chapo){color:#C3D2CA}

/* =========================================================
   BUNGALOWS ET À PROPOS — composants partagés avec l'accueil
   ========================================================= */
/* Bloc image + texte, image à droite */
.r-intro--inverse .r-intro__texte{grid-column:1 / span 5}
.r-intro--inverse .r-intro__a{grid-column:7 / span 6}
@media (max-width:900px){
  .r-intro--inverse .r-intro__texte{grid-column:1 / -1}
  .r-intro--inverse .r-intro__a{grid-column:1 / -1}
}

/* Points : petits titres + paragraphe, sur trois colonnes, filet au-dessus */
.r-points{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3.4vw,52px);margin-top:clamp(3.4rem,7vw,6rem)}
.r-tete + .r-points{margin-top:0}
.r-point{border-top:1px solid var(--gris-clair);padding-top:1.4rem}
.r-point h3{margin-bottom:.5rem}
.r-point p{color:var(--gris);margin:0}
@media (max-width:900px){.r-points{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.r-points{grid-template-columns:1fr}}

/* Photo pleine largeur entre deux sections */
.r-large--plein{max-width:none}
.r-large--plein img{aspect-ratio:21/8;object-position:center 45%}
@media (max-width:900px){.r-large--plein img{aspect-ratio:4/3}}

/* Équipements : trois listes à filets */
.r-equip3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3.4vw,52px);margin-top:clamp(2.8rem,5vw,4rem)}
.r-equip3 h3{margin-bottom:1rem}
.r-liste--1{grid-template-columns:1fr}
@media (max-width:900px){.r-equip3{grid-template-columns:1fr}}
#equipements .galerie-defil button{width:clamp(180px,22vw,260px)}

/* Tarif : le tableau en pleine largeur de colonne */
.r-tarif{max-width:880px;margin-left:auto}
.r-tarif .r-actions{margin-top:2.4rem}
@media (max-width:900px){.r-tarif{margin-left:0}}

/* Emblème */
.r-embleme{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,6vw,96px);align-items:center;max-width:980px}
.r-embleme img{width:clamp(180px,22vw,260px);height:auto;border-radius:50%}
.r-embleme .exergue{font-size:clamp(1.5rem,2.8vw,2.2rem);margin:0}
@media (max-width:640px){.r-embleme{grid-template-columns:1fr;justify-items:center;text-align:center}}

/* Univers : plusieurs blocs à la suite */
.r-univers__bloc + .r-univers__bloc{margin-top:1.8rem}

/* Univers (À propos) : la carte baleines à droite sur ordinateur, juste après Fare Manini sur mobile */
.r-univers__grille--3{grid-template-columns:6fr 5fr;grid-template-areas:"intro carte" "suite carte";align-items:start;row-gap:0}
.r-univers__grille--3 .r-univers__texte{grid-area:intro}
.r-univers__grille--3 .r-baleines{grid-area:carte;align-self:center}
.r-univers__grille--3 .r-univers__suite{grid-area:suite}
.r-univers__suite .r-univers__bloc:first-child{margin-top:1.8rem}
@media (max-width:900px){
  .r-univers__grille--3{grid-template-columns:1fr;grid-template-areas:"intro" "carte" "suite";row-gap:2.6rem}
}

/* Équipements : listes compactes sur tablette et mobile */
@media (max-width:900px){
  .r-equip3{gap:1.8rem}
  .r-equip3 h3{margin-bottom:.5rem;font-size:1.3rem}
  .r-liste--1{grid-template-columns:1fr 1fr;column-gap:1rem}
  .r-liste--1 li{padding:.45rem 0;font-size:.9rem;line-height:1.35}
}