/* ═══════════════════════════════════════════════════════════════
   accueil.css — La Pousterle de Sabran
   Style de l'accueil (maquette A validée le 25/09/2026) partagé par
   les pages intérieures : nav, menu mobile, hero, sur-titres, bandeaux
   verts numérotés, cartes, tarifs, avis, FAQ, contact, pied de page.
   Ordre de chargement : common.css → accueil.css → polish.css.
   Réglages propres à une page (cadrage photo…) : en ligne dans la page.
   ═══════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-padding-top:84px}
img{image-orientation:from-image;max-width:100%}
.no-js [data-reveal]{opacity:1!important;transform:none!important}

/* ════ PALETTE — identique à l'accueil ════ */
:root{
  --blanc:#FFFFFF;
  --papier:#FBF9F5;
  --sable:#F7F3EC;
  --sable-md:#EDE6D8;   /* pierre */
  --sable-dk:#D9CFC0;
  --vert:#3D5C38;
  --foret:#26391F;
  --vert-lt:#6B8F65;
  --vert-xs:#B8CEAE;
  --terre:#8C6D46;
  --or:#C9A96E;
  --encre:#1A1814;
  --texte:#2E2B25;
  --texte-lt:#736B5E;
  --fd:'Cormorant Garamond', Georgia, serif;
  --fb:'Jost', sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --r:8px;
  --border:1px solid var(--sable-dk);
  --nav-h:clamp(68px,10vw,80px);
}
body{font-family:var(--fb);background:var(--blanc);color:var(--texte);overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
a{color:inherit}
h2,h3{text-wrap:balance}
.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:11px 16px;background:var(--vert);color:#fff;font-family:var(--fb);font-size:14px;border-radius:4px;text-decoration:none;transition:top .2s}
.skip-link:focus{top:8px}

/* Barre de progression */
.prog{position:fixed;top:calc(var(--nav-h) - 2px);left:0;right:0;z-index:48;height:2px;pointer-events:none}
.prog-f{height:100%;background:linear-gradient(90deg,var(--vert-lt),var(--vert-xs));width:0%}

/* ════ NAV (accueil) ════ */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);background:#fff;
  display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,5vw,52px);
  box-shadow:0 1px 0 rgba(0,0,0,.04);border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:box-shadow .4s}
.nav.scrolled{box-shadow:0 4px 24px rgba(30,28,20,.06)}
.nav-logo-wrap{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.nav-logo{height:calc(var(--nav-h) - 8px);width:auto;mix-blend-mode:multiply}
.nav-r{display:flex;align-items:center;gap:clamp(8px,1.5vw,16px);flex-shrink:0}
.nav-links{display:none;list-style:none;gap:clamp(16px,1.8vw,26px)}
.nav-links li{position:relative;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--texte-lt);white-space:nowrap;font-weight:400}
.nav-links li a{color:inherit;text-decoration:none;display:block;padding:12px 0}
.nav-links li::after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:0;height:1.5px;background:var(--vert);transition:width .35s cubic-bezier(.4,0,.2,1);border-radius:1px}
.nav-links li.is-current{color:var(--vert)}
.nav-links li.is-current::after{width:100%}
@media(hover:hover){.nav-links li:hover{color:var(--vert)}.nav-links li:hover::after{width:100%}}
.nav-burger{width:44px;height:44px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.nav-burger span{width:20px;height:1.5px;border-radius:1px}
.nav-cta{display:none;align-items:center;min-height:40px;font-family:var(--fb);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:0 22px;background:var(--vert);color:#fff;
  text-decoration:none;font-weight:400;white-space:nowrap;border-radius:6px;box-shadow:0 2px 8px rgba(61,92,56,.15);transition:background .3s,transform .3s var(--ease)}
.nav-cta:hover{background:var(--vert-lt);transform:translateY(-1px)}
.nav-tel{display:none;align-items:center;gap:6px;font-size:.84rem;font-weight:400;color:var(--texte);text-decoration:none;letter-spacing:.02em;min-height:40px;transition:color .3s}
.nav-tel:hover{color:var(--vert)}
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 8px;font-family:var(--fb);font-size:11px;letter-spacing:.16em;color:var(--texte);
  text-decoration:none;border:1px solid rgba(61,92,56,.22);border-radius:6px;transition:border-color .3s,color .3s}
.lang-switch:hover{border-color:var(--vert);color:var(--vert)}
@media(min-width:1024px){.nav-cta{display:inline-flex}.nav-tel{display:flex}}
@media(min-width:1280px){.nav-links{display:flex}.nav-burger{display:none!important}.nav-tel{display:none}}
@media(min-width:1440px){.nav-links li{font-size:11px;letter-spacing:.15em}.nav-tel{display:flex}}

/* ════ MENU MOBILE (accueil) ════ */
.mob-overlay{position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .35s}
.mob-overlay.open{opacity:1;pointer-events:all}
.mob-menu{position:fixed;top:0;right:0;bottom:0;z-index:200;width:min(85vw,400px);background:#FDFBF7;display:flex;flex-direction:column;overflow-y:auto;
  transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}
