/* Lilou by Marie — feuille de style du site public
   Palette et composants issus de la maquette validée. */

@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-display-latin-wght-normal.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-display-latin-wght-italic.woff2') format('woff2');font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'La Belle Aurore';src:url('../fonts/la-belle-aurore-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root{
  --ivoire:#F8F5F1;
  --peche:#F6E3DF;
  --peche-clair:#FBEEEA;
  --mauve:#E8C7D2;
  --mauve-clair:#F2DCE3;
  --lin:#E7DCD2;
  --framboise:#C95B82;
  --framboise-profond:#A9446C;
  --framboise-survol:#8A3558;
  --prune:#393439;
  --prune-doux:#4A424A;
  --gris-doux:#5E565E;
  --filet:#E9D8D2;
  --encre:#4A4468;
  --marge:clamp(20px,5.3vw,72px);
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --main:'La Belle Aurore','Segoe Print','Bradley Hand',cursive;
  --script:'Cormorant Garamond','Playfair Display',Georgia,serif;
  --h-entete:101px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--h-entete) + 12px)}
body{margin:0;background:var(--ivoire);color:var(--prune);font-family:var(--sans);font-size:17px;line-height:1.65;overflow-x:hidden;overflow-x:clip}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%;height:auto}
a{color:var(--framboise-profond)}
a:hover{color:var(--prune)}
:focus-visible{outline:3px solid var(--prune);outline-offset:3px}
.serif{font-family:var(--serif)}
.main{font-family:var(--main);font-weight:400}
.vide{color:var(--gris-doux);font-style:italic}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--prune);color:#fff;padding:10px 16px;border-radius:6px;z-index:100}
.skip:focus{left:8px}

.wrap{max-width:calc(1216px + 2 * 72px);margin-inline:auto;padding-inline:var(--marge)}
.section{padding-block:0 clamp(64px,8vw,104px)}
.section--tete{padding-top:clamp(40px,5vw,64px)}

/* ---------- Titres ---------- */
.h1{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.6vw,60px);line-height:1.1;letter-spacing:-0.01em}
.h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.4vw,42px);line-height:1.14;letter-spacing:-0.01em}
.h3{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2vw,26px);line-height:1.25}
.chapeau{font-size:clamp(17px,1.5vw,19px);max-width:46ch}
.date{font-size:13px;font-weight:600;color:var(--framboise-profond)}

