@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/CormorantGaramond-400-italic.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/CormorantGaramond-500-italic.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/CormorantGaramond-400-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/CormorantGaramond-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/CormorantGaramond-600-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Roboto-300-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Roboto-400-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Roboto-500-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Roboto-700-normal.woff2) format('woff2')}

/* ===== La Clergerie — v3 : grandes images, sections lin / blanc, sobre et généreux ===== */
:root{
  --lin:#85735F; --lin-fonce:#6F5F4D; --lin-clair:#EFE8DD; --blanc:#fff; --taupe:#6B5B4B; --encre:#3E342B;
  --mauve:#8F6A69; --mauve-hover:#76524F; --vert:#26382F;
  --w:1160px; --serif:"Cormorant Garamond",Georgia,serif; --sans:"Roboto",system-ui,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:400;color:var(--taupe);background:#fff;line-height:1.75;font-size:1.02rem}
img{max-width:100%;height:auto;display:block}
a{color:var(--mauve)}a:hover{color:var(--mauve-hover)}
:focus-visible{outline:3px solid #E3A93C;outline-offset:3px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:.005em;color:inherit}
h1{font-size:clamp(2.6rem,6vw,4.8rem)}
h2{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:.5em}
h3{font-size:1.65rem;margin-bottom:.4em}
p{margin-bottom:1.05em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.narrow{max-width:780px}
.center{text-align:center}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:10px 16px;z-index:99}.skip:focus{left:8px;top:8px}
.sr{position:absolute;left:-9999px}
.eyebrow{display:block;font-size:.78rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;margin-bottom:1.1em;opacity:.9}
.lead{font-size:1.15rem;font-weight:300}
.liste{padding-left:1.1em;margin-bottom:1.1em}.liste li{margin-bottom:.4em}

/* Sections : lin (écriture blanche) / blanc (écriture lin) */
.sec{padding:96px 0}
.sec.blanc{background:#fff;color:var(--taupe)}
.sec.blanc h2,.sec.blanc h3{color:var(--lin)}
.sec.lin{background:var(--lin);color:#fff}
.sec.lin a:not(.btn){color:#fff;text-decoration-color:rgba(255,255,255,.6)}
.sec.lin .eyebrow{color:#fff}
.sec.clair{background:var(--lin-clair);color:var(--taupe)}
.sec.clair h2,.sec.clair h3{color:var(--lin)}
.sec.blanc .eyebrow,.sec.clair .eyebrow{color:var(--mauve)}

/* Boutons */
.btn{display:inline-block;padding:15px 34px;border:1px solid var(--mauve);background:var(--mauve);color:#fff;font-family:var(--serif);font-weight:600;font-size:1rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s;border-radius:0}
.btn:hover{background:var(--mauve-hover);border-color:var(--mauve-hover);color:#fff}
.btn-line{background:transparent;color:var(--mauve)}
.btn-line:hover{background:var(--mauve);color:#fff}
.btn-white{background:transparent;border-color:#fff;color:#fff}
.btn-white:hover{background:#fff;color:var(--lin-fonce);border-color:#fff}
.sec.lin .btn:not(.btn-white){background:#fff;color:var(--lin-fonce);border-color:#fff}
.sec.lin .btn:not(.btn-white):hover{background:transparent;color:#fff}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:1.8em}.center .btns{justify-content:center}

/* En-tête */
#topbar{position:fixed;inset:0 0 auto;z-index:60;transition:background .3s,box-shadow .3s;background:#fff;box-shadow:0 1px 0 rgba(107,91,75,.14)}
#topbar .logo,#topbar nav a.nl{color:var(--lin)}
#topbar.over:not(.scrolled){background:transparent;box-shadow:none}
#topbar.over:not(.scrolled) .logo,#topbar.over:not(.scrolled) nav a.nl{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#topbar.over:not(.scrolled) #burger span{background:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}
.logo{display:flex;flex-direction:column;text-decoration:none;line-height:1;color:var(--lin)}
.logo b{font-family:var(--serif);font-weight:500;font-size:1.9rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.logo span{font-size:.62rem;letter-spacing:.42em;text-transform:uppercase;margin-top:5px;padding-left:2px}
.logo img{height:52px;width:auto}
nav ul{list-style:none;display:flex;align-items:center;padding:0;gap:2px}
nav a.nl{display:block;padding:10px 12px;text-decoration:none;font-size:.74rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid transparent}
nav a.nl:hover,nav a.nl[aria-current]{border-bottom-color:currentColor}
#burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
#burger span{display:block;width:26px;height:1.5px;background:var(--lin);margin:7px 0;transition:.2s}

/* Grande image + texte dessus */
.hero-full{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(100svh,880px);padding:130px 0 90px;color:#fff;text-align:center;isolation:isolate;overflow:hidden}
.hero-full.court{min-height:62svh}
.hero-full>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-full::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(35,26,18,.5) 0%,rgba(35,26,18,.28) 45%,rgba(35,26,18,.55) 100%)}
.hero-full h1{color:#fff;max-width:15em;margin:0 auto .45em;text-shadow:0 2px 24px rgba(0,0,0,.28)}
.hero-full p.lead{max-width:40em;margin:0 auto;color:#fff}
.hero-full .eyebrow{color:#fff}
.hero-full .btns{justify-content:center}
.hero-full .btn:not(.btn-white){background:var(--mauve);border-color:var(--mauve)}
.hero-solid{padding:170px 0 70px;background:var(--lin);color:#fff;text-align:center}
.hero-solid h1{color:#fff}.hero-solid .eyebrow{color:#fff}

/* Mises en page */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split.rev>.pic{order:2}
.pic img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pic.wide img{aspect-ratio:3/2}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.col-card{text-align:left}
.col-card .num,.steps li .num{font-family:var(--serif);font-size:3.2rem;line-height:1;color:var(--mauve);display:block;margin-bottom:.15em}
.sec.lin .num{color:#fff;opacity:.85}
.col-card h3{margin-top:.2em}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:2em 0 0}
.steps.vert{grid-template-columns:1fr;gap:22px}
.prod{display:grid;grid-template-columns:5fr 6fr;gap:56px;align-items:center;margin-bottom:72px}
.prod:last-child{margin-bottom:0}
.prod.rev .pic{order:2}
.prod .pic img{aspect-ratio:4/3}
.prod .prix{font-family:var(--serif);font-size:1.7rem;color:var(--mauve);margin:.2em 0 .6em;display:block}
.sec.lin .prod .prix{color:#fff}
.note{border-left:2px solid currentColor;padding:4px 0 4px 20px;margin:1.6em 0;font-size:.96rem;opacity:.95}
.infos{border:1px solid rgba(107,91,75,.3);padding:28px 30px}
.sec.lin .infos{border-color:rgba(255,255,255,.5)}
.infos h3{font-size:1.5rem}
.infos dl{display:grid;gap:10px;margin:0}
.infos dl>div{display:grid;grid-template-columns:8em 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(107,91,75,.18)}
.sec.lin .infos dl>div{border-color:rgba(255,255,255,.25)}
.infos dl>div:last-child{border:0;padding:0}
.infos dt{font-weight:500}.infos dd{margin:0}
address{font-style:normal}
.tablewrap{overflow-x:auto}
table.prix{width:100%;border-collapse:collapse;background:#fff;color:var(--taupe)}
table.prix th,table.prix td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(107,91,75,.2);vertical-align:top}
table.prix thead th{background:var(--lin);color:#fff;font-family:var(--serif);font-size:1.15rem;font-weight:500;letter-spacing:.06em}
table.prix tbody th{font-family:var(--serif);font-size:1.2rem;font-weight:500;color:var(--lin)}
table.prix small{font-weight:300}
.faq details{border-bottom:1px solid rgba(107,91,75,.25)}
.faq summary{cursor:pointer;padding:20px 4px;font-family:var(--serif);font-size:1.35rem;color:var(--lin);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;font-size:1.6rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 4px;margin-bottom:1.2em}
.sec.lin .faq summary{color:#fff}.sec.lin .faq details{border-color:rgba(255,255,255,.35)}

/* Formulaires */
form.fm{display:grid;gap:18px;text-align:left}
form.fm .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
form.fm label,form.fm legend{font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:6px}
input,select,textarea{width:100%;font:inherit;padding:14px 16px;border:1px solid rgba(107,91,75,.45);background:#fff;color:var(--encre);border-radius:0}
textarea{min-height:130px;resize:vertical}
fieldset{border:0;padding:0;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px;border:1px solid rgba(107,91,75,.45);letter-spacing:.06em;text-transform:none;font-size:.9rem;font-weight:400;cursor:pointer;background:#fff;color:var(--taupe)}
.chips input{width:auto;padding:0}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.9rem}
.check input{width:auto;margin-top:6px}
.check label{margin:0;letter-spacing:0;text-transform:none;font-weight:300;font-size:.9rem}
.hp{position:absolute;left:-9999px}
.fm-msg{font-weight:500;min-height:1.4em}
.formbox{background:#fff;color:var(--taupe);padding:44px;border:1px solid rgba(107,91,75,.2)}
.formbox h3{color:var(--lin)}

/* Fil d'Ariane */
.crumbs{background:var(--lin-fonce);color:#fff;font-size:.82rem;padding:92px 0 0;display:none}

/* Instagram + pied de page */
.insta{padding:80px 0 0;background:#fff;text-align:center}
.insta h2{color:var(--lin);font-size:1.5rem;letter-spacing:.3em;text-transform:uppercase;font-family:var(--sans);font-weight:500}
.insta .sub{color:var(--taupe);margin-bottom:28px}
.igrid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.igrid a{display:block;aspect-ratio:1;overflow:hidden}
.igrid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.igrid a:hover img{transform:scale(1.07)}
footer{background:var(--lin);color:#fff;padding:72px 0 30px;font-size:.95rem}
footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline;color:#fff}
footer h3{font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;margin-bottom:1.2em}
footer ul{list-style:none;padding:0}footer li{margin-bottom:8px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:36px}
.fbrand{font-family:var(--serif);font-size:1.9rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.1;margin-bottom:.3em}
.legal{border-top:1px solid rgba(255,255,255,.3);margin-top:44px;padding-top:22px;font-size:.84rem;text-align:center;font-weight:300}
.todo{background:#FFF0B8;color:#3a3000;padding:0 4px;font-weight:500}
.prose{color:var(--taupe)}.prose h2{font-size:1.9rem;margin-top:1.6em;color:var(--lin)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

@media (max-width:1120px){
  #burger{display:block}
  nav{position:absolute;top:84px;left:0;right:0;background:#fff;padding:8px 24px 26px;display:none;box-shadow:0 18px 30px -18px rgba(0,0,0,.35)}
  nav.open{display:block}
  nav ul{flex-direction:column;align-items:stretch}
  #topbar nav a.nl,#topbar.over:not(.scrolled) nav a.nl{color:var(--lin);text-shadow:none;padding:15px 4px;border-bottom:1px solid rgba(107,91,75,.15)}
  #topbar.over:not(.scrolled):has(nav.open){background:#fff}
  #topbar.over:not(.scrolled):has(nav.open) .logo{color:var(--lin);text-shadow:none}
  #topbar.over:not(.scrolled):has(nav.open) #burger span{background:var(--lin)}
}
@media (max-width:900px){
  .sec{padding:68px 0}
  .split,.grid2,.prod{grid-template-columns:1fr;gap:36px}
  .split.rev>.pic,.prod.rev .pic{order:0}
  .grid3,.steps{grid-template-columns:1fr;gap:30px}
  form.fm .row{grid-template-columns:1fr}
  .formbox{padding:26px 20px}
  .igrid{grid-template-columns:repeat(3,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}
  .logo b{font-size:1.5rem}
  .infos dl>div{grid-template-columns:1fr;gap:2px}
  .hero-full{padding-top:120px}
}
@media (max-width:540px){.fgrid{grid-template-columns:1fr}.btn{padding:14px 24px;letter-spacing:.16em}}
/* Tuiles image (accueil) */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.tile{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;color:#fff;text-decoration:none}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.tile:hover img{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,26,18,.05) 35%,rgba(35,26,18,.68))}
.tile .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px 28px;display:flex;flex-direction:column;gap:4px}
.tile .cap b{font-family:var(--serif);font-weight:500;font-size:2rem;line-height:1.1}
.tile .cap i{font-style:normal;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;opacity:.92}
.sec.lin a.tile{color:#fff;text-decoration:none}
@media (max-width:700px){.tiles{grid-template-columns:1fr}}

/* ===== v5 : plus de pep, mouvement moderne, conversion ===== */
:root{--corail:#C94F33;--corail-h:#AE3F26;--rose:#F8E0D7;--moutarde:#E9B44C;--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-padding-top:96px}
.anchor{display:block;position:relative;top:-90px;visibility:hidden;height:0}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
#topbar{view-transition-name:topbar}

/* Apparitions (uniquement si JS actif : sans JS, tout reste visible) */
.reveal{opacity:1;transform:none;transition:none}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}

/* En-tête : verre dépoli + barre de progression */
#topbar{background:rgba(255,255,255,.84);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px)}
.bar{transition:min-height .35s var(--ease)}
#topbar.scrolled .bar{min-height:68px}
#topbar::after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:linear-gradient(90deg,var(--corail),var(--moutarde));transform:scaleX(var(--p,0));transform-origin:0 50%}
nav a.nl{position:relative;border-bottom:0}
nav a.nl::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}
nav a.nl:hover::after,nav a.nl[aria-current]::after{transform:scaleX(1)}

/* Boutons : corail, reflet, flèche */
.btn{background:var(--corail);border-color:var(--corail);position:relative;overflow:hidden;box-shadow:0 12px 26px -14px rgba(201,79,51,.9);transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s}
.btn::after{content:"→";display:inline-block;margin-left:.75em;transition:transform .3s var(--ease)}
.btn::before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
.btn:hover{background:var(--corail-h);border-color:var(--corail-h);transform:translateY(-3px);box-shadow:0 18px 30px -14px rgba(201,79,51,.95)}
.btn:hover::after{transform:translateX(6px)}
.btn:hover::before{left:140%}
.btn-line{background:transparent;color:var(--corail);border-color:var(--corail);box-shadow:none}
.btn-line:hover{background:var(--corail);color:#fff}
.btn-white{background:rgba(255,255,255,.08);border-color:#fff;color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.btn-white:hover{background:#fff;color:var(--corail);border-color:#fff}
.hero-full .btn:not(.btn-white),.sec.lin .btn:not(.btn-white){background:var(--corail);border-color:var(--corail);color:#fff}
.sec.lin .btn:not(.btn-white):hover{background:#fff;color:var(--corail);border-color:#fff}
form .btn::after{content:"✿";margin-left:.7em}

/* Grande image d'accueil : zoom lent, parallaxe, apparition du texte mot à mot */
.hero-full>img{animation:kb 28s ease-out both;translate:0 var(--py,0px);will-change:transform,translate}
@keyframes kb{from{scale:1.02}to{scale:1.14}}
.hero-full::after{background:radial-gradient(900px 520px at 12% 100%,rgba(201,79,51,.34),transparent 62%),linear-gradient(180deg,rgba(35,26,18,.52) 0%,rgba(35,26,18,.26) 45%,rgba(35,26,18,.6) 100%)}
.hero-full .eyebrow,.hero-full .lead,.hero-full .btns,.hero-full .live{animation:rise 1s var(--ease) both}
.hero-full .eyebrow{animation-delay:.1s}.hero-full .lead{animation-delay:.7s}.hero-full .btns{animation-delay:.9s}.hero-full .live{animation-delay:1.1s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.w{display:inline-block;opacity:0;transform:translateY(.55em);animation:wordin .95s var(--ease) forwards;animation-delay:calc(.2s + var(--i)*.075s)}
@keyframes wordin{to{opacity:1;transform:none}}
.hero-full h1{text-wrap:balance}
.cue{position:absolute;bottom:24px;left:50%;translate:-50% 0;width:26px;height:44px;border:1.5px solid rgba(255,255,255,.85);border-radius:14px;opacity:.9}
.cue i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:wheel 1.9s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
.live{display:inline-flex;flex-wrap:wrap;gap:.2em .6em;align-items:center;justify-content:center;margin:2.2em auto 0;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.88rem;color:#fff}
.live .dot{width:9px;height:9px;border-radius:50%;background:#58dc8f;box-shadow:0 0 0 0 rgba(88,220,143,.8);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(88,220,143,0)}100%{box-shadow:0 0 0 0 rgba(88,220,143,0)}}
.eyebrow::before{content:"";display:inline-block;width:30px;height:1px;background:currentColor;margin-right:14px;vertical-align:middle;opacity:.8}

/* Bandeau défilant */
.marquee{background:var(--corail);color:#fff;overflow:hidden;white-space:nowrap;padding:15px 0}
.marquee .track{display:inline-flex;animation:mq 42s linear infinite}
.marquee span{font-family:var(--serif);font-size:1.5rem;letter-spacing:.06em;padding:0 26px;display:inline-flex;align-items:center;gap:52px}
.marquee span::after{content:"✿";font-size:1rem;opacity:.9}
.marquee:hover .track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* Chiffres */
.sec.rose{background:var(--rose);color:var(--taupe)}
.sec.stats{padding:68px 0}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.statgrid b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(3.2rem,6.4vw,5rem);line-height:1;color:var(--corail);font-variant-numeric:tabular-nums}
.statgrid span{display:block;margin-top:.7em;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}

/* Photos : arche, cadre décalé, révélation */
.pic{position:relative}
.pic::before{content:"";position:absolute;inset:20px -20px -20px 20px;background:var(--rose);z-index:0;transition:transform .6s var(--ease)}
.split.rev>.pic::before{inset:20px 20px -20px -20px}
.sec.lin .pic::before{background:rgba(255,255,255,.16)}
.sec.rose .pic::before,.sec.clair .pic::before{background:#fff}
.pic img{position:relative;z-index:1}
.pic:hover::before{transform:translate(8px,8px)}
.split .pic::before,.split .pic img{border-radius:999px 999px 0 0}
.prod .pic::before{inset:16px -16px -16px 16px}.prod.rev .pic::before{inset:16px 16px -16px -16px}
.js .pic img{clip-path:inset(0 0 100% 0);scale:1.12;transition:clip-path 1.3s var(--ease),scale 1.8s var(--ease)}
.js .pic.in img{clip-path:inset(0);scale:1}
.col-card .num{color:var(--corail)}.sec.lin .col-card .num{color:#fff}

/* Tuiles */
.tile{transition:transform .5s var(--ease),box-shadow .5s}
.tile:hover{transform:translateY(-8px);box-shadow:0 30px 55px -28px rgba(0,0,0,.65)}
.tile .cap i::after{content:" →";display:inline-block;opacity:0;transform:translateX(-8px);transition:.35s var(--ease)}
.tile:hover .cap i::after{opacity:1;transform:none}
.tile::after{background:linear-gradient(180deg,rgba(35,26,18,0) 30%,rgba(35,26,18,.74))}

/* Liens, accordéons, Instagram, sections */
.sec a:not(.btn):not(.tile){text-underline-offset:.22em;text-decoration-thickness:1px;transition:text-decoration-thickness .2s,color .2s}
.sec.blanc a:not(.btn):not(.tile):hover,.sec.clair a:not(.btn):not(.tile):hover{color:var(--corail);text-decoration-thickness:2px}
.faq summary{transition:color .25s}.faq summary:hover{color:var(--corail)}
.faq summary::after{transition:transform .35s var(--ease);color:var(--corail)}
.faq details[open] summary::after{content:"+";transform:rotate(135deg)}
.igrid a{position:relative}
.ig-ov{position:absolute;inset:0;background:rgba(201,79,51,.55);opacity:0;transition:opacity .35s;display:grid;place-items:center}
.ig-ov::after{content:"♡";color:#fff;font-size:2.2rem;transform:scale(.6);transition:transform .35s var(--ease)}
.igrid a:hover .ig-ov{opacity:1}.igrid a:hover .ig-ov::after{transform:scale(1)}
.sec.lin{background:radial-gradient(900px 440px at 88% 0%,rgba(201,79,51,.26),transparent 62%),radial-gradient(700px 360px at 0% 100%,rgba(233,180,76,.14),transparent 60%),var(--lin)}
.infos{transition:transform .4s var(--ease),box-shadow .4s}
.infos:hover{transform:translateY(-4px);box-shadow:0 22px 40px -28px rgba(0,0,0,.45)}
.col-card{transition:transform .45s var(--ease)}.col-card:hover{transform:translateY(-6px)}
.prod .prix{color:var(--corail)}.sec.lin .prod .prix{color:#fff}
table.prix thead th{background:var(--corail)}
.hero-solid{background:radial-gradient(800px 360px at 80% 0%,rgba(201,79,51,.3),transparent 62%),var(--lin)}

/* Formulaires */
input:focus,select:focus,textarea:focus{border-color:var(--corail);box-shadow:0 0 0 4px rgba(201,79,51,.16);outline:none}
.chips label{transition:background .25s,color .25s,border-color .25s,transform .25s}.chips label:hover{border-color:var(--corail);transform:translateY(-2px)}
.chips label:has(input:checked){background:var(--corail);border-color:var(--corail);color:#fff}
.chips input{accent-color:#fff}
.btn[disabled]{opacity:.65;pointer-events:none}
.fm-msg.ok{display:flex;align-items:center;gap:.7em;color:#23724a}
.fm-msg.ok::before{content:"✓";display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#23724a;color:#fff;animation:pop .6s var(--ease)}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.formbox{box-shadow:0 40px 70px -48px rgba(0,0,0,.55)}

/* Bouton flottant de contact */
.fab{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;gap:10px;align-items:center;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.fab.show{opacity:1;transform:none;pointer-events:auto}
.fab a{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:14px 24px;border-radius:999px;font-family:var(--serif);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;text-decoration:none;color:#fff;background:var(--corail);box-shadow:0 18px 38px -14px rgba(0,0,0,.6);transition:transform .3s var(--ease),background .3s}
.fab a:hover{transform:translateY(-3px);background:var(--corail-h);color:#fff}
.fab a.tel{background:#fff;color:var(--lin-fonce);border:1px solid rgba(107,91,75,.22)}.fab a.tel:hover{background:#fff;color:var(--corail)}
.fab a.go::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;animation:pulse2 2.2s infinite}
@keyframes pulse2{70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}0%{box-shadow:0 0 0 0 rgba(255,255,255,.8)}}

@media (max-width:900px){
  .statgrid{grid-template-columns:repeat(2,1fr)}
  .marquee span{font-size:1.2rem;gap:34px;padding:0 18px}
  .split .pic::before,.split .pic img{border-radius:999px 999px 0 0}
  .pic::before{inset:14px -10px -14px 14px}.split.rev>.pic::before{inset:14px 10px -14px -10px}
  .fab{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0px))}
  .fab a{flex:1;padding:15px 8px;font-size:.82rem;letter-spacing:.1em}
  body{padding-bottom:84px}
  .cue{display:none}
  .live .sep{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal,.js .pic img{opacity:1;transform:none;clip-path:none;scale:1}
  .w{opacity:1;transform:none}
  .marquee .track{transform:none}
  @view-transition{navigation:none}
}
.fab a{white-space:nowrap}
@media (max-width:900px){.fab a.tel{flex:0 0 auto;padding:15px 22px}.fab a.go{flex:1}}

/* ===== v7 : identité du client (logo dessiné, palette officielle, photos du Drive) ===== */
/* Palette : Douglas Fir #36492E · Forest #1D2415 · Lichen #767D6F · Almond Milk #D6CFBF · Burgundy #64323E · Wine Velvet #501E28 · framboise du logo #B23A58 */
:root{--lin:#36492E;--lin-fonce:#2A3A24;--lin-clair:#D6CFBF;--taupe:#2F3A2B;--encre:#2B3427;--mauve:#B23A58;--mauve-hover:#8E2C45;--corail:#B23A58;--corail-h:#8E2C45;--rose:#F5E4E2;--moutarde:#D6CFBF;--vert:#1D2415;--bordeaux:#64323E;--velours:#501E28;--lichen:#767D6F;--amande:#D6CFBF}
:focus-visible{outline-color:var(--corail)}
.sec.clair{background:var(--amande)}
.sec.rose{background:var(--rose)}
.sec.lin{background:radial-gradient(900px 440px at 88% 0%,rgba(178,58,88,.30),transparent 62%),radial-gradient(700px 360px at 0% 100%,rgba(118,125,111,.35),transparent 60%),linear-gradient(160deg,#36492E,#2A3A24)}
.hero-solid{background:radial-gradient(800px 360px at 80% 0%,rgba(178,58,88,.34),transparent 62%),linear-gradient(160deg,#36492E,#1D2415)}
.hero-full::after{background:radial-gradient(900px 520px at 12% 100%,rgba(178,58,88,.30),transparent 62%),linear-gradient(180deg,rgba(20,28,16,.55) 0%,rgba(20,28,16,.28) 45%,rgba(20,28,16,.62) 100%)}
.tile::after{background:linear-gradient(180deg,rgba(20,28,16,0) 30%,rgba(20,28,16,.78))}
.marquee{background:var(--bordeaux)}
.sec.rose .statgrid b{color:var(--bordeaux)}
table.prix thead th{background:var(--lin)}
.btn{box-shadow:0 12px 26px -14px rgba(178,58,88,.9)}
.btn:hover{box-shadow:0 18px 30px -14px rgba(178,58,88,.95)}
footer{background:linear-gradient(170deg,#2A3A24,#1D2415)}
body{color:var(--taupe)}

/* Logo dessiné : blanc sur l'image, vert une fois l'en-tête opaque */
.logo{display:flex;align-items:center}
.logo img{height:50px;width:auto;display:block}
.logo .l-vert{display:none}
#topbar.over:not(.scrolled) .l-blanc{display:block}
#topbar:not(.over) .l-blanc,#topbar.scrolled .l-blanc{display:none}
#topbar:not(.over) .l-vert,#topbar.scrolled .l-vert{display:block}
#topbar.over:not(.scrolled) .l-blanc{filter:drop-shadow(0 1px 8px rgba(0,0,0,.35))}
#topbar.scrolled .logo img{height:42px;transition:height .3s}
.flogo{width:230px;max-width:100%;height:auto;margin:0 0 1.2em}
.illu{width:min(380px,80%);height:auto;margin:0 auto 1.4em}
.illu-col{align-self:center;text-align:center}
.illu-col img{width:min(340px,80%);margin:0 auto;border-radius:0!important;clip-path:none!important}
.illu-col::before{display:none}
.js .illu-col img{clip-path:none;scale:1}
.signature{width:min(340px,70%);height:auto;margin:1.4em 0 .6em}

/* Étiquettes (valeurs de la ferme) */
.pill-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;padding:0;margin:1.4em 0}
.pill-list li{padding:9px 18px;border:1px solid currentColor;font-family:var(--serif);font-size:1.15rem;letter-spacing:.04em;border-radius:999px;background:rgba(255,255,255,.1)}
.sec.blanc .pill-list li,.sec.clair .pill-list li{color:var(--lin);background:#fff;border-color:var(--lichen)}

/* Calendrier floral et tarifs */
.moisgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mois{background:var(--rose);padding:28px 26px;border-top:3px solid var(--corail)}
.mois h3{color:var(--lin);margin-bottom:.1em}
.mois i{display:block;font-family:var(--serif);font-size:1.15rem;color:var(--bordeaux);margin-bottom:.9em}
.mois p{font-size:.95rem;margin-bottom:.6em}
.mois b{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--corail)}
.tarifs3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tarcol{background:#fff;padding:30px 28px}
.tarcol h3{color:var(--lin);border-bottom:1px solid var(--amande);padding-bottom:.5em;margin-bottom:.8em}
.tarcol ul{list-style:none;padding:0}
.tarcol li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed rgba(54,73,46,.22);font-size:.95rem}
.tarcol li:last-child{border:0}
.tarcol li b{font-weight:500;white-space:nowrap;color:var(--bordeaux)}
@media (max-width:900px){.moisgrid,.tarifs3{grid-template-columns:1fr}.logo img{height:40px}.flogo{width:190px}}
.logo img{height:58px}
#topbar.scrolled .logo img{height:46px}
@media (max-width:900px){.logo img{height:44px}}

/* ===== v9 : « fond lin / blanc » comme Les Bâtisses (lin = rose-taupe #A98A84 foncé pour rester lisible) ===== */
:root{--lin:#86706A;--lin-fonce:#6C5A55;--lin-clair:#E6D9CF;--taupe:#4A3B37;--encre:#3B2F2C;--amande:#E6D9CF}
.sec.lin{background:radial-gradient(900px 440px at 88% 0%,rgba(178,58,88,.22),transparent 62%),radial-gradient(700px 360px at 0% 100%,rgba(255,255,255,.10),transparent 60%),linear-gradient(160deg,#8E7871,#7A655F)}
.sec.blanc h2,.sec.blanc h3,.sec.clair h2,.sec.clair h3{color:var(--lin-fonce)}
.sec.clair{background:var(--amande)}
.hero-solid{background:radial-gradient(800px 360px at 80% 0%,rgba(178,58,88,.30),transparent 62%),linear-gradient(160deg,#8E7871,#6C5A55)}
#topbar .logo,#topbar nav a.nl{color:var(--lin-fonce)}
#topbar.over:not(.scrolled) nav a.nl{color:#fff}
table.prix thead th{background:var(--lin)}
.tarcol h3,.mois h3{color:var(--lin-fonce)}
.mois i{color:var(--bordeaux)}
.sec.blanc .pill-list li,.sec.clair .pill-list li{color:var(--lin-fonce);border-color:var(--lin)}
.insta h2{color:var(--lin-fonce)}
.sec.lin .btn:not(.btn-white){background:#fff;color:var(--lin-fonce);border-color:#fff;box-shadow:none}
.sec.lin .btn:not(.btn-white):hover{background:var(--corail);border-color:var(--corail);color:#fff}
.hero-full.court{min-height:min(78svh,720px)}
.illu-left{margin:0 0 1.2em;width:min(240px,60%)}
@media (max-width:1280px){nav a.nl{padding:10px 7px;font-size:.7rem;letter-spacing:.14em}}
@media (max-width:1180px){
  #burger{display:block}
  nav{position:absolute;top:84px;left:0;right:0;background:#fff;padding:8px 24px 26px;display:none;box-shadow:0 18px 30px -18px rgba(0,0,0,.35)}
  nav.open{display:block}nav ul{flex-direction:column;align-items:stretch}
  #topbar nav a.nl,#topbar.over:not(.scrolled) nav a.nl{color:var(--lin-fonce);text-shadow:none;padding:15px 4px;border-bottom:1px solid rgba(108,90,85,.15)}
}
@media (min-width:1181px){nav{display:flex;align-items:center}nav ul{flex-wrap:nowrap}}

/* Retours client novembre 2026 */
.shop-links{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:32px 0 56px;background:transparent;box-shadow:none;padding:0}.shop-links a{font-size:.95rem}.shop-links-cards img{width:100%;height:240px;object-fit:cover;margin-bottom:24px}.shop-links-cards h2{font-size:2rem}.shop-form{color:var(--taupe)}.shop-form .check{display:flex;gap:12px;align-items:start}.shop-form .check input{width:auto;flex-shrink:0;margin-top:7px}.shop-total{font-size:1.3rem;font-weight:500;margin:24px 0}.shop-msg{margin-top:16px}.shipping-fields[hidden]{display:none}.shipping-fields textarea{width:100%;min-height:120px}.coulisses summary{font-family:var(--serif);font-size:2rem;cursor:pointer;line-height:1.2;padding:20px 0}.coulisses p{margin-top:20px}.shop-form button:disabled{opacity:.65;cursor:wait}
@media (min-width:1181px){nav a.nl{padding:10px 6px;font-size:.66rem;letter-spacing:.1em}}

#coulisses .coulisses-photo img{width:100%;height:420px;object-fit:cover;object-position:50% 28%}
@media(max-width:600px){#coulisses .coulisses-photo img{height:300px}}