.mob-menu.open{transform:translateX(0);box-shadow:-12px 0 40px rgba(26,24,20,.2)}
.mob-header{padding:18px 16px 14px 24px;border-bottom:1px solid rgba(61,92,56,.08);display:flex;align-items:center;justify-content:space-between}
.mob-header-brand{font-family:var(--fd);font-size:1.05rem;color:var(--encre);letter-spacing:.02em}
.mob-close{background:none;border:none;color:var(--texte-lt);font-size:1.5rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.mob-items{flex:1;padding:12px 0}
.mob-item{display:flex;align-items:center;padding:14px 24px;text-decoration:none;color:var(--texte);position:relative;transition:background .2s}
.mob-item+.mob-item{border-top:1px solid rgba(61,92,56,.06)}
.mob-item:hover{background:rgba(61,92,56,.04)}
.mob-item.active::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--vert);border-radius:0 3px 3px 0}
.mob-item-text{flex:1}
.mob-item-title{font-family:var(--fd);font-size:1.18rem;font-weight:500;color:var(--encre);line-height:1.3}
.mob-item-sub{font-family:var(--fb);font-size:.75rem;color:var(--texte-lt);font-weight:300;margin-top:2px}
.mob-item-arrow{color:var(--texte-lt);font-size:1rem;margin-left:8px}
.mob-footer{padding:16px 24px 28px;border-top:1px solid rgba(61,92,56,.08);margin-top:auto}
.mob-footer-cta{display:block;width:100%;text-align:center;font-family:var(--fb);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;padding:15px;background:var(--vert);color:#fff;border-radius:8px;text-decoration:none}
.mob-footer-info{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}
.mob-footer-info a{font-family:var(--fb);font-size:.8rem;color:var(--texte-lt);text-decoration:none;padding:12px 6px;min-height:44px;display:inline-flex;align-items:center}

/* ════ HERO (accueil) ════ */
.hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:var(--encre);display:flex;flex-direction:column;justify-content:flex-end}
.hero-bg{position:absolute;inset:0}
.hero-bg picture,.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-bg img{object-position:50% 50%}
.hero-veil{position:absolute;inset:0;z-index:2;
  background:
    linear-gradient(to top,rgba(26,24,20,.92) 0%,rgba(26,24,20,.72) 30%,rgba(26,24,20,.36) 55%,rgba(26,24,20,.08) 74%,transparent 86%),
    linear-gradient(to right,rgba(26,24,20,.58) 0%,rgba(26,24,20,.24) 42%,transparent 68%),
    linear-gradient(to bottom,rgba(26,24,20,.22) 0%,transparent 22%)}
@media(max-width:1023px){.hero-veil{background:
    linear-gradient(to top,rgba(26,24,20,.95) 0%,rgba(26,24,20,.86) 36%,rgba(26,24,20,.66) 56%,rgba(26,24,20,.3) 72%,rgba(26,24,20,.06) 86%,transparent 93%),
    linear-gradient(to bottom,rgba(26,24,20,.25) 0%,transparent 18%)}}
.hero-body{position:relative;z-index:5;padding:0 clamp(20px,6vw,88px) clamp(64px,9vh,110px);text-shadow:0 1px 22px rgba(26,24,20,.45);
  animation:heroIn 1.1s var(--ease) .15s both}
@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-eyebrow{font-family:var(--fb);font-size:clamp(11px,1.5vw,12px);letter-spacing:.26em;text-transform:uppercase;color:rgba(247,243,236,.86);
  margin-bottom:clamp(14px,2.5vw,22px);display:flex;align-items:center;gap:12px}
.hero-eyebrow::before{content:'';width:20px;height:1px;background:rgba(247,243,236,.45);flex-shrink:0}
.hero-h1{font-family:var(--fd);font-weight:300;font-size:clamp(1.45rem,5.5vw,4rem);letter-spacing:.05em;line-height:1.2;color:var(--blanc);
  hyphens:none;overflow-wrap:break-word;margin-bottom:clamp(18px,3vw,28px);max-width:clamp(340px,64vw,900px);text-wrap:balance}
.hero-h1 em{font-style:italic;color:rgba(247,243,236,.78)}
.hero-poles{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:clamp(16px,3vw,24px);list-style:none}
.hero-pole{padding:7px 12px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,243,236,.92);font-family:var(--fb);font-weight:300;line-height:1.3}
.hero-rule{width:44px;height:1px;background:rgba(247,243,236,.32);margin-bottom:clamp(14px,2.5vw,24px)}
.hero-sub{font-family:var(--fd);font-size:clamp(1.02rem,2.2vw,1.2rem);font-weight:300;font-style:italic;color:rgba(247,243,236,.9);line-height:1.65;
  max-width:clamp(280px,46vw,480px);margin-bottom:clamp(22px,4vw,36px)}
.hero-ctas{display:flex;flex-direction:column;gap:10px}
@media(min-width:480px){.hero-ctas{flex-direction:row;flex-wrap:wrap}}
.hero-trust{display:flex;align-items:center;gap:10px;margin-top:clamp(14px,2vw,20px)}
.hero-trust-score{font-family:var(--fd);font-size:clamp(1.5rem,3vw,1.8rem);font-weight:500;color:#fff;line-height:1}
.hero-trust-score small{font-size:.55em;color:rgba(255,255,255,.6);font-weight:300}
.hero-trust-txt{font-family:var(--fb);font-size:clamp(11px,1.4vw,12px);letter-spacing:.08em;color:rgba(255,255,255,.8);font-weight:300;line-height:1.3}

/* ════ BOUTONS (accueil) ════ */
.btn-v,.btn-g,.btn-bl,.btn-ol,.btn-dk{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;text-decoration:none;cursor:pointer;
  font-family:var(--fb);letter-spacing:.18em;text-transform:uppercase;min-height:48px}
.btn-v{font-size:clamp(12px,2vw,12.5px);padding:clamp(12px,2vw,14px) clamp(20px,3vw,28px);background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.34);color:#fff;font-weight:400;transition:background .3s,color .3s,transform .3s var(--ease)}
.btn-v:hover{background:rgba(255,255,255,.95);color:var(--vert);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.18)}
.btn-g{font-size:clamp(12px,2vw,12.5px);padding:clamp(12px,2vw,14px) clamp(20px,3vw,28px);background:transparent;border:1px solid rgba(247,243,236,.34);
  color:rgba(247,243,236,.9);font-weight:300;transition:all .3s var(--ease)}
