:root{--bg:#FAF7F2;--fg:#1E1A1B;--mute:#6B625C;--plat:#F1EAE2;--rule:#E5DED6;--gold:#A88B5C;--ink:#1E1A1B;--paper:#FAF7F2;color-scheme:light;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141112;--fg:#FAF7F2;--mute:#B8A99A;--plat:#1E1A1B;--rule:#3A3335;--gold:#B89A68;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#141112;--fg:#FAF7F2;--mute:#B8A99A;--plat:#1E1A1B;--rule:#3A3335;--gold:#B89A68;color-scheme:dark}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:60px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit;transition:color .2s}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p{margin:0}
ul{list-style:none;margin:0;padding:0}
figure{margin:0}
:focus-visible{outline:1px solid var(--fg);outline-offset:2px}
.gold{color:var(--gold)}
.skip{position:absolute;left:16px;top:-60px;background:var(--fg);color:var(--bg);padding:8px 16px;z-index:100;font-size:12px;text-decoration:none}
.skip:focus{top:8px}
/* bandeau */
.annonce{position:relative;height:36px;background:#1E1A1B;color:#FAF7F2;display:flex;align-items:center;justify-content:center;padding:0 48px}
.annonce p{font-size:10px;line-height:12px;text-align:center}
.annx{position:absolute;right:8px;top:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#FAF7F2}
/* header */
.hd{position:fixed;left:0;right:0;top:0;z-index:30;height:52px;padding:0 26px 0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#FAF7F2;background:transparent;transform:translateY(var(--hoff,0px));transition:background-color .3s cubic-bezier(.39,.575,.565,1),color .3s cubic-bezier(.39,.575,.565,1),transform .3s cubic-bezier(.39,.575,.565,1)}
.hd.solid{background:var(--bg);color:var(--fg)}
.hd.gone{transform:translateY(-100%)}
.hbtn{font-size:12px;line-height:18px;text-transform:uppercase;justify-self:start;min-height:44px}
.name{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:22px;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.util{justify-self:end;display:flex;gap:24px}
.util a{font-size:12px;line-height:18px;text-transform:uppercase;text-decoration:none;min-height:44px;display:flex;align-items:center}
.burger{display:none}
/* hero */
.hero{position:relative;aspect-ratio:16/9;min-height:520px;max-height:100svh;width:100%;overflow:hidden;background:var(--plat)}
.hero .hv{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:rgba(20,17,18,.28);pointer-events:none}
.hcap{position:absolute;left:0;right:0;bottom:40px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:#FAF7F2;text-align:center;padding:0 16px}
.mr{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;letter-spacing:.15em}
.hcap .sur{font-size:14px;line-height:22px;text-transform:uppercase}
.hcap .cit{font-size:14px;line-height:22px;margin-bottom:12px}
.slot{position:absolute;left:16px;top:64px;z-index:2;font-size:10px;line-height:12px;color:#FAF7F2;background:rgba(20,17,18,.55);padding:4px 8px}
.vctl{position:absolute;right:16px;bottom:16px;z-index:2}
.vpause{font-family:Arial,sans-serif;font-size:10px;color:#FAF7F2;text-transform:uppercase;min-height:44px;min-width:44px}
/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:8px 25px 5px;font-size:14px;line-height:22px;text-transform:uppercase;text-decoration:none;background:#FAF7F2;color:#1E1A1B;border:1px solid #1E1A1B;border-radius:0;transition:background-color .25s,color .25s}
.btn.dark{background:var(--fg);color:var(--bg);border-color:var(--fg);height:48px}
.btn.full{width:100%}
@media (hover:hover) and (pointer:fine){.btn:hover{background:#1E1A1B;color:#FAF7F2}.btn.dark:hover{background:var(--gold);border-color:var(--gold);color:#1E1A1B}a:hover{color:var(--gold)}}
/* images */
.ph{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s}
.ph.ld{opacity:1}
.r34{aspect-ratio:3/4;overflow:hidden;background:var(--plat)}
.r11{aspect-ratio:1/1;overflow:hidden;background:var(--plat)}
.r57{aspect-ratio:5/7;overflow:hidden}
.bgp{background:var(--plat)}
/* modules */
.mod{margin-top:12px}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1157px;margin:12px auto 0;padding:0 16px}
.trit{text-decoration:none;display:flex;flex-direction:column}
.trit .tt{margin-top:12px;font-size:14px;line-height:20px;text-transform:uppercase}
.trit .lk{font-size:14px;line-height:22px;text-decoration:underline;text-underline-offset:4px}
.tri.sm{margin-top:120px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* éditorial */
.ed{padding-top:120px}
.intro{max-width:592px;margin:0 auto;padding:0 16px;text-align:center;display:flex;flex-direction:column;gap:16px}
.intro+.full21,.full21+.intro{margin-top:120px}
.ttl{font-size:20px;line-height:26px;font-weight:400;margin:0 0 8px}
.ttl.l{text-align:left}
.sec2{font-size:12px;line-height:18px;color:var(--mute)}
.sec2.c{text-align:center;margin-top:-8px}
.full21{aspect-ratio:2/1;overflow:hidden;background:var(--plat)}
.ed>.full21:first-child{margin-bottom:120px}
.duo{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:0 16px;margin-top:120px;align-items:start}
.duo .d1{grid-column:2/7}
.duo .d2{grid-column:8/12;margin-top:120px}
.duo.rev .d1{grid-column:2/6;margin-top:120px}
.duo.rev .d2{grid-column:7/12;margin-top:0}
.duo figure>img{aspect-ratio:4/5}
.duo figcaption{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.duo .txt{display:flex;flex-direction:column;gap:12px}
.ct{font-size:14px;line-height:22px;text-transform:uppercase}
.st{font-size:14px;line-height:22px;font-weight:400;text-transform:uppercase;text-align:center;margin:0 0 24px}
.st.l{text-align:left;margin:0}
.ref{width:160px;margin-top:12px}
.ref img{aspect-ratio:auto;height:auto}
.vc{margin-top:8px;font-size:10px;line-height:12px;color:var(--mute)}
.block{margin-top:120px}
.lead{max-width:560px;margin:0 auto 32px;text-align:center;padding:0 16px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1157px;margin:0 auto;padding:0 16px}
.two>div{display:flex;flex-direction:column;gap:8px}
.acc{max-width:720px;margin:0 auto;padding:0 16px;border-top:1px solid var(--rule)}
.acc li{padding:14px 0;border-bottom:1px solid var(--rule)}
.block>.sec2{text-align:center;margin-top:16px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1157px;margin:0 auto;padding:0 16px}
.grid4 figcaption,.grid3 figcaption{margin-top:10px}
.vt{font-size:14px;line-height:20px}
.vd{font-size:12px;line-height:18px;color:var(--mute);margin-top:2px}
.grid3 .r11 img{object-fit:contain;padding:18%}
.cta{display:flex;justify-content:center;margin-top:32px}
.menu6{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.menu6 .ct{margin-bottom:8px}
.stars{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:16px 0;text-align:left}
.stars li{display:flex;gap:12px}
.vslot21{position:relative;aspect-ratio:2/1;background:var(--plat);overflow:hidden}
.vslot21 .slot{top:16px}
.intro .mr{margin-top:8px}
/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:120px}
.cimg{aspect-ratio:4/5;overflow:hidden;background:var(--plat)}
.cform{padding:48px 16px 48px 48px;display:flex;flex-direction:column;gap:16px;max-width:560px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:24px 24px;margin-top:8px}
.f{display:flex;flex-direction:column}
.f.full{grid-column:1/-1}
.form .btn{grid-column:1/-1}
label{font-size:14px;line-height:22px;color:var(--mute)}
input,select,textarea{font:inherit;color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:8px 0;min-height:44px}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--fg)}
select option{color:#1E1A1B}
.clinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
/* footer */
.ft{margin-top:72px;padding:48px 24px 24px;border-top:1px solid var(--rule)}
.fb{display:grid;grid-template-columns:repeat(2,minmax(0,448px));gap:48px}
.fb>div{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ul{text-underline-offset:4px}
.fl{display:grid;grid-template-columns:repeat(4,minmax(0,308px));gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--rule)}
.fl>div{display:flex;flex-direction:column}
.fl .ct{margin-bottom:12px}
.fl a{text-decoration:none;font-size:14px;line-height:22px;padding:2px 0}
.fm{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:16px;border-top:1px solid var(--rule);font-size:12px;line-height:18px;color:var(--mute)}
/* menu ordi */
.voile{position:fixed;inset:0;background:rgba(0,0,0,.2);z-index:39;opacity:0;transition:opacity .4s}
.voile.on{opacity:1}
.panel{position:fixed;top:0;left:0;bottom:0;width:83.5%;z-index:40;background:var(--bg);color:var(--fg);padding:16px;clip-path:inset(0 100% 0 0);visibility:hidden;transition:clip-path .3s ease-in-out,visibility 0s .3s;overflow-y:auto}
.panel.on{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .3s ease-in-out}
.ptop{display:flex;justify-content:space-between;align-items:center;padding-top:env(safe-area-inset-top,0px)}
.tabs{display:flex;gap:32px}
.tab{font-size:12px;line-height:18px;text-transform:uppercase;min-height:44px}
.tab[aria-selected="true"]{text-decoration:underline;text-underline-offset:5px}
.pclose{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;min-height:44px}
.pans{position:relative;margin-top:34px}
.pan{display:grid;grid-template-columns:392px 392px 1fr;align-items:start}
.c1 li,.lvl2 li{min-height:38px;display:flex;align-items:center}
.c1 a,.c1 button,.lvl2 a{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:22px;text-decoration:none;min-height:38px;text-align:left}
.chev{opacity:0;transition:opacity .2s}
.c1 a:hover .chev,.c1 button:hover .chev,.c1 button[aria-expanded="true"] .chev,.c1 a:focus-visible .chev,.c1 button:focus-visible .chev{opacity:1}
.c3{display:grid;grid-template-columns:repeat(2,170px);gap:16px}
.th{text-decoration:none;display:flex;flex-direction:column;gap:6px}
.th img{width:170px;height:200px}
.th span{font-size:10px;line-height:12px}
.putil{position:absolute;left:16px;bottom:24px}
.putil li{font-size:12px;line-height:18px;min-height:35px;display:flex;align-items:center}
.putil a{text-decoration:none}
/* menu téléphone */
.mpanel{position:fixed;inset:0;z-index:50;background:var(--bg);color:var(--fg);display:none;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}
.mpanel.on{display:flex}
.mhead{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex:none}
.mhead .name{font-size:17px}
.mclose{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:flex-end}
.mtrack{position:relative;flex:1;overflow:hidden}
.m1,.mlvl{position:absolute;inset:0;padding:8px 16px 32px;overflow-y:auto}
.mlvl{transform:translateX(100%);transition:transform .3s;background:var(--bg)}
.mlvl.on{transform:none}
.mlist button,.mlvl li a{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px;line-height:22px;min-height:44px;text-decoration:none;text-align:left}
.mlist .chev{opacity:1}
.mutil{margin-top:24px}
.mutil li{font-size:12px;line-height:18px;min-height:36px;display:flex;align-items:center}
.mutil a{text-decoration:none}
.mback{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}
.mtitle{font-size:14px;line-height:22px;margin:8px 0 8px}
.mlvl .ind a{padding-left:16px;color:var(--mute)}
.feat-t{font-size:10px;line-height:12px;text-transform:uppercase;margin:24px 0 8px;color:var(--mute)}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feat .th img{width:100%;height:auto;aspect-ratio:170/200}
/* responsive */
@media (max-width:1023px){
 .hd{height:60px;padding:0 16px;grid-template-columns:1fr auto}
 .hd .menu-open,.util{display:none}
 .name{font-size:17px;justify-self:start}
 .burger{display:flex;justify-self:end;align-items:center;justify-content:flex-end;min-width:44px}
 .hero{aspect-ratio:9/16;max-height:none;min-height:0}
 .slot{top:72px}
 .tri{grid-template-columns:1fr;gap:32px}
 .pair{grid-template-columns:1fr}
 .ed{padding-top:80px}
 .intro+.full21,.full21+.intro,.ed>.full21:first-child{margin-top:0}
 .ed>.full21:first-child{margin-bottom:80px}
 .intro+.full21{margin-top:80px}
 .full21{aspect-ratio:4/3}
 .duo{grid-template-columns:1fr;margin-top:80px;gap:32px}
 .duo .d1,.duo .d2,.duo.rev .d1,.duo.rev .d2{grid-column:1;margin-top:0}
 .duo.rev .d2{order:-1}
 .block{margin-top:80px}
 .tri.sm{margin-top:80px}
 .two{grid-template-columns:1fr;gap:32px}
 .grid4{grid-template-columns:1fr 1fr}
 .grid3{grid-template-columns:1fr 1fr}
 .vslot21{aspect-ratio:9/16}
 .contact{grid-template-columns:1fr;margin-top:80px}
 .cform{padding:32px 16px}
 .form{grid-template-columns:1fr}
 .fb{grid-template-columns:1fr}
 .fl{grid-template-columns:1fr 1fr}
 .fm{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.ph{opacity:1}}
/* v2 : vues, fil d'Ariane, projets, galerie, presse */
.crumb{display:flex;gap:8px;justify-content:center;font-size:12px;line-height:18px;color:var(--mute);margin:0 auto 32px;padding:0 16px}
.crumb a{text-decoration:none}
.cform .crumb{justify-content:flex-start;padding:0;margin:0 0 8px}
.view>.ed:first-child{padding-top:112px}
.tile{position:relative;display:block;text-decoration:none;color:#FAF7F2}
.tcap{position:absolute;left:0;right:0;bottom:32px;display:flex;flex-direction:column;align-items:center;gap:12px}
.tile .tt{font-size:14px;line-height:22px;text-transform:uppercase;text-shadow:0 0 18px rgba(20,17,18,.6)}
.full169{aspect-ratio:16/9;overflow:hidden;background:var(--plat)}
.full21.sp{margin:80px 0}
.r45{aspect-ratio:4/5;overflow:hidden}
.r169{aspect-ratio:16/9;overflow:hidden}
.slotbox{background:var(--plat);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}
.slotbox span{font-size:10px;line-height:12px;color:var(--mute)}
.todo{font-size:12px;line-height:18px;color:var(--mute)}
.proj{margin-top:120px}
.proj .intro{margin-top:32px}
.proj .st{margin:0}
.press{max-width:1157px;margin:0 auto;padding:0 16px;border-top:1px solid var(--rule)}
.press li{display:grid;grid-template-columns:200px 1fr 140px 60px;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.pm{text-transform:uppercase}.pd{color:var(--mute);font-size:12px}
.c2t{text-align:center;margin-top:16px}
.cta{gap:12px;flex-wrap:wrap}
.contact{margin-top:0}
@media (max-width:1023px){
 .view>.ed:first-child{padding-top:96px}
 .press li{grid-template-columns:1fr auto;gap:4px 12px}
 .press .pt{grid-column:1/-1}
 .tcap{bottom:24px}
}
[hidden]{display:none!important}
/* v3 : vidéos, carrousels, fiches, sous-menus */
.r916{aspect-ratio:9/16;overflow:hidden;background:var(--plat)}
.vw{position:relative;overflow:hidden;background:#1E1A1B;width:100%}
.vw.r916{aspect-ratio:9/16}.vw.r169{aspect-ratio:16/9}.vw.r34{aspect-ratio:3/4}
.vw video{width:100%;height:100%;object-fit:cover;display:block}
.vbar{position:absolute;right:8px;bottom:8px;display:flex;gap:6px}
.vbar button{font-family:Arial,sans-serif;font-size:10px;line-height:12px;text-transform:uppercase;color:#FAF7F2;background:rgba(20,17,18,.6);padding:8px 12px;min-height:40px;min-width:44px}
.vhero{max-width:420px;margin:48px auto 0;padding:0 16px}
.vhero.wide{max-width:1189px}
.subnav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;max-width:960px;margin:24px auto 0;padding:0 16px}
.subnav a{font-size:12px;line-height:18px;text-transform:uppercase;text-decoration:none;display:inline-block;padding:12px 0;border-bottom:1px solid transparent}
@media (hover:hover) and (pointer:fine){.subnav a:hover{border-bottom-color:currentColor}}
.car{position:relative;margin:0 auto}
.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px;scrollbar-width:none;scroll-behavior:smooth}
.track::-webkit-scrollbar{display:none}
.track:focus-visible{outline:1px solid var(--fg);outline-offset:4px}
.sl{flex:0 0 auto;scroll-snap-align:center}
.car.big .sl{width:min(560px,82vw)}
.car.wide .sl{width:min(880px,90vw)}
.car figure{margin:0}
.cnav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}
.cnav button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule)}
.ccount{font-size:12px;line-height:18px;color:var(--mute);min-width:48px;text-align:center}
.duoimg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.duoimg figcaption{margin-top:8px}
#vision-mission .d1 .r45 img{object-fit:contain}
.drc{display:grid;grid-template-columns:minmax(0,400px) minmax(0,560px);gap:64px;justify-content:center;align-items:start;padding:0 16px;margin:32px 0 64px}
.wines{border-top:1px solid var(--rule);margin-top:12px}
.wines li{padding:6px 0;border-bottom:1px solid var(--rule)}
.menudrc{margin:12px 0 0}
.menudrc dt{font-size:12px;line-height:18px;text-transform:uppercase;color:var(--gold);margin-top:16px}
.menudrc dd{margin:2px 0 0}
.fiche{display:grid;grid-template-columns:minmax(0,400px) minmax(0,520px);gap:64px;justify-content:center;align-items:center;padding:0 16px;margin-top:120px}
.fiche.rev .fm1{order:2}
.fm2{display:flex;flex-direction:column;gap:12px}
.cols-media{align-items:start}
.contain img{object-fit:contain}
.inst{margin-top:120px}
.inst .intro{margin-bottom:32px}
.media2{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto;padding:0 16px}
.grid2g{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1157px;margin:0 auto;padding:0 16px}
.grid2g figcaption{margin-top:10px}
.logos{max-width:1157px;margin:0 auto}
.logos .r11 img{object-fit:contain;padding:18%}
.wordmark{display:flex;align-items:center;justify-content:center}
.wordmark span{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;letter-spacing:.15em}
.tvrow{display:grid;grid-template-columns:minmax(0,640px) 240px;gap:24px;justify-content:center;align-items:end;padding:0 16px}
.article{background:#FFFFFF}
.article .ph{height:auto}
.clinks{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}
.clinks .btn{width:100%;padding-left:8px;padding-right:8px}
.contact{margin-top:0}
@media (max-width:1023px){
 .drc,.fiche,.tvrow{grid-template-columns:1fr;gap:32px}
 .fiche{margin-top:80px}
 .fiche.rev .fm1{order:0}
 .fiche .fm1{max-width:420px;width:100%;margin:0 auto}
 .media2,.grid2g{grid-template-columns:1fr}
 .inst{margin-top:80px}
 .vhero{max-width:360px}
 .vhero.wide{max-width:none}
 .subnav{gap:0 20px}
}
/* v4 : hiérarchie, tailles, alignements */
.ttl{font-size:28px;line-height:34px}
.st{font-size:20px;line-height:26px;letter-spacing:.02em}
.st.l,.inst .st{font-size:18px;line-height:24px}
.photo43{max-width:1157px;margin:80px auto;padding:0 16px}
.photo43 .ph{height:auto;aspect-ratio:auto}
.car.big .sl{width:auto}
.car.big .sl>div,.car.big .sl figure>div{aspect-ratio:auto;height:auto;background:none}
.car.big .sl img{height:min(460px,62vh);width:auto;max-width:86vw;object-fit:contain}
.car.big figure{width:min-content}
.drcv{position:sticky;top:72px}
.drct{text-align:center}
.menudrc dd{margin:2px auto 0;max-width:460px}
.tri.full{max-width:none;padding:0;gap:12px;margin-top:12px}
.tri.full .trit .tt,.tri.full .trit .lk{padding:0 16px}
.vtile{position:relative}
.vtile video{width:100%;height:100%;object-fit:cover;display:block}
.pair.narrow{max-width:1000px;margin:0 auto;padding:0 16px;gap:16px}
.mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,400px));column-gap:64px;row-gap:24px;justify-content:center;padding:0 16px}
.mgrid .mt{display:flex;flex-direction:column;gap:8px}
.mgrid .mm{align-self:start}
@media (max-width:1023px){
 .tri.full{grid-template-columns:1fr;gap:32px}
 .mgrid{grid-template-columns:1fr;row-gap:16px}
 .mgrid #sur-mesure{order:1}.mgrid .mm:nth-of-type(3){order:2}.mgrid #creation{order:3}.mgrid .mm:nth-of-type(4){order:4}
 .drcv{position:static}
 .ttl{font-size:24px;line-height:30px}
}
.tab.tablink{text-decoration:none;color:inherit;display:inline-flex;align-items:center}
.cnav .chev{opacity:1}
/* v5 : doré, alignements, dézoom */
.ct{color:var(--gold)}
.acc.gl li{display:flex;gap:14px;justify-content:center;text-align:center}
.acc.gl li::before{content:"*";color:var(--gold)}
.ccount{color:var(--gold)}
.fb .ul{color:var(--gold)}
.cta .btn,.tcap .btn{min-width:220px}
.dezoom{background:var(--plat)}
.dezoom img{object-fit:contain}
.tile .tt{text-shadow:0 1px 3px rgba(20,17,18,.8),0 0 18px rgba(20,17,18,.7)}
/* v5 */
.dezoom{position:relative;background:#1E1A1B}
.dezoom .bgblur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(24px) brightness(.7);transform:scale(1.15)}
.dezoom .front{position:relative;object-fit:contain}
.tcap{left:50%;right:auto;transform:translateX(-50%);bottom:32px;width:240px;padding:18px 16px;background:var(--bg);color:var(--fg);gap:6px;text-align:center}
.tile .tt{text-shadow:none;color:var(--fg)}
.lk2{font-size:12px;line-height:18px;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
#chef-prive .ct,#au-programme .acc li{color:var(--gold)}
.ccount{color:var(--gold)}
@media (max-width:1023px){.tcap{bottom:20px;width:200px;padding:14px 12px}}
/* v6 : carrousels homogènes */
.car.big .sl{width:min(440px,78vw)}
.car.big .sl>div,.car.big .sl figure>div{aspect-ratio:1/1;height:auto;overflow:hidden;background:var(--plat)}
.car.big .sl img{width:100%;height:100%;max-width:none;object-fit:cover}
.car.big figure{width:auto}
.tri.full .r11{aspect-ratio:1/1}

/* Ajouts mise en ligne (formulaire, mentions légales) */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.fmsg{grid-column:1/-1;margin:0;font-size:14px;line-height:22px}
.fm a{color:inherit;text-decoration:none}
.fm a:hover,.fm a:focus-visible{text-decoration:underline}
.mlg{max-width:560px;margin:0 auto;padding:0 16px 120px}
.mlg .ttl{text-align:center;margin-bottom:32px}
.mlg .ct{margin:24px 0 4px}
.mlg p{margin:0}
.form{position:relative}

/* modifs 23 oct (Romain) */
@media (min-width:1024px){.hd .name{margin-left:10px;padding-left:.15em}}
.grid2g figcaption{text-align:center}
#services .two>div{text-align:center;align-items:center}
#food-art-champagne{margin-top:48px}
#food-art-champagne .fiche{margin-top:32px}
.intro-ev{margin-top:80px}

/* modifs 23 oct (2) : cadres transparents accueil + Vision/Mission alignés */
.tri.full .trit{position:relative}
#accueil .tcap{background:rgba(250,247,242,.72);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--fg)}
.tri.full .trit .tglass .tt,.tri.full .trit .tglass .lk{padding:0;margin:0}
.tri.full .trit .tglass .tt{font-size:14px;line-height:22px}
#vision-mission figcaption,#vision-mission .vc{text-align:center}
@media (min-width:1024px){
 #vision-mission{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;column-gap:64px;row-gap:0;max-width:1040px;margin-left:auto;margin-right:auto;padding:0 32px}
 #vision-mission figure{display:contents}
 #vision-mission .d1>.r45{grid-column:1;grid-row:1}
 #vision-mission .d1>.vc{grid-column:1;grid-row:2}
 #vision-mission .d1>figcaption{grid-column:1;grid-row:3}
 #vision-mission .d2>.r45{grid-column:2;grid-row:1}
 #vision-mission .d2>figcaption{grid-column:2;grid-row:3}
 #vision-mission figcaption{margin-top:24px}
}
.subnav a{color:var(--gold)}

/* modifs 23 oct (3) : légendes, petits liens et pied de page centrés */
figcaption,figcaption p,.vc,.vt,.vd{text-align:center}
.duo figcaption,.duoimg figcaption{align-items:center}
.trit{align-items:center;text-align:center}
.th{align-items:center;text-align:center}
.fb{justify-content:center}
.fb>div{align-items:center;text-align:center}
.fl{justify-content:center}
.fl>div{align-items:center;text-align:center}
.fm{justify-content:center;align-items:center;text-align:center;flex-wrap:wrap;column-gap:32px}

/* modifs 23 oct (4) : vignettes du menu entières, coordonnées en doré */
.pan{grid-template-columns:minmax(0,392px) minmax(0,392px) minmax(0,1fr)}
.c3{grid-template-columns:repeat(2,minmax(0,170px))}
.c3 .th img{width:100%;height:auto;aspect-ratio:170/200}
.sec2.coords{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--gold);font-size:14px;line-height:22px;margin-top:24px}

.pan{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1176px}
/* modifs 23 oct (5) : cadres accueil plus petits et plus transparents */
#accueil .tcap{width:auto;min-width:170px;padding:10px 18px;gap:2px;background:rgba(250,247,242,.58);background:color-mix(in srgb,var(--bg) 58%,transparent)}
#accueil .tcap .tt{font-size:13px;line-height:20px;text-shadow:0 0 10px color-mix(in srgb,var(--bg) 85%,transparent)}
#accueil .tcap .lk,#accueil .tcap .lk2{font-size:11px;line-height:16px;text-shadow:0 0 10px color-mix(in srgb,var(--bg) 85%,transparent)}
@media (max-width:1023px){#accueil .tcap{min-width:150px;padding:8px 14px;bottom:16px}}

/* modifs 23 oct (6) : champs du formulaire encadrés, vignettes du menu entières, onglets iPad */
.form input:not([type=hidden]),.form select,.form textarea{border:1px solid var(--gold);border-radius:2px;padding:10px 12px;background:color-mix(in srgb,#fff 45%,transparent);width:100%;box-sizing:border-box}
.form select{-webkit-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23A88B5C' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--fg);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 45%,transparent)}
.form .f label{display:block;margin-bottom:6px}
.th img,.c3 .th img,.feat .th img{object-fit:contain;object-position:center}
.ptop{gap:16px}
.ptop .tabs{min-width:0;flex-wrap:wrap;row-gap:0}
.pclose{flex:none;white-space:nowrap}
@media (max-width:1279px){.ptop .tabs{column-gap:18px}}
@media (min-width:1024px) and (max-width:1279px){.ptop .tabs{column-gap:14px}.ptop .tab{font-size:11px;letter-spacing:0}}

/* modifs 23 oct (7) : calendrier date */
.form input[type=date]{-webkit-appearance:none;appearance:none;min-height:44px;text-align:left;color:var(--fg)}
.form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}
/* SEO 26/10 : le sous-titre de l’accueil devient le H1 de la page, rendu identique */
.hcap h1.sur{margin:0;font-weight:400}

/* Langue FR | EN (26 oct 2026) : sélecteur typographique, discret */
.lang{display:flex;align-items:center;gap:7px}
.lang .lg{font-size:12px;line-height:18px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;min-height:44px;display:flex;align-items:center;opacity:.55;transition:opacity .2s}
.lang .lg.on{opacity:1;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.lang .lsep{font-size:11px;line-height:18px;opacity:.4}
@media (hover:hover) and (pointer:fine){.lang .lg:hover{opacity:1}}
.lang-m{display:none}
@media (max-width:1023px){.hd{grid-template-columns:1fr auto auto}.hd .lang-m{display:flex;margin-right:12px}}