/* ---------- Boutons ---------- */
.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:999px;font:600 15px/1.2 var(--sans);letter-spacing:.02em;text-decoration:none;border:2px solid var(--framboise-profond);cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease,translate .25s ease}
.btn:hover,.btn2:hover{translate:0 -2px}
.btn{background:var(--framboise-profond);color:#fff}
.btn:hover{background:var(--framboise-survol);border-color:var(--framboise-survol);color:#fff}
.btn2{background:transparent;color:var(--prune);border-color:var(--prune)}
.btn2:hover{background:var(--prune);color:var(--ivoire)}
.btn--petit{min-height:44px;padding:0 20px}
.btn--sombre{background:var(--prune);border-color:var(--prune)}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.lien{font-weight:600;font-size:15px}

/* ---------- En-tête ---------- */
.entete{border-bottom:1px solid #EADFD6;background:var(--ivoire);position:sticky;top:0;z-index:40;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.entete--cache{transform:translateY(-101%)}
.entete--ombre{box-shadow:0 10px 26px rgba(57,52,57,.09)}
.entete:focus-within{transform:none}
.entete__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:12px}
.logo{display:block;line-height:0}
.logo img{width:76px;height:auto;display:block}
.nav ul{display:flex;flex-wrap:wrap;gap:6px 26px}
.nav a{display:inline-block;color:var(--prune);text-decoration:none;font-weight:500;font-size:15px;padding:10px 2px;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--framboise)}
.nav__admin a{display:inline-flex;align-items:center;gap:8px;color:var(--prune-doux);opacity:.75}
.nav__admin a:hover{opacity:1}
.nav__admin span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.entete__actions{display:flex;gap:10px}
.burger{display:none;width:48px;height:48px;border-radius:50%;border:2px solid var(--prune);background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}
.burger span{display:block;width:20px;height:2px;background:var(--prune)}

/* ---------- Panneau + photo en fondu ---------- */
.split{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--cols,minmax(0,1fr) minmax(0,1fr))}
.feuille{position:absolute;inset:0;z-index:-2;background:var(--peche);clip-path:polygon(1.2% 3%,0.4% 12%,1% 26%,0.2% 42%,0.9% 58%,0.3% 74%,1% 88%,1.8% 100%,100% 100%,100% 0,3% 0)}
.feuille--dessous{z-index:-3;background:var(--peche-clair);inset:-10px 50% auto -8px;height:56%;clip-path:polygon(0 14%,3% 0,100% 2%,98% 100%,4% 97%,0.6% 62%)}
.feuille--droite{clip-path:none;border-radius:4px}
.feuille--mauve{background:var(--mauve)}
.split__txt{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(36px,4.4vw,56px) 24px clamp(36px,4.4vw,56px) clamp(28px,5vw,64px)}
.split__photo{position:relative;min-height:var(--haut,400px)}
.fondu{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.45) 12%,#000 38%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.45) 12%,#000 38%)}
.fondu img,.fondu picture,.fondu .vide-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fondu--voile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(0deg,rgba(57,52,57,.62),rgba(57,52,57,0))}
.split--carte{--cols:minmax(0,52fr) minmax(0,48fr);--haut:400px}
.split--carte .split__txt{padding:48px 8px 48px 52px}
.split--carte .split__txt p{max-width:290px;font-size:15px}
.legende-photo{position:absolute;right:28px;bottom:22px;z-index:2;color:#fff;font-family:var(--main);font-size:30px;line-height:1.15;text-align:right;transform:rotate(-3deg);text-shadow:0 1px 6px rgba(57,52,57,.5);margin:0}
.attente{position:absolute;inset:36px 28px 36px 70px;border:2px dashed #C9A39F;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:14px;line-height:1.5;color:#5E4B4B}
.fond-attente{background:#EFE2DB}

/* ---------- Accueil : accès direct aux nouveautés ---------- */
.etiquette{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;max-width:min(100%,560px);margin-top:clamp(36px,3.6vw,56px);padding:14px 16px 14px 44px;background:#FBEEEA;border:1.5px solid #E8C7D2;border-radius:8px 18px 18px 8px;box-shadow:0 10px 26px rgba(169,68,108,.14);transform-origin:12px 50%}
.etiquette::before{content:"";position:absolute;left:14px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--ivoire);box-shadow:inset 0 1px 2px rgba(57,52,57,.28);border:1.5px solid #E8C7D2}
.etiquette__icone{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--framboise);border:1.5px solid #EBD5DB}
.etiquette__txt{display:flex;flex-direction:column;gap:2px;flex:1 1 200px;min-width:0;line-height:1.3}
.etiquette__txt strong{font-family:var(--serif);font-size:clamp(17px,1.25vw,21px);font-weight:500;color:var(--prune)}
.etiquette__txt span{font-size:clamp(13px,.95vw,15px);color:var(--prune-doux)}
.hero__txt .etiquette__btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding-inline:22px;font-size:clamp(13.5px,.95vw,16px);text-transform:uppercase;letter-spacing:.05em;background:var(--ivoire);color:#6B2D4A;border:2px solid var(--framboise-profond);box-shadow:0 0 0 3px rgba(201,91,130,.14)}
.hero__txt .etiquette__btn svg{color:var(--framboise);transition:translate .3s ease}
.hero__txt .etiquette__btn:hover{background:#fff;color:var(--framboise-survol);border-color:var(--framboise-survol)}
.hero__txt .etiquette__btn:hover svg{translate:4px 0}
.news{padding-top:clamp(56px,6vw,84px);padding-bottom:clamp(40px,4vw,64px);scroll-margin-top:calc(var(--h-entete) + 8px)}
.news__tete h2{text-wrap:balance}
.news__tete{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:28px}
.news__liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.news__carte{display:flex;flex-direction:column;background:#fff;border-radius:6px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 8px 22px rgba(57,52,57,.07);transition:translate .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.news__carte:hover{translate:0 -6px;box-shadow:0 18px 34px rgba(57,52,57,.13)}
.news__photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--peche)}
.news__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.news__carte:hover .news__photo img{transform:scale(1.05)}
.news__badge{position:absolute;left:12px;top:12px;padding:5px 11px;border-radius:999px;background:var(--framboise-profond);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.news__corps{padding:16px 18px 20px}
.news__meta{display:block;font-size:13px;color:var(--prune-doux)}
.news__titre{display:block;margin-top:6px;font-family:var(--serif);font-size:20px;line-height:1.25;color:var(--prune)}
.news__aide{margin-top:16px;font-size:14px;color:var(--prune-doux);font-style:italic}
@media (max-width:1000px){.news__liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .news__liste{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:14px;margin-inline:calc(var(--marge) * -1);padding-inline:var(--marge);scroll-padding-inline:var(--marge)}
  .news__carte{scroll-snap-align:start}
}

/* ---------- Accueil : héros ---------- */
.hero{--p:0;position:relative;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);min-height:max(560px,calc(100svh - var(--h-entete)));isolation:isolate;z-index:0;background:var(--ivoire)}
.hero__txt{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(48px,7vh,110px) clamp(24px,3.6vw,88px) clamp(48px,7vh,110px) clamp(var(--marge),6.5vw,170px);opacity:calc(1 - var(--p) * .85)}
.hero__txt .h1{font-size:clamp(38px,4.3vw,96px);line-height:1.06}
.hero__txt .h1 em{font-weight:400}
.hero__txt .chapeau{margin-top:clamp(20px,2.4vw,40px);font-size:clamp(17px,1.5vw,28px);max-width:34em}
.hero__txt .actions{margin-top:clamp(28px,3vw,52px);gap:clamp(10px,.8vw,16px)}
.hero__txt .btn,.hero__txt .btn2{min-height:clamp(48px,3.1vw,64px);padding-inline:clamp(18px,1.45vw,34px);font-size:clamp(14px,.98vw,19px);white-space:nowrap}
.hero__photo{position:relative;overflow:hidden}
.hero__photo .fondu{transform-origin:62% 40%;transform:scale(calc(1 + var(--p) * .06));filter:brightness(calc(1 - var(--p) * .22))}
/* Effet rideau : la photo reste en place, la suite de l'accueil glisse par-dessus */
@media (min-width:1000px) and (min-height:700px){.hero{position:sticky;top:0}}
.suite{position:relative;z-index:2;padding-top:50px;background:var(--ivoire);box-shadow:0 -26px 52px -26px rgba(57,52,57,.24)}
.note-wrap{filter:drop-shadow(0 3px 7px rgba(57,52,57,.16))}
.note{background:#FDF8F3;padding:14px 18px 20px;clip-path:polygon(0 0,100% 0,100% 86%,95% 89%,97% 100%,0 100%)}
.note p{font-family:var(--main);font-size:21px;line-height:1.3}
.hero .note-wrap{position:absolute;right:40px;bottom:36px;width:176px;transform:rotate(-2deg);z-index:3}
.note-wrap--grande{filter:drop-shadow(0 8px 14px rgba(57,52,57,.22))}
.note-wrap--grande .note{padding:28px 34px 36px}
.note-wrap--grande .note p{font-size:clamp(26px,2.6vw,34px)}

/* ---------- Atouts ---------- */
.atouts{border-block:1px solid var(--filet);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.atout{display:flex;align-items:center;gap:16px;padding:30px 28px;border-left:1px solid var(--filet);font-size:15px;line-height:1.5;font-weight:500}
.atout:first-child{border-left:0;padding-left:0}
.atout svg{flex:0 0 40px}

/* ---------- Philosophie ---------- */
.philo{padding-block:clamp(64px,8vw,104px) clamp(56px,7vw,96px)}
.philo__phrase{max-width:860px;font-family:var(--serif);font-size:clamp(26px,3vw,38px);line-height:1.3}
.philo__suite{margin-top:22px;max-width:560px;color:var(--prune-doux)}

/* ---------- Carnet de découvertes ---------- */
.carnet{position:relative;isolation:isolate;min-height:300px;padding:56px clamp(24px,5.3vw,72px);display:flex;align-items:center}
.carnet__dos{position:absolute;z-index:-3;right:-18px;top:-28px;width:34%;bottom:10%;background:#DDB4C6;border-radius:3px;transform:rotate(1.3deg)}
.carnet__dos--gauche{right:auto;left:-20px;top:18%;bottom:-24px;width:30%;transform:rotate(-1.2deg)}
.carnet__txt{max-width:min(560px,56%)}
.carnet__txt .titre{display:block;font-family:var(--script);font-weight:500;font-style:italic;font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:.004em;color:#3F373F}
.carnet__txt .titre .coeur{display:inline-block;width:.62em;height:.62em;margin-left:.3em;vertical-align:.08em;transform:rotate(6deg)}
.carnet__txt ul{margin-top:24px;display:flex;flex-direction:column;gap:2px}
.carnet__txt li{position:relative;padding-left:22px;font-family:var(--script);font-style:italic;font-weight:400;font-size:clamp(22px,1.9vw,28px);line-height:1.4;color:#4A404A}
.carnet__txt li::before{content:"·";position:absolute;left:6px;font-style:normal;font-weight:700}
.carnet__txt li::after{content:"";display:inline-block;width:26px;height:1px;background:#C79DB0;margin-left:14px;vertical-align:middle}
.carnet__txt .actions{margin-top:30px}
/* La photo posée dépasse du bandeau en haut et en bas */
.carnet .polaroid{--rot:4deg;position:absolute;right:clamp(28px,7vw,110px);top:-40px;bottom:-36px;width:min(310px,31%)}
.carnet .polaroid__in{height:100%;display:flex;flex-direction:column}
.carnet .polaroid__cadre{position:relative;flex:1 1 auto;min-height:0}
.carnet .polaroid__cadre img{position:absolute;inset:12px 12px 0;width:calc(100% - 24px);height:calc(100% - 12px);aspect-ratio:auto}
.section--carnet{padding-top:72px;padding-bottom:64px}

.sans-coupure{white-space:nowrap}
.coeur{overflow:visible}
.coeur path{stroke-dasharray:1;stroke-dashoffset:0}

/* ---------- Polaroïd : la légende fait partie de la photo ---------- */
.polaroid{--rot:2.5deg;position:relative;transform:rotate(var(--rot));filter:drop-shadow(0 16px 26px rgba(57,52,57,.32))}
.polaroid__in{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.polaroid:hover .polaroid__in{transform:translateY(-8px) rotate(-1.4deg)}
.polaroid__cadre{background:#fff;padding:12px 12px 0}
.polaroid__cadre img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.polaroid__legende{position:relative;margin:0;padding:14px 16px 24px;background:#fff;text-align:center;font-family:var(--main);font-size:clamp(23px,1.8vw,27px);line-height:1.3;color:var(--encre)}
.polaroid__legende .coeur{display:inline-block;width:1.05em;height:1.05em;margin-left:.25em;vertical-align:-.2em}

/* ---------- Cartes ---------- */
.cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:32px}
.carte{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 8px 22px rgba(57,52,57,.07);transition:translate .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.carte:hover{translate:0 -6px;box-shadow:0 18px 34px rgba(57,52,57,.13)}
.carte__photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.carte:hover .carte__photo{transform:scale(1.045)}
.carte__corps{padding:22px 24px 26px}
.carte__corps p{margin-top:8px;font-size:15px;color:var(--prune-doux)}
.carte__corps .lien{display:inline-block;margin-top:14px}
.entete-section{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px;margin-bottom:36px}
.exemple{display:inline-block;margin-top:10px;font-size:12px;color:var(--gris-doux);font-style:italic}

/* ---------- Deux cartes en fondu ---------- */
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,540px),1fr));gap:36px}

/* ---------- Actualités / vidéos ---------- */
.actus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.actus--seul{grid-template-columns:minmax(0,760px)}
.actu{border-top:1px solid var(--filet);padding:24px 0}
.actu:last-child{border-bottom:1px solid var(--filet)}
.actu p{margin-top:8px;color:var(--prune-doux)}
.actu .date{display:block}
.actu .h3{margin-top:4px}

.video{position:relative;background:var(--prune);border-radius:6px;overflow:hidden}
.video img,.video video{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.video--large img,.video--large video{aspect-ratio:16/9}
.video__lire{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--framboise-profond);border:3px solid var(--ivoire);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.video__lire:hover{background:var(--framboise-survol)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__duree{position:absolute;right:12px;bottom:10px;background:var(--prune);color:var(--ivoire);font-size:12px;padding:1px 10px;border-radius:999px}

/* ---------- Avis ---------- */
.avis{border:1px dashed #D8B5B0;border-radius:8px;padding:44px 40px;text-align:center}
.avis p{margin:12px auto 0;max-width:620px;font-size:16px;color:var(--prune-doux)}
.avis-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px}
.avis-liste blockquote{margin:0;background:#fff;border-radius:6px;padding:28px;box-shadow:0 8px 22px rgba(57,52,57,.07)}
.avis-liste cite{display:block;margin-top:12px;font-style:normal;font-weight:600;font-size:14px}

/* ---------- Informations pratiques ---------- */
.infos .split__txt{max-width:560px}
.infos dl{margin:22px 0 0;display:grid;gap:6px;font-size:16px}
.infos dt{display:inline;font-weight:600}
.infos dd{display:inline;margin:0}
.infos .actions{margin-top:28px}

/* ---------- Pied de page ---------- */
.pied{background:#F3E3DF;padding:56px 0 32px;margin-top:0}
.pied__grille{display:flex;flex-wrap:wrap;gap:36px 72px;justify-content:space-between}
.pied__marque{flex:1 1 260px;max-width:340px}
.pied__marque img{width:84px;height:auto;display:block}
.pied__marque p{margin-top:14px;font-size:15px;color:var(--prune-doux)}
.pied__col{flex:0 1 220px;font-size:15px}
.pied__col .serif{font-size:20px;margin-bottom:10px;display:block}
.pied__col ul{display:flex;flex-direction:column;gap:6px}
.pied__col a{color:var(--prune)}
.pied__col a.accent{color:var(--framboise-profond);font-weight:600}
.pied__bas{margin-top:36px;padding-top:20px;border-top:1px solid #E3C9C4;font-size:13px;color:var(--gris-doux)}

/* ---------- Pages intérieures ---------- */
.tete-page{padding-block:clamp(40px,5vw,56px) clamp(48px,6vw,88px)}
.colonnes3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--filet);margin-top:44px}
.colonne3{padding:36px 40px 0}
.colonne3:first-child{padding-left:0}
.colonne3:last-child{padding-right:0}
.colonne3+.colonne3{border-left:1px solid var(--filet)}
.colonne3 svg{display:block}
.colonne3 .h3{margin-top:16px;font-size:clamp(22px,2.2vw,28px)}
.colonne3 p{margin-top:10px;font-size:16px;color:var(--prune-doux)}
.faq{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:72px;align-items:start}
.faq dl{margin:0}
.faq .q{border-top:1px solid var(--filet);padding:22px 0}
.faq .q:last-child{border-bottom:1px solid var(--filet)}
.faq dt{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.3}
.faq dd{margin:6px 0 0;font-size:15px;color:var(--prune-doux)}
.appel{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;padding:60px clamp(24px,5.3vw,72px)}
.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px;align-items:end}
.galerie figure img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}
.galerie figure{aspect-ratio:3/4}
.galerie figure:nth-child(3n+2){aspect-ratio:4/5}
.galerie figcaption{margin-top:8px;font-size:14px;color:var(--prune-doux)}
.espace-attente{border:2px dashed #C9A39F;border-radius:6px;background:#EFE2DB;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:14px;color:#5E4B4B;aspect-ratio:3/4}

.filtres{display:flex;gap:10px;flex-wrap:wrap}
.filtre{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:2px solid var(--prune);color:var(--prune);font-weight:600;font-size:14px;text-decoration:none}
.filtre:hover{background:var(--prune);color:var(--ivoire)}
.filtre[aria-current="true"]{background:var(--prune);color:var(--ivoire)}

.pub{margin-top:clamp(48px,6vw,72px)}
.pub__poste{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(32px,6vw,72px);align-items:center}
.pub__poste .polaroid{--rot:-2deg;margin-left:16px}
.pub__txt{max-width:640px}
.pub__txt .h2{margin-top:6px;font-size:clamp(28px,3vw,38px)}
.pub__txt p.texte{margin-top:14px}
.pub__trio{display:flex;gap:24px;margin-top:26px;align-items:flex-end}
.pub__trio img{flex:1;min-width:0;object-fit:cover;border-radius:6px;display:block;height:300px}
.pub__trio img:nth-child(2){height:260px}
.pub__note{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;align-items:center}
.pub__note .note-wrap{transform:rotate(-2deg);margin-left:12px}

.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,72px)}
.contact dl{margin:24px 0 0;display:grid;gap:18px}
.contact dt{font-weight:600;font-size:14px;color:var(--framboise-profond)}
.contact dd{margin:2px 0 0;font-size:18px}
.contact .photo{border-radius:6px;overflow:hidden}
.contact .photo img{display:block;width:100%;height:100%;object-fit:cover}
.page-erreur{text-align:center;padding-block:clamp(72px,10vw,140px)}

/* ---------- Barre d'appel (téléphone) ---------- */
.barre-mobile{display:none}

/* ---------- Téléphone et tablette ---------- */
@media (max-width:1340px){
  .entete__in{flex-wrap:nowrap}
  .logo img{width:60px}
  .entete__actions{order:1;margin-left:auto}
  .burger{display:inline-flex;order:2}
  .js .nav{display:none;flex-basis:100%;order:3}
  .js .nav.ouvert{display:block;padding-bottom:12px}
  .nav ul{flex-direction:column;gap:0}
  .js .entete__in{flex-wrap:wrap}
  .nav a{font-family:var(--serif);font-size:26px;padding:12px 0;min-height:48px;width:100%;border-bottom:1px dashed #D8B5B0}
  .nav a[aria-current="page"]{border-bottom-color:var(--framboise)}
  .nav__admin a{font-size:20px;opacity:.8}
  .nav__admin span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}
@media (min-width:1341px){
  .entete__in{gap:12px 18px}
  .nav ul{gap:6px 18px}
  .nav a{font-size:14.5px}
  .entete__actions .btn--petit{padding-inline:18px}
}
@media (max-width:1000px){
  .atouts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atout:nth-child(odd){border-left:0;padding-left:0}
  .atout:nth-child(n+3){border-top:1px solid var(--filet)}
  .actus{grid-template-columns:minmax(0,1fr);gap:36px}
  .faq{grid-template-columns:minmax(0,1fr);gap:36px}
  .contact{grid-template-columns:minmax(0,1fr)}
  .carnet .polaroid{width:min(270px,36%)}
  .carnet__txt{max-width:50%}
  .carnet__txt li{font-size:21px}
  .carnet__txt li::after{display:none}
}
@media (max-width:760px){
  body{font-size:16px}
  .entete__actions{display:none}

  .split{grid-template-columns:minmax(0,1fr)}
  .split__photo{order:-1;min-height:280px}
  .split__txt{padding:28px 28px 36px}
  .split--carte{--haut:300px}
  .split--carte .split__txt{padding:28px 28px 36px}
  .split--carte .split__txt p{max-width:none}
  .fondu{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
  .fondu--voile::after{display:none}
  .attente{inset:24px 24px 56px}
  .legende-photo{font-size:24px;right:20px;bottom:14px;color:var(--prune);text-shadow:none}

  .hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero__photo{order:-1;min-height:330px}
  .hero__photo .fondu{-webkit-mask-image:linear-gradient(180deg,#000 52%,rgba(0,0,0,.4) 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 52%,rgba(0,0,0,.4) 82%,transparent 100%)}
  .hero__txt{padding:8px var(--marge) 44px;max-width:none}
  .hero .note-wrap{width:146px;right:16px;bottom:44px}
  .hero .note{padding:11px 14px 16px}
  .hero .note p{font-size:17px}
  .hero__txt .actions{flex-direction:column;flex-wrap:nowrap;align-self:stretch}
  .hero__txt .actions .btn,.hero__txt .actions .btn2{flex:0 0 auto;width:100%}
  .etiquette{align-self:stretch;max-width:none}
  .hero__txt .etiquette__btn{width:100%;justify-content:center}

  .carnet{display:block;padding:44px 22px 0;margin-bottom:96px}
  .carnet__dos{display:none}
  .carnet__txt{max-width:none}
  .carnet .polaroid{position:relative;right:auto;top:auto;bottom:auto;width:250px;height:auto;margin:30px auto -74px}
  .carnet .polaroid__in{display:block;height:auto}
  .carnet .polaroid__cadre{position:static}
  .carnet .polaroid__cadre img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:4/5}
  .section--carnet{padding-top:32px;padding-bottom:0}

  .atout,.atout:nth-child(odd){flex-direction:column;align-items:flex-start;gap:8px;padding:20px 12px 20px 0;font-size:13px}
  .atout:nth-child(even){padding-left:14px}
  .atout svg{width:32px;height:32px;flex:0 0 auto}
  .colonnes3{grid-template-columns:minmax(0,1fr)}
  .colonne3,.colonne3:first-child,.colonne3:last-child{padding:28px 0 0;border-left:0}
  .colonne3+.colonne3{border-left:0}
  .pub__poste,.pub__note{grid-template-columns:minmax(0,1fr)}
  .pub__poste .polaroid{width:260px;margin:0 auto}
  .pub__trio{flex-direction:column;align-items:stretch}
  .pub__trio img,.pub__trio img:nth-child(2){height:240px}
  .avis{padding:32px 20px}
  .actions .btn,.actions .btn2{flex:1 1 100%}

  .barre-mobile{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px;background:var(--ivoire);border-top:1px solid #EADFD6}
  .barre-mobile a{flex:1;min-height:48px}
  .pied{padding-bottom:96px}
}
/* ---------- Animations discrètes ---------- */
@media (prefers-reduced-motion:no-preference){
  @keyframes montee{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  @keyframes photo-entree{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}
  @keyframes note-pose{from{opacity:0;transform:translateY(-16px) rotate(-9deg)}to{opacity:1;transform:rotate(-2deg)}}
  @keyframes trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
  @keyframes battement{0%,100%{scale:1}30%{scale:1.22}60%{scale:1.06}}
  .hero__txt>*{animation:montee .95s cubic-bezier(.2,.7,.2,1) both}
  .hero__txt>:nth-child(2){animation-delay:.14s}
  .hero__txt>:nth-child(3){animation-delay:.28s}
  @keyframes onde{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.9);opacity:0}}
  @keyframes glisse{0%{opacity:0;transform:translateX(70vw) rotate(5deg)}60%{opacity:1;transform:translateX(-16px) rotate(-1.5deg)}80%{transform:translateX(6px) rotate(.8deg)}100%{opacity:1;transform:none}}
  @keyframes balance{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.1deg)}}
  .etiquette{animation:glisse 1.5s 1.7s cubic-bezier(.22,.8,.26,1) both,balance 5s 3.4s ease-in-out infinite}
  .hero__photo .fondu img{animation:photo-entree 1.6s cubic-bezier(.2,.7,.2,1) both}
  .hero .note-wrap{animation:note-pose 1s 1.2s cubic-bezier(.2,.9,.3,1.2) both}

  /* Apparition au défilement (le script ajoute la classe .vu quand l'élément entre à l'écran) */
  .js :is(.news__tete,.news__carte,.philo__phrase,.philo__suite,.entete-section,.carte,.duo .split,.infos,.carnet__txt,.actu,.actus .video,.avis,.avis-liste blockquote,.tete-page,.colonne3,.faq>div:first-child,.faq .q,.galerie figure,.pub__txt,.pub__trio,.pub .split,.pub .video,.appel,.atouts){opacity:0;transform:translateY(18px);transition:opacity .85s ease var(--d,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
  .js .polaroid{opacity:0;transform:translateY(-44px) rotate(calc(var(--rot) + 10deg));transition:opacity .6s ease var(--d,0s),transform 1.25s cubic-bezier(.2,.9,.3,1.25) var(--d,0s)}
  .js .vu{opacity:1!important;transform:none!important}
  .js .polaroid.vu{transform:rotate(var(--rot))!important}
  .js .fini{transition:translate .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease!important}
  .js .coeur path{stroke-dashoffset:1}
  .js .vu .coeur path{animation:trace 1.1s .55s cubic-bezier(.4,0,.2,1) forwards}
  .js .vu .coeur{animation:battement .9s 1.7s ease-in-out 1}
  .js .split.vu .fondu{animation:photo-entree 1.4s .15s cubic-bezier(.2,.7,.2,1) both}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hero{position:relative!important}}
@media print{.entete__actions,.burger,.barre-mobile{display:none}}