.btn-g:hover{border-color:rgba(247,243,236,.7);color:var(--blanc)}
.btn-bl{font-size:12px;padding:14px 28px;background:var(--blanc);color:var(--vert);border:none;font-weight:400;transition:background .3s,transform .3s var(--ease)}
.btn-bl:hover{background:var(--sable);transform:translateY(-1px)}
.btn-ol{font-size:12px;padding:14px 26px;background:transparent;border:1px solid var(--vert);color:var(--vert);font-weight:400;transition:all .3s var(--ease)}
.btn-ol:hover{background:var(--vert);color:var(--blanc)}
@media(max-width:479px){.px-cta .btn-ol{width:100%;letter-spacing:.12em;line-height:1.5}}
.btn-lnk{font-family:var(--fb);font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:none;border:none;color:var(--vert);cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;gap:10px;min-height:44px;transition:gap .35s var(--ease)}
.btn-lnk::after{content:'→';font-size:13px}
.btn-lnk:hover{gap:16px}
.btn-lnk-line{width:18px;height:1px;background:var(--vert-xs)}

/* ════ TYPOGRAPHIE SECTIONS (accueil) ════ */
.lbl{font-family:var(--fb);font-size:clamp(11px,1.3vw,12px);letter-spacing:.26em;text-transform:uppercase;color:var(--vert);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.lbl::before{content:'';width:18px;height:1px;background:var(--vert-xs);flex-shrink:0}
.lbl.c{justify-content:center}
.lbl.lt{color:rgba(247,243,236,.82)}
.lbl.lt::before{background:rgba(247,243,236,.4)}
.sec-title{font-family:var(--fd);font-weight:300;letter-spacing:.03em;hyphens:none;overflow-wrap:break-word;color:var(--encre);line-height:1.12;font-size:clamp(1.45rem,5.8vw,2rem)}
@media(min-width:600px){.sec-title{font-size:clamp(2rem,5vw,3.4rem)}}
.sec-title em{font-style:italic;color:var(--texte-lt)}
.sec-title.lt{color:var(--sable)}
.sec-title.lt em{color:var(--vert-xs)}
.rule{width:32px;height:1px;background:var(--vert-xs);margin:16px 0}
.rule.c{margin:16px auto}
.rule.lt{background:rgba(247,243,236,.35)}
.bp{font-size:.9rem;font-weight:300;color:var(--texte-lt);line-height:1.9;hyphens:auto}
.bp+.bp{margin-top:10px}
.sec-head{max-width:620px;margin:0 auto clamp(28px,5vw,48px)}
.sec-head.c{text-align:center}
.sec-head.c .bp{max-width:520px;margin:0 auto}

/* ════ SECTIONS ════ */
.sec{position:relative;padding:clamp(56px,9vw,108px) clamp(20px,5vw,80px)}
.wrap{max-width:1200px;margin:0 auto}
.bg-blanc{background:var(--blanc)}
.bg-sable{background:var(--sable)}
.bg-sable-md{background:var(--sable-md)}
.bg-vert-pale{background:#EFF4ED}

/* Séparateurs ondulés (accueil) */
.section-wave{position:relative}
.section-wave::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:48px;pointer-events:none;z-index:2;background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0,24 C240,48 480,0 720,24 C960,48 1200,0 1440,24 L1440,48 L0,48Z' fill='%23F7F3EC'/%3E%3C/svg%3E")}
.section-wave-inv::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0,24 C240,48 480,0 720,24 C960,48 1200,0 1440,24 L1440,48 L0,48Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}

/* Rectangles photo (accueil) */
.img-rect{border-radius:var(--r);overflow:hidden;border:var(--border);position:relative;background:var(--sable-md)}
.img-rect img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
@media(hover:hover){.img-rect:hover img{transform:scale(1.04)}}

/* ════ STATS (accueil) ════ */
.stats-band{background:var(--sable);display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--sable-dk);border-bottom:1px solid var(--sable-dk)}
@media(min-width:580px){.stats-band{grid-template-columns:repeat(4,1fr)}}
.stat-c{padding:clamp(22px,4vw,34px) 12px;text-align:center;border-right:1px solid var(--sable-dk);border-bottom:1px solid var(--sable-dk);transition:background .3s}
.stat-c:nth-child(2n){border-right:none}
.stat-c:nth-child(n+3){border-bottom:none}
@media(min-width:580px){.stat-c{border-bottom:none;border-right:1px solid var(--sable-dk)!important}.stat-c:last-child{border-right:none!important}}
@media(hover:hover){.stat-c:hover{background:var(--sable-md)}}
.stat-n{font-family:var(--fd);font-size:clamp(2rem,5vw,2.8rem);font-weight:300;letter-spacing:.02em;color:var(--vert);line-height:1}
.stat-l{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--texte-lt);margin-top:6px}

/* ════ PÔLE SÉPARATEUR (accueil) ════ */
.pole-sep{background:var(--vert);padding:clamp(18px,3vw,24px) clamp(20px,5vw,80px);display:flex;align-items:center;gap:16px}
.pole-sep-num{font-family:var(--fd);font-size:3rem;font-weight:300;color:rgba(255,255,255,.18);line-height:1;flex-shrink:0}
.pole-sep-title{font-family:var(--fd);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:300;font-style:italic;color:var(--blanc);line-height:1.2}
.pole-sep-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-top:5px;font-family:var(--fb);line-height:1.5}

