/* Pages thématiques — même charte que la page principale */
:root{
  --brun:#563010; --brun-fonce:#3E220B; --taupe:#80644C; --beige:#D5CBC3; --creme:#F6F1EC; --blanc:#FFFFFF; --texte:#2B2420; --gris:#6B5E55;
  --f-nom:'Cinzel','Times New Roman',serif;
  --f-titre:'Playfair Display','Didot','Bodoni 72',Georgia,serif;
  --f-texte:'Josefin Sans','Brandon Grotesque','Century Gothic',Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:var(--blanc);color:var(--texte);font:300 17px/1.7 var(--f-texte);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
img{max-width:100%}
p{margin:0}
a{color:var(--brun)}
:focus-visible{outline:2px solid var(--taupe);outline-offset:3px}
.full{margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px))}
.wrap{max-width:1100px;margin-inline:auto}
.etroit{max-width:760px;margin-inline:auto}
header{background:var(--brun);position:sticky;top:0;z-index:10}
.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px}
.logo{display:grid;justify-items:center;line-height:1;text-decoration:none;color:var(--blanc)}
.logo b{font:400 1.05rem var(--f-nom);letter-spacing:.2em}
.logo i{font:italic 400 .9rem var(--f-titre);color:var(--beige)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.5rem;border:1px solid var(--brun);background:var(--brun);color:var(--blanc);
  font:400 .8rem var(--f-nom);letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.btn:hover{background:var(--brun-fonce)}
.btn.clair{background:transparent;border-color:var(--blanc);color:var(--blanc)}
.btn.clair:hover{background:var(--blanc);color:var(--brun)}
.btn.ligne{background:transparent;color:var(--brun)}
.btn.ligne:hover{background:var(--brun);color:var(--blanc)}
.fil{font-size:.85rem;color:var(--gris);padding-block:14px}
.fil a{color:var(--gris)}
.hero{position:relative;min-height:clamp(360px,55vh,520px);display:grid;align-items:end;color:var(--blanc);background:#2b1a0c center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,22,8,.15),rgba(40,22,8,.75))}
.hero .wrap{position:relative;padding-block:40px;display:grid;gap:12px;width:100%}
.sur{font:400 .76rem var(--f-nom);letter-spacing:.26em;text-transform:uppercase;color:var(--taupe)}
.hero .sur{color:var(--beige)}
h1{margin:0;font:italic 400 clamp(2rem,5vw,3.3rem)/1.12 var(--f-titre);text-wrap:balance;max-width:22ch}
h2{margin:0 0 14px;font:italic 400 clamp(1.6rem,3.4vw,2.3rem)/1.2 var(--f-titre);color:var(--brun);text-wrap:balance}
h3{margin:0;font:600 1.02rem/1.35 var(--f-texte);letter-spacing:.03em}
section{padding-block:clamp(44px,7vw,80px)}
.creme{background:var(--creme)}
.intro{font-size:1.15rem;display:grid;gap:14px}
.atouts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.atouts div{border-top:2px solid var(--brun);padding-top:14px;display:grid;gap:6px;min-width:0}
.atouts p{color:var(--gris);font-size:.96rem}
@media (max-width:820px){.atouts{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.atouts{grid-template-columns:1fr}}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.photos img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.photos img.l{grid-column:span 2;aspect-ratio:auto;height:100%}
@media (max-width:620px){.photos{grid-template-columns:1fr 1fr}.photos img.l{grid-column:1/-1;aspect-ratio:4/3;height:auto}}
.infos{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;margin:0}
.infos dt{font:400 .7rem var(--f-nom);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);padding-top:5px}
.infos dd{margin:0}
blockquote{margin:24px 0 0;padding:22px 26px;background:var(--blanc);font:italic 400 1.25rem/1.45 var(--f-titre);color:var(--brun)}
blockquote cite{display:block;margin-top:10px;font:400 .7rem var(--f-nom);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);font-style:normal}
ul.liste{margin:0;padding-left:20px;display:grid;gap:6px}
details{border-bottom:1px solid var(--beige)}
details:first-of-type{border-top:1px solid var(--beige)}
summary{list-style:none;cursor:pointer;padding:16px 0;min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:italic 400 1.15rem var(--f-titre);color:var(--brun)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 1.3rem var(--f-nom);color:var(--taupe)}
details[open] summary::after{content:"−"}
details p{padding-bottom:18px;color:var(--gris)}
.cta{background:var(--brun);color:var(--blanc);text-align:center}
.cta .wrap{display:grid;gap:16px;justify-items:center}
.cta h2{color:var(--blanc)}
.cta p{color:#EDE5DE;max-width:56ch}
.cta .ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.autres{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.autres a{display:grid;gap:4px;padding:18px;border:1px solid var(--beige);text-decoration:none;min-width:0}
.autres a:hover{border-color:var(--brun)}
.autres b{font:italic 400 1.15rem var(--f-titre);color:var(--brun)}
.autres span{font-size:.92rem;color:var(--gris)}
@media (max-width:760px){.autres{grid-template-columns:1fr}}
footer{background:var(--brun-fonce);color:var(--beige);padding-block:32px;font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
footer a{color:var(--beige)}
.lead-g{color:var(--gris);margin:0 0 20px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{min-height:44px;padding:8px 16px;border:1px solid var(--beige);background:var(--blanc);color:var(--brun);font:400 .72rem var(--f-nom);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--brun);border-color:var(--brun);color:var(--blanc)}
.tgal{columns:4 220px;column-gap:8px}
.tgal img{width:100%;display:block;margin-bottom:8px;break-inside:avoid;cursor:zoom-in}
.photos img{cursor:zoom-in}
.plus-wrap{text-align:center;margin-top:22px}
.plus-wrap .btn[hidden]{display:none}
.lb{position:fixed;inset:0;z-index:50;background:rgba(20,12,6,.92);display:grid;place-items:center;padding:16px}
.lb[hidden]{display:none}
.lb img{max-width:100%;max-height:88vh;object-fit:contain}
.lb button{position:absolute;top:12px;right:16px;width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}
.pvids{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pvids figure{margin:0;display:grid;gap:8px;min-width:0}
.pvids video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#2b1a0c;display:block}
.pvids figcaption{font:italic 400 1rem var(--f-titre);color:var(--brun)}
@media (max-width:760px){.pvids{grid-template-columns:1fr 1fr}}

/* Films (format horizontal) */
.pfilms{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.pfilms figure{margin:0;display:grid;gap:8px;min-width:0}
.pfilms video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;display:block}
.pfilms figcaption{font:italic 400 1rem var(--f-titre);color:var(--brun)}