/* ════ INTRO « POURQUOI » (village intro de l'accueil) ════ */
.intro-layout{display:flex;flex-direction:column;gap:40px}
@media(min-width:860px){.intro-layout{flex-direction:row;gap:clamp(56px,8vw,96px);align-items:start}}
.intro-photo-col{order:2}
@media(min-width:860px){.intro-photo-col{order:0;width:42%;flex-shrink:0;position:sticky;top:calc(var(--nav-h) + 24px)}}
.intro-main-img{aspect-ratio:4/5;max-height:640px}
.intro-main-img img{filter:brightness(.97) saturate(.95);object-position:50% 58%}
@media(min-width:600px) and (max-width:859px){.intro-main-img{aspect-ratio:4/3}}
.intro-badge{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:14px;padding:8px 14px;background:var(--sable);border:var(--border);border-radius:var(--r);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--texte-lt);text-decoration:none;transition:border-color .3s}
.intro-badge strong{color:var(--vert);font-weight:400;font-size:1.05rem;font-family:var(--fd);font-style:italic;letter-spacing:0;text-transform:none}
.intro-badge:hover{border-color:var(--vert-xs)}
.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.pill{display:inline-flex;align-items:center;padding:7px 13px;background:var(--sable);border:var(--border);border-radius:var(--r);font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--texte-lt);font-family:var(--fb);font-weight:300;line-height:1.35;transition:background .3s,border-color .3s,color .3s}
.pill-link{text-decoration:none;min-height:40px;padding:8px 15px}
.pill-link:hover{background:var(--vert);border-color:var(--vert);color:#fff}
.pill-link.terre{color:var(--terre)}

/* Items bordés à icône (bloc rando de l'accueil) */
.jeune-items{display:flex;flex-direction:column;gap:10px;margin-top:22px;list-style:none}
.ji{display:flex;align-items:flex-start;gap:14px;padding:clamp(14px,2vw,18px);border:var(--border);border-radius:var(--r);background:var(--blanc);
  transition:border-color .3s,background .3s,transform .4s var(--ease)}
@media(hover:hover){.ji:hover{border-color:var(--vert-xs);background:var(--papier);transform:translateX(4px)}}
.ji-icon{flex-shrink:0;line-height:0;margin-top:2px}
.ji-t{font-family:var(--fd);font-size:clamp(1.12rem,2.3vw,1.22rem);font-weight:400;color:var(--encre);margin-bottom:3px;line-height:1.3}
.ji-d{font-size:.86rem;color:var(--texte-lt);font-weight:300;line-height:1.7;hyphens:auto}

/* ════ ESPACES — cartes de l'« Expérience village » ════ */
.xp-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:1300px;margin:0 auto}
@media(min-width:560px){.xp-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.xp-grid{grid-template-columns:repeat(4,1fr);gap:10px}}
.xp-bloc{border:var(--border);border-radius:var(--r);overflow:hidden;background:var(--blanc);display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s}
@media(hover:hover){.xp-bloc:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(30,28,20,.1)}}
.xp-photo{aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--sable-md)}
@media(min-width:560px){.xp-photo{aspect-ratio:4/3}}
@media(min-width:1000px){.xp-photo{aspect-ratio:1}}
.xp-photo picture,.xp-photo img{display:block;width:100%;height:100%}
.xp-photo img{object-fit:cover;filter:brightness(.95) saturate(.94);transition:transform .8s var(--ease)}
@media(hover:hover){.xp-bloc:hover .xp-photo img{transform:scale(1.06)}}
.xp-body{padding:clamp(16px,2.5vw,20px);flex:1;display:flex;flex-direction:column;gap:5px}
.xp-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vert);font-family:var(--fb)}
.xp-title{font-family:var(--fd);font-size:clamp(1.2rem,2.5vw,1.3rem);font-weight:400;letter-spacing:.02em;color:var(--encre);line-height:1.25}
.xp-cap{font-family:var(--fd);font-style:italic;font-size:1.02rem;color:var(--vert-lt)}
.xp-text{font-size:.86rem;color:var(--texte-lt);font-weight:300;line-height:1.7;hyphens:auto;margin-top:4px}

/* ════ GALERIE ════ */
.gal{display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-auto-rows:clamp(150px,42vw,230px);max-width:1300px;margin:0 auto}
.gal-i{margin:0}
.gal-i picture,.gal-i img{display:block;width:100%;height:100%}
.gal-1{grid-row:span 2}
@media(min-width:600px){.gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(170px,27vw,240px)}}
@media(min-width:1000px){
  .gal{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(220px,21vw,300px)}
  .gal-1{grid-column:1;grid-row:1/3}
  .gal-2{grid-column:2/4;grid-row:1}
  .gal-3{grid-column:4;grid-row:1}
  .gal-4{grid-column:2;grid-row:2}
  .gal-5{grid-column:3/5;grid-row:2}
}
.gal-i::after{content:'';position:absolute;left:0;right:0;bottom:0;height:52%;pointer-events:none;background:linear-gradient(to top,rgba(26,24,20,.62),rgba(26,24,20,0))}
.gal-cap{position:absolute;z-index:2;left:12px;right:12px;bottom:11px;display:flex;align-items:center;gap:8px;font-family:var(--fb);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.94);line-height:1.3;pointer-events:none}
.gal-cap::before{content:'';width:14px;height:1px;background:rgba(255,255,255,.55);flex-shrink:0}
@media(max-width:599px){.gal-cap{letter-spacing:.14em;left:10px;right:8px}.gal-cap::before{display:none}}
.gal-note{max-width:1300px;margin:12px auto 0;padding:13px 16px;background:var(--sable);border:var(--border);border-radius:var(--r);
  font-size:.82rem;color:var(--texte-lt);font-style:italic;text-align:center;line-height:1.6}

/* ════ DÉROULEMENT (bloc rando de l'accueil) ════ */
.pole3-layout{display:flex;flex-direction:column;gap:40px}
@media(min-width:860px){.pole3-layout{flex-direction:row;gap:clamp(52px,8vw,88px);align-items:start}}
.pole3-photos{order:0}
@media(min-width:860px){.pole3-photos{width:40%;flex-shrink:0;position:sticky;top:calc(var(--nav-h) + 24px)}}
.j-main{aspect-ratio:5/4}
.j-main img{object-position:50% 60%;filter:saturate(.95)}
@media(min-width:600px) and (max-width:859px){.j-main{aspect-ratio:2/1}}
@media(min-width:860px){.j-main{aspect-ratio:4/5}}
.j-cap{margin-top:10px;font-family:var(--fd);font-style:italic;font-size:1.02rem;color:var(--texte-lt)}
.tl-time{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vert);font-family:var(--fb);margin-bottom:3px}
.tl .ji{background:var(--blanc)}
.tl-n{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--vert-xs);background:var(--papier)}

/* ════ FORMULES (cartes texte de l'accueil) ════ */
.fm-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:1100px;margin:0 auto}
@media(min-width:760px){.fm-grid{grid-template-columns:repeat(3,1fr)}}
.ev-card{padding:clamp(20px,3vw,28px);border:var(--border);border-radius:var(--r);background:var(--blanc);display:flex;flex-direction:column;gap:7px;
  transition:border-color .3s,box-shadow .4s,transform .4s var(--ease)}
@media(hover:hover){.ev-card:hover{border-color:var(--vert-xs);box-shadow:0 8px 28px rgba(30,28,20,.07);transform:translateY(-3px)}}
.ev-card-icon{line-height:0;margin-bottom:6px}
.ev-card-title{font-family:var(--fd);font-size:clamp(1.2rem,2.5vw,1.32rem);font-weight:400;letter-spacing:.02em;color:var(--encre)}
.ev-card-text{font-size:.86rem;font-weight:300;color:var(--texte-lt);line-height:1.75;hyphens:auto}
.tarif-note{max-width:1100px;margin:14px auto 0;padding:13px 16px;background:var(--blanc);border:var(--border);border-radius:var(--r);
  font-size:.82rem;color:var(--texte-lt);font-style:italic;text-align:center;line-height:1.6}
.tarif-note b{font-style:normal;color:var(--or);font-weight:400}

/* ════ TARIFS (cartes « tc » de l'accueil) ════ */
.px-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:1120px;margin:0 auto}
@media(min-width:700px){.px-grid{grid-template-columns:1fr 1fr}.px-inc{grid-column:1/-1}}
@media(min-width:1040px){.px-grid{grid-template-columns:1fr 1fr 1.08fr}.px-inc{grid-column:auto}}
.tc{background:var(--blanc);border:var(--border);border-radius:var(--r);border-bottom:2px solid var(--sable-dk);transition:border-bottom-color .3s,transform .35s var(--ease),background .3s}
@media(hover:hover){.tc:hover{border-bottom-color:var(--vert);transform:translateY(-3px)}}
.px{padding:clamp(22px,3vw,30px);display:flex;flex-direction:column}
.px.featured{border-top:2px solid var(--vert);box-shadow:0 10px 34px rgba(30,28,20,.06)}
.t-tag{align-self:flex-start;display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;font-weight:500;margin-bottom:12px;border-radius:2px;
  background:rgba(61,92,56,.1);color:var(--vert)}
.t-nm{font-family:var(--fd);font-size:clamp(1.3rem,2.6vw,1.5rem);color:var(--encre);font-weight:400;line-height:1.2}
.t-pd{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--texte-lt);margin-top:6px}
.t-pr{font-family:var(--fd);font-size:clamp(2.3rem,5vw,2.8rem);font-weight:300;color:var(--vert);line-height:1;margin:16px 0 4px;letter-spacing:.01em}
.t-pr small{font-size:.8rem;font-family:var(--fb);color:var(--texte-lt);letter-spacing:.12em;margin-left:4px}
.px-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:14px;padding-top:16px;border-top:1px solid var(--sable-dk)}
.px-list li{position:relative;padding-left:20px;font-size:.88rem;font-weight:300;color:var(--texte);line-height:1.5}
.px-list li::before{content:'';position:absolute;left:0;top:.72em;width:10px;height:1px;background:var(--vert-lt)}
.px-plus{margin-top:auto;padding-top:18px;font-family:var(--fd);font-style:italic;font-size:1.08rem;color:var(--texte-lt);line-height:1.4}
.px-plus strong{display:block;font-style:normal;font-weight:500;color:var(--vert);font-size:1.12rem}
.px-inc{background:var(--sable);border:var(--border);border-top:2px solid var(--vert-xs);border-radius:var(--r);padding:clamp(22px,3vw,30px)}
.px-inc-t{font-family:var(--fd);font-weight:300;font-size:clamp(1.35rem,2.8vw,1.6rem);color:var(--encre);line-height:1.2}
.px-inc-t em{font-style:italic;color:var(--texte-lt)}
.px-inc-lead{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--vert);margin-top:8px}
.px-inc .px-list li{padding-left:24px}
.px-inc .px-list li::before{top:.28em;width:13px;height:13px;background:none;border-radius:50%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Ccircle cx='6.5' cy='6.5' r='6' fill='none' stroke='%236B8F65'/%3E%3Cpath d='M3.8 6.7l1.8 1.8 3.6-3.8' fill='none' stroke='%233D5C38' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.px-inc .px-list li strong{font-weight:500;color:var(--vert)}
@media(min-width:700px) and (max-width:1039px){.px-inc .px-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px}}
.px-cta{text-align:center;margin-top:clamp(28px,4vw,44px)}

/* ════ TÉMOIGNAGES (accueil) ════ */
.testi-wrap{padding:clamp(56px,9vw,108px) clamp(20px,5vw,80px)}
.testi-inner{text-align:center;max-width:640px;margin:0 auto}
.t-stars{color:var(--vert);font-size:.95rem;letter-spacing:.25em;margin-bottom:20px}
.t-quote{font-family:var(--fd);font-size:clamp(1.2rem,3.2vw,1.7rem);font-weight:300;font-style:italic;letter-spacing:.02em;hyphens:auto;color:var(--encre);line-height:1.6;margin-bottom:20px}
.t-cite{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--vert);font-style:normal}
.t-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.ts-n{font-family:var(--fd);font-size:clamp(1.7rem,4.5vw,2.2rem);font-weight:300;color:var(--vert)}
.ts-l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--texte-lt);margin-top:3px;line-height:1.45}
.avis-wrap{position:relative;padding:clamp(40px,6vw,60px) clamp(20px,5vw,80px) clamp(64px,8vw,96px)}
.avis-row{display:flex;flex-direction:column;gap:10px;max-width:1300px;margin:0 auto}
@media(min-width:900px){.avis-row{flex-direction:row}}
.avis-card{flex:1;background:var(--blanc);border:var(--border);border-radius:var(--r);border-top:2px solid var(--vert-xs);padding:clamp(18px,3vw,24px);
  transition:border-top-color .3s,transform .4s var(--ease),box-shadow .4s}
@media(hover:hover){.avis-card:hover{border-top-color:var(--vert);transform:translateY(-5px);box-shadow:0 12px 32px rgba(30,28,20,.07)}}
.av-stars{color:var(--vert-lt);font-size:.8rem;letter-spacing:.18em;margin-bottom:10px}
.av-q{font-family:var(--fd);font-size:clamp(1.05rem,2.3vw,1.1rem);font-style:italic;color:var(--texte);line-height:1.6;margin-bottom:12px;hyphens:auto}
.av-a{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--vert);font-style:normal}
.av-src{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--texte-lt);margin-top:4px}

/* ════ FAQ (accueil) ════ */
.faq-layout{display:flex;flex-direction:column;gap:clamp(28px,6vw,64px)}
@media(min-width:860px){.faq-layout{flex-direction:row;gap:clamp(52px,8vw,88px)}}
@media(min-width:860px){.faq-left{width:36%;flex-shrink:0}}
.faq-list{flex:1}
.faq-item{border-bottom:1px solid var(--sable-dk);padding:0}
.faq-item:first-child{border-top:1px solid var(--sable-dk)}
.faq-q{width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:clamp(16px,2.5vw,20px) 0;font-family:var(--fd);font-size:clamp(1.08rem,1.8vw,1.15rem);
  font-weight:400;line-height:1.4;color:var(--texte);display:flex;justify-content:space-between;align-items:center;gap:14px;transition:color .25s}
.faq-q::after{content:none!important}
.faq-q:hover{color:var(--vert)}
.faq-icon{width:26px;height:26px;border:1px solid var(--sable-dk);border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--fb);font-size:1rem;font-weight:300;line-height:1;color:var(--vert);flex-shrink:0;transition:background .3s,border-color .3s,color .3s}
.faq-icon::before{content:'+';display:block;transition:transform .4s var(--ease)}
.faq-item.open .faq-icon{background:var(--vert);color:var(--blanc);border-color:var(--vert)}
.faq-item.open .faq-icon::before{transform:rotate(45deg)}
.faq-a{font-size:.9rem;font-weight:300;color:var(--texte-lt);hyphens:auto;line-height:1.85;padding-right:40px}
.faq-a-in{padding-bottom:18px}

/* ════ CTA FINALE (bandeau vert de l'accueil, agrandi) ════ */
.cta-fin{position:relative;overflow:hidden;background:var(--vert);padding:clamp(64px,10vw,120px) clamp(20px,5vw,80px);text-align:center}
.cta-fin::before,.cta-fin::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.045);pointer-events:none}
.cta-fin::before{right:-90px;top:-90px;width:320px;height:320px}
.cta-fin::after{left:-120px;bottom:-140px;width:360px;height:360px}
.cta-fin-in{position:relative;z-index:1;max-width:660px;margin:0 auto}
.cta-fin-sub{font-family:var(--fd);font-style:italic;font-weight:300;font-size:clamp(1.08rem,2.4vw,1.28rem);color:rgba(247,243,236,.88);line-height:1.6;max-width:520px;margin:0 auto}
.cta-fin-btns{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:30px}
@media(min-width:480px){.cta-fin-btns{flex-direction:row}}
.cta-fin-contacts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:30px;font-size:.84rem;color:rgba(247,243,236,.78);font-weight:300;line-height:1.9}
.cta-fin-contacts a{color:rgba(247,243,236,.95);text-decoration:underline;text-decoration-color:rgba(247,243,236,.35);text-underline-offset:3px}

/* ════ TEXTE SEO (mise en page intro de l'accueil) ════ */
.seo-layout{display:grid;gap:36px;max-width:1200px;margin:0 auto}
@media(min-width:900px){.seo-layout{grid-template-columns:5fr 7fr;gap:clamp(52px,7vw,96px);align-items:start}.seo-side{position:sticky;top:calc(var(--nav-h) + 24px)}}
.seo-photo{aspect-ratio:4/3;margin-top:8px}
.seo-photo img{object-position:50% 60%}
@media(min-width:600px) and (max-width:899px){.seo-photo{aspect-ratio:2/1}}
.seo-body .bp{color:#5E574C;font-size:.94rem}
.seo-body .bp+.bp{margin-top:14px}
.seo-body a{color:var(--vert);text-underline-offset:3px}
.seo-h3{font-family:var(--fd);font-weight:400;font-size:clamp(1.3rem,2.6vw,1.5rem);color:var(--encre);line-height:1.25;margin:30px 0 10px;display:flex;align-items:center;gap:12px}
.seo-h3::before{content:'';width:18px;height:1px;background:var(--vert-xs);flex-shrink:0}
.seo-more{max-width:1200px;margin:clamp(40px,6vw,64px) auto 0;padding-top:clamp(28px,4vw,40px);border-top:1px solid var(--sable-dk)}
.seo-more .pills{margin-top:6px}

/* ════ CONTACT (accueil) ════ */
.contact-layout{display:grid;grid-template-columns:1fr;grid-template-areas:"head" "form" "extra";gap:32px;max-width:1200px;margin:0 auto}
@media(min-width:860px){.contact-layout{grid-template-columns:40% 1fr;grid-template-areas:"head form" "extra form";column-gap:clamp(52px,8vw,88px);row-gap:0;align-items:start}}
.contact-head{grid-area:head}
.contact-extra{grid-area:extra}
.contact-layout .form{grid-area:form}
.c-list{display:flex;flex-direction:column;gap:10px;font-style:normal}
@media(min-width:860px){.c-list{margin-top:24px}}
.c-row{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:.9rem;color:var(--texte);padding:12px 14px;border:var(--border);border-radius:var(--r);background:var(--blanc);
  line-height:1.45;transition:border-color .3s,background .3s,transform .35s var(--ease)}
.c-row:hover{border-color:var(--vert-xs);background:var(--papier);transform:translateX(4px)}
.c-row strong{font-weight:500;color:var(--encre)}
.c-row small{display:block;color:var(--texte-lt);font-size:.78rem;font-weight:300}
.c-ico{flex-shrink:0;line-height:0;color:var(--vert)}
.contact-alt{margin-top:16px}
.contact-alt-title{font-size:.75rem}
.contact-alt-btn small{font-size:.76rem}
.contact-alt-btn{min-height:56px}
.form{display:flex;flex-direction:column;gap:10px}
.form-2{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:520px){.form-2{grid-template-columns:1fr 1fr}}
.fg{display:flex;flex-direction:column;gap:6px}
.fg label{font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#80776A}
.fg input,.fg select,.fg textarea{width:100%;background:#fff;border:1px solid #D5CCBE;border-radius:8px;padding:13px 14px;font-family:var(--fb);font-size:16px;color:var(--texte);
  outline:none;font-weight:300;transition:border-color .3s,box-shadow .3s}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--vert);box-shadow:0 0 0 3px rgba(61,92,56,.1)}
.fg input::placeholder,.fg textarea::placeholder{color:#A69D91;font-weight:300}
.fg textarea{resize:vertical;min-height:110px}
.projet-card-label{font-size:.76rem}
.form-progress{font-size:.72rem}
.form-rassurance{font-size:.75rem!important}
.btn-submit{font-family:var(--fb);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;padding:15px 22px;background:var(--vert);border:1px solid var(--vert);color:#fff;cursor:pointer;
  font-weight:400;border-radius:8px;flex:1;transition:transform .25s,box-shadow .25s,background .3s}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(61,92,56,.3);background:#4A6E44}
.btn-step-next,.btn-step-back{font-size:.76rem;min-height:48px}

/* ════ FOOTER (accueil) ════ */
footer{background:var(--encre);color:rgba(247,243,236,.55);padding:4rem clamp(20px,5vw,48px) 2rem}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}
.footer-brand p{font-size:.88rem;font-weight:300;line-height:1.8;max-width:280px;margin-top:.5rem}
.footer-brand>a{display:inline-block;padding:8px 0;font-family:var(--fd);font-size:1.2rem;font-weight:500;color:rgba(255,255,255,.92);text-decoration:none}
footer .footer-bottom .cc-manage{padding:11px 0}
.footer-brand .u-flex-social a{display:inline-flex;align-items:center;min-height:40px}
.footer-col h4{font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:.8rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0}
.footer-col ul li a{display:inline-block;padding:9px 0;font-size:.86rem;font-weight:300;line-height:1.4;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}
.footer-col ul li a:hover{color:rgba(255,255,255,.92)}
.footer-nav{max-width:1200px;margin:16px auto 0}
.footer-nav p{font-size:.84rem;line-height:2.1;color:rgba(255,255,255,.5)}
.footer-nav.sm p{font-size:.8rem}
.footer-nav strong{font-weight:500;margin-right:8px;color:rgba(255,255,255,.62)}
.ft-link-sitemap{font-size:inherit;color:rgba(255,255,255,.62)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:1.5rem;padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto;flex-wrap:wrap;gap:.5rem}
.footer-bottom p{font-size:.8rem}
.footer-bottom a{display:inline-block;padding:11px 0}
@media(max-width:768px){.footer-top{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}}

/* ════ BARRE MOBILE (accueil) ════ */
.mob-actions{position:fixed;bottom:0;left:0;right:0;z-index:990;display:flex;gap:8px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));
  background:rgba(255,255,255,.97);border-top:1px solid #E0D8CD}
@media(min-width:1024px){.mob-actions{display:none!important}}
.mob-action-call{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:13px 12px;border-radius:8px;border:1.5px solid var(--vert);color:var(--vert);
  font-family:var(--fb);font-size:.8rem;font-weight:500;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}
.mob-action-devis{display:flex;align-items:center;justify-content:center;flex:2;padding:13px 12px;border-radius:8px;background:var(--vert);color:#fff;font-family:var(--fb);font-size:.8rem;
  font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.mob-action-wa{display:flex;align-items:center;justify-content:center;flex:0 0 48px;padding:13px 0;border-radius:8px;background:#25D366;color:#fff;text-decoration:none}
.mob-action-wa svg{width:22px;height:22px}
@media(max-width:1023px){.hero-body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}

/* Retour en haut (accueil) */
.btop{position:fixed;bottom:88px;right:16px;z-index:100;width:44px;height:44px;background:var(--blanc);border:var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:.95rem;color:var(--vert);opacity:0;transform:translateY(6px);transition:all .4s var(--ease);box-shadow:0 4px 16px rgba(30,28,20,.09)}
.btop.v{opacity:1;transform:none}
.btop:not(.v){pointer-events:none}
.btop:hover{background:var(--vert);color:var(--blanc);border-color:var(--vert)}
@media(min-width:1024px){.btop{bottom:28px;right:28px}}

/* Visionneuse (accueil) — PC / tablette uniquement */
.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center}
.lightbox.active{display:flex}
.lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:4px}
.lightbox-close,.lightbox-nav{position:absolute;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lightbox-close{top:20px;right:24px;width:44px;height:44px;font-size:1.4rem}
.lightbox-nav{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:1.4rem}
.lightbox-prev{left:16px}.lightbox-next{right:16px}
.lightbox-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:.88rem;opacity:.85;text-align:center;max-width:80vw}
.gallery-trigger{cursor:zoom-in}
.page-transition{position:fixed;inset:0;z-index:99999;background:var(--vert);transform:scaleY(0);transform-origin:bottom;pointer-events:none}

/* ════ Mobile : empilement façon accueil ════ */
@media(max-width:768px){
  .hero-h1{font-size:clamp(1.7rem,7.4vw,2.1rem);letter-spacing:.02em;line-height:1.14}
  .hero-body{padding-left:clamp(16px,5vw,28px);padding-right:clamp(16px,5vw,28px)}
  .intro-photo-col,.pole3-photos{width:calc(100% + 2 * clamp(20px,5vw,80px));margin-left:calc(-1 * clamp(20px,5vw,80px))}
  .intro-photo-col .intro-badge{margin-left:clamp(20px,5vw,80px)}
  .intro-main-img,.j-main{border-radius:0;border-left:0;border-right:0}
  .j-cap{padding:0 clamp(20px,5vw,80px)}
  .footer-col h4{font-size:11px}
}
@media(max-width:479px){
  .hero-pole.opt,.hero-rule,.hero-ctas .lg{display:none}
  .hero-ctas{flex-direction:row}
  .hero-ctas>a{flex:1;min-width:0;padding:14px 10px;font-size:12px;letter-spacing:.14em}
}
/* ════ EFFETS LÉGERS (26/09/2026) — opacité / transform uniquement, une seule fois ════ */
/* Hero : les éléments arrivent l'un après l'autre */
.hero-body{animation:none}
.hero-body>*{animation:heroIn .95s var(--ease) both}
.hero-body>*:nth-child(1){animation-delay:.1s}.hero-body>*:nth-child(2){animation-delay:.2s}
.hero-body>*:nth-child(3){animation-delay:.32s}.hero-body>*:nth-child(4){animation-delay:.42s}
.hero-body>*:nth-child(5){animation-delay:.5s}.hero-body>*:nth-child(6){animation-delay:.58s}
.hero-body>*:nth-child(n+7){animation-delay:.66s}
/* Filet sous les titres : se trace à l'apparition du bloc */
[data-reveal] .rule{transform:scaleX(0);transform-origin:left center;transition:transform .9s var(--ease) .25s}
[data-reveal] .rule.c{transform-origin:center}
[data-reveal].is-in .rule{transform:none}
/* Photos : léger recul à l'apparition */
.fx-img img{transition:transform 1.3s var(--ease)}
.fx-img:not(.fx-in) img{transform:scale(1.06)}
/* Boutons : petit enfoncement au toucher */
.btn-v:active,.btn-g:active,.btn-bl:active,.btn-ol:active,.btn-submit:active,.nav-cta:active,.mob-action-devis:active,.mob-action-call:active{transform:scale(.98)}
/* Couches graphiques libérées une fois l'élément affiché (mémoire iPhone) */
[data-reveal].is-in{will-change:auto}
/* Groupe masqué d'un formulaire (ex. type de projet déjà connu) */
.fg[hidden]{display:none!important}

/* Effets : désactivés si mouvement réduit */
@media(prefers-reduced-motion:reduce){
  .hero-body,.hero-body>*{animation:none}
  [data-reveal] .rule,.fx-img:not(.fx-in) img{transform:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}