/* Pronto Cucine : feuille de style des pages de contenu */
:root{
  color-scheme:light;
  --ink:#0E0A0C;
  --ink2:#171012;
  --bone:#F3EFE8;
  --bone2:#E7E1D7;
  --bord:#54161F;
  --bord-deep:#2E0A10;
  --brass:#C4A574;
  --brass-deep:#8E6F3F;
  --muted:#6C6064;
  --muted-inv:rgba(243,239,232,.66);
  --line:rgba(14,10,12,.16);
  --line-inv:rgba(243,239,232,.2);
  --display:'Antonio','Arial Narrow',Impact,sans-serif;
  --serif:'Bodoni Moda','Didot',Georgia,serif;
  --body:'Jost','Helvetica Neue',Arial,sans-serif;
  --gutter:clamp(18px,4.5vw,72px);
  
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
/* transitions de page fluides (Chrome, Edge, Safari récents) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
.hdr{view-transition-name:pc-hdr}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--body);font-weight:300;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p{margin:0}
main{overflow-x:clip}
a{color:inherit}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.wrap{padding-inline:var(--gutter);max-width:1600px;margin-inline:auto}
.lab{font-family:var(--body);font-size:.7rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0;text-transform:none}
.disp{font-family:var(--display);font-weight:200;text-transform:uppercase;line-height:.9;letter-spacing:.01em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8em;font-family:var(--body);font-weight:500;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;padding:1.25em 2.2em;min-height:52px;border:1px solid transparent;cursor:pointer;transition:background .3s,color .3s,border-color .3s;border-radius:0}
.btn i{font-style:normal;display:inline-block;transition:transform .3s}
.btn:hover i{transform:translateX(5px)}
.btn-b{background:var(--brass);color:var(--ink)}
.btn-b:hover{background:#D6B988}
.btn-o{border-color:var(--line-inv);color:var(--bone)}
.btn-o:hover{border-color:var(--brass);color:var(--brass)}
.btn-d{background:var(--ink);color:var(--bone)}
.btn-d:hover{background:var(--bord)}

/* header + progress */
.hdr{position:fixed;top:0;left:0;right:0;z-index:80;padding-top:env(safe-area-inset-top,0px);transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent;color:var(--bone)}
.hdr.solid{background:rgba(14,10,12,.95);border-color:var(--line-inv)}
.hdr .in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand .mk{width:42px;height:42px;background:center/cover no-repeat;flex:none}
.brand .lab{color:rgba(243,239,232,.7);font-size:.6rem;line-height:1.5}
.nav{display:flex;gap:clamp(16px,2.6vw,42px)}
.nav a{font-size:.68rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:rgba(243,239,232,.82);padding:8px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}
.nav{flex:none}
.hdr-tel,.hdr .btn{flex:none}
.nav a:hover{color:var(--brass);border-color:var(--brass)}
.hdr .btn{padding:.9em 1.6em;min-height:44px}
.hdr-tel{display:none;align-items:center;gap:8px;color:rgba(243,239,232,.82);text-decoration:none;font-size:.72rem;font-weight:500;letter-spacing:.08em;white-space:nowrap}
.hdr-tel:hover{color:var(--brass)}
.hdr-tel svg{flex:none}
@media (min-width:1200px){.hdr-tel{display:inline-flex}}
.nav .nav-x{display:none}
.phone-fab{position:fixed;right:20px;bottom:24px;z-index:85;width:56px;height:56px;border-radius:50%;background:var(--brass);color:var(--ink);display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:transform .25s,background .25s}
.phone-fab:hover{background:#D6B988;transform:scale(1.07)}
@media (max-width:760px){.phone-fab{width:48px;height:48px;right:14px;bottom:calc(100px + env(safe-area-inset-bottom,0px))}}
.bar{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--brass);transform-origin:0 50%;transform:scaleX(0);z-index:90;pointer-events:none}
/* bouton de réservation compact (en-tête, barre mobile) */
.cta2{gap:1em}.cta2 .hc{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2}.cta2 .hc em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:.01em;font-size:1.34em;line-height:1.1}
.hdr .btn.cta2{padding:.5em 1.35em;min-height:50px;font-size:.64rem;letter-spacing:.17em}
@media (max-width:1599px){.hdr .hdr-tel{display:none}}
@media (max-width:1440px){.nav{gap:clamp(12px,1.45vw,22px)}.nav a{letter-spacing:.14em}}
@media (min-width:981px) and (max-width:1180px){.brand .lab{display:none}.nav{gap:12px}.nav a{letter-spacing:.05em}.hdr .btn.cta2{padding-inline:1em}}
@media (max-width:980px){.nav{display:none}.brand .lab{display:none}.hdr.open .nav .nav-x{display:block;color:var(--brass)}}

.faq{background:var(--bone);padding-block:clamp(90px,13vw,170px)}
.faq .g{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,6vw,110px);align-items:start}
.faq h2{font-family:var(--display);font-weight:100;text-transform:uppercase;font-size:clamp(2.6rem,6vw,6.2rem);line-height:.9}
.faq h2 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;color:var(--bord);font-size:.84em}
.faq .lab{color:var(--brass-deep);display:block;margin-bottom:20px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-family:var(--display);font-weight:200;font-size:clamp(1.4rem,2.6vw,2.2rem);text-transform:uppercase;line-height:1.05}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--body);font-weight:200;font-size:2rem;color:var(--brass-deep);transition:transform .3s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 28px;color:var(--muted);max-width:56ch}
@media (max-width:860px){.faq .g{grid-template-columns:1fr}}

/* CONTACT */
.ct{background:var(--ink);color:var(--bone);padding-block:clamp(90px,13vw,170px);position:relative;overflow:hidden}
.ct::before{content:"";position:absolute;inset:0;background:radial-gradient(60vw 50vh at 85% 90%,rgba(84,22,31,.7),transparent 70%)}
.ct .g{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,110px);align-items:start}
.ct .lab{color:var(--brass)}
.ct h2{font-family:var(--display);font-weight:100;text-transform:uppercase;font-size:clamp(3.4rem,10vw,10.5rem);line-height:.86;margin:22px 0 30px}
.ct h2 em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;color:var(--brass);font-size:.7em;margin-top:.15em}
.ct .ls{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:var(--muted-inv)}
.ct .ls li{padding-left:26px;position:relative}
.ct .ls li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--brass);transform:rotate(45deg)}
.form{background:var(--bone);color:var(--ink);padding:clamp(24px,4vw,52px);display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form .full{grid-column:1/-1}
.fd{display:grid;gap:8px}
.fd label{font-size:.64rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.fd input,.fd select,.fd textarea{font:inherit;font-weight:400;font-size:1rem;padding:14px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;min-height:50px;width:100%}
.fd textarea{min-height:100px;resize:vertical}
.fd input:focus,.fd select:focus,.fd textarea:focus{outline:0;border-color:var(--bord);box-shadow:0 1px 0 var(--bord)}
.form .btn{width:100%}
.form .fine{font-size:.76rem;color:var(--muted)}
.ok{background:var(--bone2);border-left:3px solid var(--bord);padding:16px 18px;font-size:.95rem}
.ok a{color:var(--bord);font-weight:500}
.err{color:#9B1C2C}
.booking{margin-top:32px;padding:clamp(18px,2.6vw,26px);background:rgba(243,239,232,.06);border:1px solid var(--line-inv)}
.booking .lab{color:var(--brass);display:block;margin-bottom:10px;font-size:.64rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.booking h3{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(1.15rem,2vw,1.45rem);margin:0 0 10px;color:var(--bone)}
.booking .fine{color:var(--muted-inv);font-size:.86rem;margin:0 0 18px;max-width:44ch}
.bk-days{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.bk-day{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:1px solid var(--line-inv);color:var(--bone);padding:8px 12px;cursor:pointer;font:inherit;min-width:56px}
.bk-day b{font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-inv)}
.bk-day span{font-size:.9rem}
.bk-day.on,.bk-day:hover{border-color:var(--brass)}
.bk-day.on{background:rgba(196,165,116,.14)}
.bk-slots{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.bk-slot{background:transparent;border:1px solid var(--line-inv);color:var(--bone);padding:8px 14px;cursor:pointer;font:inherit;font-size:.86rem}
.bk-slot.on,.bk-slot:hover{border-color:var(--brass);color:var(--brass)}
.bk-pick{border-top:1px solid var(--line-inv);padding-top:16px;margin-top:4px}
.bk-chosen-l{font-size:.9rem;color:var(--bone);margin:0 0 14px}
.bk-chosen-l b{color:var(--brass)}
.bk-form{display:grid;gap:14px}
.bk-form .fd{display:grid;gap:6px}
.bk-form .fd label{font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-inv)}
.bk-form .fd input{font:inherit;font-size:.98rem;padding:10px 2px;border:0;border-bottom:1px solid var(--line-inv);background:transparent;color:var(--bone);width:100%}
.bk-form .fd input:focus{outline:0;border-color:var(--brass)}
.bk-ok{margin-top:12px;font-size:.9rem;color:var(--bone)}
.bk-ok a{color:var(--brass);font-weight:500}
.bk-ok .err{color:#e08a95}
@media (max-width:600px){.bk-day,.bk-slot{flex:1 1 auto;text-align:center}}
@media (max-width:860px){.ct .g{grid-template-columns:1fr}.form{grid-template-columns:1fr}}

/* FOOTER */
footer{background:var(--ink);color:rgba(243,239,232,.6);padding-block:56px 120px;font-size:.84rem;border-top:1px solid var(--line-inv)}
footer .top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line-inv);margin-bottom:24px}
footer .c{display:grid;gap:6px;align-content:start}
footer .c b{font-size:.64rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin-bottom:6px}
footer a{text-decoration:none}
footer a:hover{color:var(--brass)}
footer .legal{font-size:.75rem;line-height:1.8;max-width:110ch}


.sc{display:none}
@media (max-width:760px){.sc{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(14,10,12,.94);border-top:1px solid var(--line-inv)}.sc .btn{width:100%}}

/* ===== pages de contenu ===== */
html{scroll-behavior:smooth}
img{max-width:100%;height:auto}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--brass);color:var(--ink);padding:10px 16px;z-index:200}
.skip:focus{left:8px}
.brand .mk{object-fit:cover;display:block}
.nav a[aria-current="page"]{color:var(--brass);border-color:var(--brass)}
.nav a,.hdr .btn{white-space:nowrap}
.args{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,3.5vw,52px) clamp(24px,4vw,64px)}
.args>div{border-top:1px solid var(--line);padding-top:22px}
.args .n{font-family:var(--serif);font-style:italic;color:var(--brass-deep);font-size:1.1rem;display:block;margin-bottom:10px}
.sec .args h3{margin:0 0 .5em;font-size:clamp(1.25rem,1.8vw,1.6rem)}
.args p{color:var(--muted);font-size:1rem}
.sec.dk .args>div{border-color:var(--line-inv)}.sec.dk .args .n{color:var(--brass)}.sec.dk .args p{color:var(--muted-inv)}
@media (max-width:900px){.args{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.args{grid-template-columns:minmax(0,1fr)}}
.sch{margin:0 0 2em}.sch svg{display:block;width:100%;height:auto;background:#171012;border:1px solid var(--line-inv)}
.sch figcaption{color:var(--muted-inv)}
.sec.dk .prose h3{color:var(--bone)}
.sec.dk .callout{background:rgba(243,239,232,.07);color:rgba(243,239,232,.86);border-left-color:var(--brass)}
.sec.dk .callout a{color:var(--brass)}
@media (max-width:1100px){.brand .lab{display:none}}
@media (max-width:1340px){.nav{gap:clamp(12px,1.7vw,24px)}.nav a{letter-spacing:.17em}.hdr .btn{padding:.9em 1.2em;letter-spacing:.2em}}
.mnav{display:none;background:transparent;border:1px solid var(--line-inv);color:var(--bone);font:500 .68rem/1 var(--body);letter-spacing:.26em;text-transform:uppercase;padding:0 16px;min-height:44px;cursor:pointer}
@media (max-width:980px){
  .mnav{display:inline-flex;align-items:center}
  .hdr .in{gap:12px}
  .hdr .btn{margin-left:auto}
  .nav{display:none}
  .hdr.open{background:var(--ink)}
  .hdr.open .nav{display:flex;flex-direction:column;gap:6px;position:fixed;left:0;right:0;top:calc(72px + env(safe-area-inset-top,0px));bottom:0;background:var(--ink);padding:28px var(--gutter);overflow:auto;z-index:79}
  .hdr.open .nav a{font-size:1.05rem;letter-spacing:.2em;padding:16px 0;border-bottom:1px solid var(--line-inv)}
}
@media (max-width:760px){.hdr .btn{display:none}.mnav{margin-left:auto}}
html.menu-open{overflow:hidden}

.ph{background:var(--bord-deep);color:var(--bone);position:relative;overflow:hidden;padding:calc(72px + clamp(48px,8vw,110px)) 0 clamp(56px,8vw,110px)}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(70vw 60vh at 85% 20%,rgba(196,165,116,.16),transparent 70%),radial-gradient(60vw 50vh at 10% 100%,rgba(84,22,31,.9),transparent 70%)}
.ph .wrap{position:relative}
.crumbs{font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-inv);margin:0 0 26px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--brass)}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--brass)}
.ph.art h1{font-size:clamp(2.2rem,5vw,4.6rem);max-width:22ch;line-height:.98}
.ph .lab{color:var(--brass);display:block;margin-bottom:20px}
.ph h1{font-family:var(--display);font-weight:100;text-transform:uppercase;font-size:clamp(2.7rem,7.2vw,7.4rem);line-height:.92;letter-spacing:.005em;max-width:16ch}
.ph h1 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;color:var(--brass);font-size:.72em;display:block;margin-top:.15em;line-height:1.05}
.ph .lead{max-width:58ch;margin-top:28px;font-size:clamp(1.05rem,1.5vw,1.25rem);color:rgba(243,239,232,.82)}
.ph .h-cta{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}
.byline{margin-top:24px;font-size:.78rem;letter-spacing:.06em;color:var(--muted-inv)}
.reassure{margin-top:16px;font-size:.82rem;color:var(--muted-inv)}
.reassure a{color:var(--brass);text-decoration:none;font-weight:500}
.reassure a:hover{text-decoration:underline}
.cta .reassure{color:rgba(243,239,232,.6)}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px}
/* .booking / .bk-* : voir le bloc partagé extrait du template d'accueil (header+HERO...faq) */

.sec{padding-block:clamp(56px,8vw,112px)}
.sec.alt{background:var(--bone2)}
.sec.dk{background:var(--ink2);color:var(--bone)}
.sec.dk .lab{color:var(--brass)}
.sec .lab{color:var(--brass-deep);display:block;margin-bottom:16px}
.sec h2{font-family:var(--display);font-weight:100;text-transform:uppercase;font-size:clamp(2rem,4.6vw,4.4rem);line-height:.96;margin:0 0 .55em;letter-spacing:.005em}
.sec h2 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;color:var(--bord);font-size:.82em}
.sec.dk h2 em{color:var(--brass)}
.sec h3{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.1;margin:1.6em 0 .5em}
.two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,100px);align-items:start}
@media (max-width:860px){.two{grid-template-columns:minmax(0,1fr)}}
.prose{max-width:66ch}
.prose p,.prose li{color:#3b3236;font-size:1.06rem}
.sec.dk .prose p,.sec.dk .prose li{color:rgba(243,239,232,.82)}
.prose p{margin:0 0 1.15em}
.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.2em}
.prose li{margin:.35em 0}
.prose a,.sec a.tx{color:var(--bord);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{color:var(--brass-deep)}
.sec.dk .prose a{color:var(--brass)}
.prose strong{font-weight:500;color:var(--ink)}
.sec.dk .prose strong{color:var(--bone)}
.callout{border-left:3px solid var(--bord);background:var(--bone2);padding:20px 24px;margin:1.6em 0;max-width:66ch;font-size:1rem;color:#3b3236}
.sec.alt .callout{background:var(--bone)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));border-top:1px solid var(--line);margin:8px 0 0}
.facts>div{padding:22px 18px 22px 0}
.facts b{display:block;font-family:var(--display);font-weight:100;font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1;color:var(--bord)}
.facts b small{font-size:.4em;color:var(--brass-deep);margin-left:.12em;letter-spacing:.06em}
.facts span{display:block;margin-top:8px;color:var(--muted);font-size:.95rem;max-width:26ch}
.sec.dk .facts{border-color:var(--line-inv)}.sec.dk .facts b{color:var(--bone)}.sec.dk .facts span{color:var(--muted-inv)}
.tblw{overflow-x:auto;margin:1.4em 0;-webkit-overflow-scrolling:touch}
@media (max-width:700px){table.tbl.wide{min-width:560px}}
table.tbl{width:100%;border-collapse:collapse;font-size:1rem}
.tbl caption{text-align:left;font-size:.8rem;color:var(--muted);padding-bottom:10px}
.tbl th,.tbl td{padding:15px 14px 15px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:#3b3236}
.tbl th{font-size:.64rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--ink)}
.tbl td:first-child,.tbl tbody th{font-weight:500;color:var(--ink)}
.tbl tbody th{font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:500;border-bottom-color:var(--line)}
.tbl .hl{background:rgba(196,165,116,.18)}
/* comparatif des matières (page céramique) */
.cmpx-s{padding-top:clamp(44px,6vw,84px)}
.cmpx-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px 48px;align-items:end;margin-bottom:clamp(14px,2vw,22px)}
.cmpx-top h2{margin-bottom:.3em}
.cmpx-int{margin:0 0 1.1em;font-size:1.06rem;color:#3b3236;max-width:40ch}
.cmpx-leg{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:.82rem;color:#3b3236;margin:0 0 14px}
.cmpx-leg>span{display:inline-flex;align-items:center;gap:8px}
.cmpx-sw{display:none!important;margin-left:auto;font-weight:500;color:var(--brass-deep)}
.cmpx-w{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--line);background:var(--bone);outline:none}
.cmpx-w:focus-visible{box-shadow:0 0 0 2px var(--brass)}
table.cmpx{width:100%;min-width:940px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.95rem;line-height:1.3}
.cmpx col,.cmpx th,.cmpx td{width:auto}
.cmpx th,.cmpx td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;color:#2a2226;background:var(--bone)}
.cmpx thead th{font:600 .74rem/1.25 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#2a2226;border-bottom:2px solid var(--ink);padding-block:18px;vertical-align:bottom}
.cmpx thead th:first-child,.cmpx tbody th,.cmpx tfoot th{width:172px;position:sticky;left:0;z-index:2}
.cmpx tbody th,.cmpx tfoot th{font-weight:500;font-size:.98rem;color:var(--ink)}
.cmpx td b{display:block;font-weight:500;font-size:.9rem;color:#2a2226;margin-top:7px}
.cmpx .best{background:var(--ink);color:var(--bone);border-bottom-color:rgba(243,239,232,.14);width:150px}
.cmpx thead .best{color:var(--brass);font-size:.86rem;border-bottom-color:var(--brass)}
.cmpx thead .best small{display:block;margin-top:6px;font-size:.6rem;letter-spacing:.14em;color:rgba(243,239,232,.78)}
.cmpx td.best b{color:#fff}
.cmpx tbody tr:hover td:not(.best),.cmpx tbody tr:hover th{background:#efe9df}
.rt{display:inline-flex;gap:3px;vertical-align:middle;font-style:normal}
.rt i{display:block;width:16px;height:6px;border-radius:3px;background:rgba(42,34,38,.13)}
.rt.r3 i{background:#9c7a42}
.rt.r2 i:nth-child(-n+2){background:#7d7069}
.rt.r1 i:first-child{background:var(--bord)}
.cmpx .best .rt i{background:var(--brass)}
.cmpx tfoot th,.cmpx tfoot td{border-bottom:0;padding-block:18px}
.cmpx tfoot td strong{font-family:var(--display);font-weight:200;font-size:1.9rem;line-height:1;color:var(--ink)}
.cmpx tfoot td span{font-size:.85rem;color:var(--muted);margin-left:2px}
.cmpx tfoot td.best strong{color:var(--brass);font-weight:300}
.cmpx tfoot td.best span{color:rgba(243,239,232,.7)}
.cmpx-note{margin:16px 0 0;font-size:.88rem;color:var(--muted);max-width:80ch}
.cmpx-note a{color:var(--bord)}
/* vidéo verticale (page Le prix) */
.vis-g{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,80px);align-items:center}
.vis-t p{color:rgba(243,239,232,.8);font-size:1.06rem;max-width:46ch;margin:0 0 22px}
.vis .ln{display:inline-block;font-size:.66rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:var(--brass);border-bottom:1px solid currentColor;padding-bottom:4px}
.vis-v{position:relative;height:min(82svh,820px);aspect-ratio:9/16;background:#000;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.vis-v .bg{position:absolute;inset:-5%;background-size:cover;background-position:center;filter:blur(30px) brightness(.45);transform:scale(1.1)}
.vis-v video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:transparent}
@media (max-width:760px){.vis-g{grid-template-columns:minmax(0,1fr)}.vis-v{height:auto;width:100%;max-height:none;aspect-ratio:9/16}}
/* exemples de prix (page Le prix) */
.exsec{background:linear-gradient(180deg,var(--bone) 0,#f3eee6 100%)}
.exf{display:flex;flex-wrap:wrap;gap:8px 10px;margin:clamp(6px,1.2vw,14px) 0 clamp(26px,3.4vw,44px)}
.exf button{font:inherit;font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid rgba(43,30,36,.22);border-radius:999px;padding:11px 18px 10px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.exf button sup{font-size:.62rem;letter-spacing:.06em;margin-left:3px;color:var(--brass-deep)}
.exf button:hover{border-color:var(--brass)}
.exf button.on{background:var(--ink);border-color:var(--ink);color:#f6f1ea}
.exf button.on sup{color:var(--brass)}
.exg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,5vw,72px) clamp(24px,3.2vw,48px)}
.exc{display:flex;flex-direction:column;background:transparent;border:0}
.exc[hidden]{display:none}
.exc figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#d9d2c6;box-shadow:0 30px 60px -34px rgba(31,20,25,.55)}
.exz{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.exc img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}
.exc:hover img{transform:scale(1.045)}
.exzi{position:absolute;right:18px;bottom:18px;font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:rgba(24,16,20,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 14px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.exc:hover .exzi,.exz:focus-visible .exzi{opacity:1;transform:none}
.exbadge{position:absolute;left:18px;top:18px;font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#fff;background:rgba(24,16,20,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;pointer-events:none}
.exb{padding:26px 2px 0;display:flex;flex-direction:column;gap:14px;flex:1}
.exh{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.sec .exb h3{margin:0;font-size:clamp(1.9rem,2.6vw,2.6rem);line-height:1;letter-spacing:.07em}
.exb h3 .exk{display:block;font-family:var(--body);font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:10px;line-height:1.4}
.exn{text-align:right;flex:none}
.exn small{display:block;font-size:.6rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.exn b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(2rem,2.6vw,2.6rem);line-height:1;color:var(--bord)}
.exo{display:block;margin-top:7px;font-size:.74rem;color:var(--muted)}
.exo del{color:#7d7069;text-decoration-thickness:1.3px;text-decoration-color:var(--bord)}
.exb>p{margin:0;color:#4a3f43;font-size:1rem;line-height:1.55;max-width:58ch}
.exft{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid rgba(43,30,36,.14)}
.exb .exs{font-size:.8rem;font-weight:500;letter-spacing:.04em;color:var(--brass-deep)}
.exl{font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--brass);padding-bottom:3px}
.exl i{font-style:normal;color:var(--brass);transition:margin .25s}
.exl:hover i{margin-left:6px}
@media (max-width:900px){.exg{grid-template-columns:minmax(0,1fr);gap:48px}.exzi{opacity:1;transform:none;right:12px;bottom:12px;padding:8px 11px}.exbadge{left:12px;top:12px}}
@media (max-width:560px){.exh{flex-direction:column;gap:12px}.exn{text-align:left}.exf{flex-wrap:nowrap;overflow-x:auto;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:0 var(--gutter) 4px;scrollbar-width:none}.exf::-webkit-scrollbar{display:none}.exf button{flex:none}}
.sig{background:#16100f;color:#efe7dc;position:relative;overflow:hidden}
.sig::before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 85% -10%,rgba(184,150,96,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(120,20,40,.25),transparent 60%);pointer-events:none}
.sig .wrap{position:relative}
.sig .lab{color:var(--brass)}
.sig h2{color:#fff}.sig h2 em{color:var(--brass)}
.sig .cmpx-int{color:rgba(239,231,220,.78)}
.sigg{display:flex;flex-direction:column;gap:clamp(64px,8vw,120px);margin-top:clamp(28px,4vw,56px)}
.sigc{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.sigc:nth-child(even) .sigm{order:2}
.sigm{display:flex;flex-direction:column;gap:12px}
.sigz{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;background:#2a2220;cursor:zoom-in;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.sigz img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.sigc:hover .sigz img{transform:scale(1.04)}
.sigc:hover .exzi,.sigz:focus-visible .exzi{opacity:1;transform:none}
.sigts{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}
.sigt{padding:0;border:1px solid rgba(239,231,220,.18);background:#fff;cursor:pointer;aspect-ratio:4/3;overflow:hidden;opacity:.8;transition:opacity .25s,border-color .25s}
.sigt img{display:block;width:100%;height:100%;object-fit:cover}
.sigt:hover{opacity:1;border-color:var(--brass)}
.sigb{display:flex;flex-direction:column;gap:14px}
.sign{font-family:var(--display);font-weight:200;font-size:clamp(3rem,6vw,5.5rem);line-height:.8;color:rgba(184,150,96,.35)}
.sigb .exk{font-size:.68rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}
.sec.sig .sigb h3{margin:0;color:#fff;font-size:clamp(2.8rem,5vw,4.6rem);line-height:.95;letter-spacing:.08em}
.sigx{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sigx del{font-family:var(--display);font-weight:300;font-size:clamp(1.2rem,1.7vw,1.5rem);color:rgba(239,231,220,.55);text-decoration-thickness:1.5px;text-decoration-color:var(--brass)}.sigx em{font-style:normal;font-size:.72rem;font-weight:600;letter-spacing:.12em;color:#16100f;background:var(--brass);padding:5px 9px 4px;line-height:1}.sig .exc .sigx del{font-size:clamp(1.05rem,1.4vw,1.25rem)}
.sigp small{display:block;font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(239,231,220,.6);margin-bottom:6px}
.sigp b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(2.4rem,3.6vw,3.2rem);line-height:1;color:var(--brass)}
.sig .exo{color:rgba(239,231,220,.6)}.sig .exo del{color:rgba(239,231,220,.6);text-decoration-color:var(--brass)}
.sigb>p{margin:0;color:rgba(239,231,220,.85);font-size:1.02rem;line-height:1.65}
.sigb .sigo{font-size:.95rem;color:#efe7dc}.sigo span{font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);border:1px solid rgba(184,150,96,.5);padding:4px 8px;margin-right:6px}
.sigb .sige{font-size:.84rem;color:rgba(239,231,220,.55)}
.sigl{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(239,231,220,.14)}
.sigpl{font:inherit;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#16100f;background:var(--brass);border:0;padding:13px 20px 12px;cursor:pointer;transition:background .25s}
.sigpl:hover{background:#d2b27a}.sigpl i{font-style:normal;margin-left:4px}
.sig .exl{color:#efe7dc}
@media (max-width:900px){.sigc{grid-template-columns:minmax(0,1fr)}.sigc:nth-child(even) .sigm{order:0}.sig .exzi{opacity:1;transform:none;right:12px;bottom:12px;padding:8px 11px}}
.sig.exsec{padding-top:0}
.sig.exsec .cmpx-top{padding-top:clamp(40px,6vw,90px);border-top:1px solid rgba(184,150,96,.22)}
.sig .exf button{color:#efe7dc;border-color:rgba(239,231,220,.25)}
.sig .exf button:hover{border-color:var(--brass)}
.sig .exf button.on{background:var(--brass);border-color:var(--brass);color:#16100f}
.sig .exf button.on sup{color:#16100f}
.sig .exg{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(56px,6vw,96px) clamp(28px,3.4vw,56px)}
.sig .exc .sigm{position:relative}
.sig .exc .sigz{box-shadow:0 40px 80px -40px rgba(0,0,0,.95)}
.sig .exc:hover .sigz img{transform:scale(1.04)}
.sig .exc .sigts{position:absolute;left:16px;bottom:16px;width:clamp(84px,9vw,120px);display:block;z-index:2}.sig .exc .sigt{display:block;width:100%;opacity:.92;box-shadow:0 10px 24px -8px rgba(0,0,0,.7)}.sig .exc .sigt:hover{opacity:1}
.sig .exc .sigb{gap:12px;padding-top:6px}
.sig .exc .sign{font-size:clamp(2.2rem,3.4vw,3.2rem)}
.sec.sig .exc .sigb h3{font-size:clamp(2.2rem,3.4vw,3.2rem)}
.sig .exc .sigp b{font-size:clamp(2rem,2.8vw,2.6rem)}
.sig .exc .sigb>p{font-size:.98rem;line-height:1.6}
.sig .cmpx-note{color:rgba(239,231,220,.55)}.sig .cmpx-note a{color:var(--brass)}
@media (max-width:900px){.sig .exg{grid-template-columns:minmax(0,1fr)}}
.explan{align-self:flex-start;font:inherit;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--bord);background:transparent;border:1px solid rgba(110,20,40,.35);padding:10px 16px 9px;cursor:pointer;transition:background .25s,color .25s}
.explan i{font-style:normal;margin-left:4px}
.explan:hover{background:var(--bord);color:#fff}
.exlb-f{display:flex;align-items:center;justify-content:center}
.exlb-f.pl{background:#fff;padding:clamp(14px,2.4vw,34px);box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.exlb-f.pl img{box-shadow:none;max-height:76vh;max-height:76dvh}
.exlb figcaption{display:flex;flex-direction:column;align-items:center;gap:10px}
.exlb-d{display:flex;gap:8px}
.exlb-d i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}
.exlb-d i.on{background:var(--brass)}
.exlb{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0;color:#f6f1ea}
.exlb::backdrop{background:rgba(14,9,12,.94)}
.exlb[open]{display:flex;align-items:center;justify-content:center}
.exlb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:min(1400px,92vw)}
.exlb img{display:block;max-width:100%;max-height:82vh;max-height:82dvh;width:auto;height:auto;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.exlb figcaption{font-size:.74rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-align:center}
.exlb figcaption b{font-family:var(--display);font-weight:300;font-size:1.5rem;letter-spacing:.08em;margin-right:14px;color:#fff}
.exlb button{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;width:52px;height:52px;border-radius:50%;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.exlb button:hover{background:rgba(255,255,255,.2)}
.exlb-x{top:18px;right:18px}.exlb-p{left:18px;top:50%;transform:translateY(-50%)}.exlb-n{right:18px;top:50%;transform:translateY(-50%)}
@media (max-width:700px){.exlb-p,.exlb-n{top:auto;bottom:20px;transform:none}.exlb-p{left:calc(50% - 64px)}.exlb-n{right:calc(50% - 64px)}}
.bk-embed{background:#fff;border-radius:6px;overflow:hidden;margin-top:6px}.bk-embed iframe{display:block;width:100%;height:640px;border:0}@media (max-width:760px){.bk-embed iframe{height:760px}}.bk-alt{margin-top:10px}.bk-alt a{color:var(--brass)}
@media (max-width:900px){.cmpx-top{grid-template-columns:minmax(0,1fr)}.cmpx-int{margin-bottom:.4em}}
@media (max-width:1000px){
  .cmpx-sw{display:inline!important}
  table.cmpx{min-width:0;width:max-content;font-size:.9rem}
  .cmpx th,.cmpx td{padding:13px 10px;width:104px;min-width:104px}
  .cmpx thead th:first-child,.cmpx tbody th,.cmpx tfoot th{width:100px;min-width:100px;font-size:.86rem;box-shadow:1px 0 0 var(--line)}
  .cmpx .best{position:sticky;left:100px;z-index:2;width:108px;min-width:108px;box-shadow:6px 0 12px -6px rgba(14,10,12,.45)}
  .cmpx thead th{font-size:.66rem;letter-spacing:.08em}
  .cmpx thead .best{font-size:.72rem}
  .cmpx td b{font-size:.84rem}
  .rt i{width:13px}
  .cmpx tfoot td strong{font-size:1.5rem}
}
.steps{list-style:none;padding:0;margin:1.4em 0;counter-reset:st;max-width:72ch}
.steps li{counter-increment:st;position:relative;padding:22px 0 22px 68px;border-top:1px solid var(--line);color:#3b3236}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li::before{content:counter(st,upper-roman);position:absolute;left:0;top:20px;font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--brass-deep)}
.steps h3{margin:0 0 .3em;font-size:clamp(1.25rem,1.8vw,1.55rem)}
.steps p{margin:0}
.steps .wh{display:inline-block;margin-top:8px;font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--bord)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:8px}
.cards a{display:block;background:var(--bone);padding:clamp(22px,3vw,36px);text-decoration:none;transition:background .25s}
.cards a:hover{background:#fff}
.cards .lab{color:var(--brass-deep);display:block;margin-bottom:10px}
.cards h3{margin:0 0 .4em;font-size:clamp(1.3rem,2vw,1.7rem)}
.cards p{color:var(--muted);font-size:.98rem;margin:0}
.cards .go{display:inline-block;margin-top:14px;font-size:.66rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--bord)}
.sec.dk .cards{background:var(--line-inv);border-color:var(--line-inv)}.sec.dk .cards a{background:var(--ink2)}.sec.dk .cards a:hover{background:#1f1417}.sec.dk .cards p{color:var(--muted-inv)}
.tex{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:8px 0 0;padding:0;list-style:none}
.tex figure{margin:0}
.tex img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.tex figcaption{font-size:.8rem;color:var(--muted);padding-top:8px}
.pic{margin:0}
.pic img{display:block;width:100%;height:auto}
.pic figcaption{font-size:.8rem;color:var(--muted);padding-top:8px}
.cta{background:var(--bord-deep);color:var(--bone);padding:clamp(60px,9vw,120px) 0;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(60vw 50vh at 85% 90%,rgba(84,22,31,.9),transparent 70%)}
.cta .wrap{position:relative;display:flex;flex-wrap:wrap;gap:28px 60px;align-items:end;justify-content:space-between}
.cta h2{font-family:var(--display);font-weight:100;text-transform:uppercase;font-size:clamp(2.4rem,6vw,5.6rem);line-height:.92;margin:0;max-width:14ch}
.cta h2 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;color:var(--brass);display:block;font-size:.7em;margin-top:.1em}
.cta p{color:var(--muted-inv);max-width:42ch;margin:14px 0 0}
.faq .lab{color:var(--brass-deep)}
.faq.tight{padding-block:clamp(56px,8vw,112px)}
.faq h2{font-size:clamp(2.2rem,5vw,4.8rem)}
.faq details p a{color:var(--bord)}
.list-cards{display:grid;gap:0}
.post{display:block;text-decoration:none;padding:28px 0;border-top:1px solid var(--line)}
.post:last-child{border-bottom:1px solid var(--line)}
.post .lab{color:var(--brass-deep)}
.post h2,.post h3{font-family:var(--display);font-weight:200;text-transform:uppercase;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1;margin:10px 0}
.post p{color:var(--muted);max-width:60ch;margin:0}
.post:hover h2,.post:hover h3{color:var(--bord)}
.ct.page{padding-top:calc(72px + clamp(48px,7vw,100px))}
.ct.page h1{font-family:var(--display);font-weight:100;text-transform:uppercase;font-size:clamp(3rem,8vw,8rem);line-height:.88;margin:22px 0 30px}
.ct.page h1 em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;color:var(--brass);font-size:.7em;margin-top:.15em}
footer{padding-block:56px 56px}
footer .c a,footer .c span{display:block}
footer .legal+.legal{margin-top:10px}
@media (max-width:760px){footer{padding-block:48px 100px}}

/* ===== nuancier 3D ===== */
.cx-nav{position:sticky;top:72px;z-index:40;background:#0E0A0C;border-bottom:1px solid var(--line-inv)}
.cx-nav .wrap{display:flex;gap:6px 26px;overflow-x:auto;white-space:nowrap;padding-block:14px;scrollbar-width:none}
.cx-nav a{font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--bone);text-decoration:none;opacity:.78}
.cx-nav a:hover{color:var(--brass);opacity:1}
.cx-h{max-width:70ch;margin-bottom:clamp(28px,4vw,56px)}
.cx-h p{color:#3b3236;font-size:1.06rem;margin:0}
.sec.dk .cx-h p{color:rgba(243,239,232,.82)}
.cx-s{margin-top:clamp(40px,6vw,76px);scroll-margin-top:130px}
.cx-s h3{margin:0 0 .15em}
.cx-s .n{margin:0 0 22px;color:var(--muted);font-size:.9rem;letter-spacing:.04em}
.sec.dk .cx-s .n{color:var(--muted-inv)}
.tg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:clamp(22px,3vw,40px) clamp(14px,2vw,26px);content-visibility:auto;contain-intrinsic-size:auto 420px}
.tg.cer{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}
.tg.dr5{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));contain-intrinsic-size:auto 340px}
.tg.hw{grid-template-columns:repeat(auto-fill,minmax(168px,200px))}
@media (max-width:520px){.tg,.tg.cer{grid-template-columns:repeat(2,minmax(0,1fr))}.tg.dr5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.t3{perspective:1100px;min-width:0}
.t3 .b{--T:14px;position:relative;aspect-ratio:4/5;transform-style:preserve-3d;transition:transform .35s ease}
.t3 .f{position:absolute;inset:0;display:block;background:var(--c);overflow:hidden;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 1.5px 1.5px 0 rgba(255,255,255,.28),inset -1px -1px 0 rgba(0,0,0,.22),0 14px 24px -12px rgba(0,0,0,.55)}
.t3 .f img{width:100%;height:100%;object-fit:cover;display:block}
.t3 .f.gl::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.42) 0,rgba(255,255,255,.08) 32%,transparent 33%,transparent 55%,rgba(255,255,255,.14) 56%,transparent 80%)}
.t3 .e{position:absolute;display:block;background:linear-gradient(var(--m),color-mix(in srgb,var(--m) 62%,#000))}
.t3 .e.a{left:0;top:0;width:100%;height:var(--T);transform-origin:50% 0;transform:rotateX(-90deg);filter:brightness(1.12)}
.t3 .e.b2{left:0;bottom:0;width:100%;height:var(--T);transform-origin:50% 100%;transform:rotateX(90deg);filter:brightness(.7)}
.t3 .e.c{left:0;top:0;height:100%;width:var(--T);transform-origin:0 50%;transform:rotateY(90deg);filter:brightness(.95)}
.t3 .e.d{right:0;top:0;height:100%;width:var(--T);transform-origin:100% 50%;transform:rotateY(-90deg);filter:brightness(.62)}
.t3 .nm{display:block;margin-top:14px;font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.12em;font-size:.86rem;line-height:1.15}
.t3 small{display:block;margin-top:3px;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sec.dk .t3 small{color:var(--muted-inv)}
@media (hover:hover) and (min-width:900px){.t3{--land:rotateX(4deg) rotateY(-17deg)}.t3.hd{--land:rotateX(4deg) rotateY(-12deg)}}
.t3 .b{transform:var(--land,none)}
.t3.done:hover .b,.cxjs .t3.in.done:hover .b{transform:translateZ(26px)}
/* arrivée : chaque échantillon vient de la profondeur, tourné, puis se pose à plat */
.cxjs .t3:not(.in) .b{opacity:0;transform:translate3d(var(--dx,-14vw),var(--dy,-9vh),-900px) rotateX(var(--rx,55deg)) rotateY(var(--ry,-70deg)) rotateZ(var(--rz,-14deg))}
.cxjs .t3:not(.in) .nm,.cxjs .t3:not(.in) small{opacity:0}
.cxjs .t3.in .b{opacity:1;transform:var(--land,none);transition:transform .7s cubic-bezier(.16,.84,.24,1) var(--d,0ms),opacity .35s ease var(--d,0ms)}
.cxjs .t3.in .nm,.cxjs .t3.in small{transition:opacity .35s ease calc(var(--d,0ms) + .15s)}
.cxjs .t3.in.done .b{transition:transform .35s ease}
.t3:nth-child(4n+1){--dx:-22vw;--dy:-12vh;--rx:60deg;--ry:-75deg;--rz:-16deg}
.t3:nth-child(4n+2){--dx:16vw;--dy:-14vh;--rx:-52deg;--ry:80deg;--rz:12deg}
.t3:nth-child(4n+3){--dx:-16vw;--dy:12vh;--rx:48deg;--ry:70deg;--rz:15deg}
.t3:nth-child(4n){--dx:24vw;--dy:10vh;--rx:-58deg;--ry:-82deg;--rz:-12deg}
@media (max-width:700px){.t3 .b{--T:8px}}
/* portes */
.dr .f{background:var(--c)}
.dr .fr{position:absolute;inset:0}
.dr .gl2{position:absolute;display:none}
.d-horizon .fr{background:linear-gradient(180deg,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 2.4%,transparent 2.6%),linear-gradient(115deg,rgba(255,255,255,.18),transparent 45%)}
.d-ondine .fr{inset:9%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.26) 0 3px,rgba(255,255,255,.06) 3px 8px);box-shadow:0 0 0 1.5px rgba(0,0,0,.28),inset 0 0 14px rgba(0,0,0,.35)}
.d-ondine{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 2px,transparent 2px 5px)}
.d-cadence .fr{inset:8%;box-shadow:0 0 0 1px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.18);border-radius:1px}
.d-cadence .gl2{display:block;left:22%;right:22%;top:14%;height:46%;background:linear-gradient(135deg,rgba(210,230,236,.55),rgba(120,150,160,.28));box-shadow:0 0 0 2px rgba(0,0,0,.35)}
.d-atelier .fr{inset:9%;box-shadow:0 0 0 2px rgba(0,0,0,.4),inset 0 0 0 2px rgba(255,255,255,.1);background:linear-gradient(90deg,transparent 48.5%,#c4a574 48.5% 51.5%,transparent 51.5%),linear-gradient(0deg,transparent 30%,#c4a574 30% 32.6%,transparent 32.6% 63%,#c4a574 63% 65.6%,transparent 65.6%),linear-gradient(135deg,rgba(210,225,230,.28),rgba(90,110,120,.2))}
.d-sylve{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 1px,transparent 1px 5px)}
.d-sylve .fr{inset:8%;box-shadow:0 0 0 1.5px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.22);background:rgba(240,240,236,.36)}
.hd .f{border-radius:1px}
.hd .b{aspect-ratio:6/1.3;--T:6px;margin-top:12px}
.gg .b{aspect-ratio:4/5}
.gg-f{background:#e4ded0!important}
.gg-f svg{width:100%;height:100%;display:block}
.cx-md{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px 34px;margin-top:clamp(36px,5vw,64px);border-top:1px solid var(--line-inv);padding-top:28px}
.cx-md b{display:block;font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.14em;color:var(--brass);margin-bottom:.4em}
.cx-md p{margin:0;font-size:.98rem;color:rgba(243,239,232,.8)}
.cx-go{margin:8px 0 0}
@media (prefers-reduced-motion:reduce){.t3 .b,.t3 .nm{transition:none!important}}

/* v45 : en-tête et barre mobile avec le bouton de réservation */
@media (max-width:1440px){.nav{gap:clamp(12px,1.45vw,22px)}.nav a{letter-spacing:.14em}}
@media (min-width:981px) and (max-width:1180px){.brand .lab{display:none}.nav{gap:12px}.nav a{letter-spacing:.05em}.hdr .btn.cta2{padding-inline:1em}}
.hdr .btn.cta2{padding:.5em 1.35em;min-height:50px;font-size:.64rem;letter-spacing:.17em}
.sc .btn.cta2 .hc{align-items:center;text-align:center}
.exn{position:absolute;right:16px;top:16px;font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:rgba(24,16,20,.55);padding:7px 10px;pointer-events:none}.sig .exc .sigo{margin:0 0 14px}

/* l'équipe */
.team{background:var(--ink);color:var(--bone);padding-block:clamp(90px,12vw,170px)}
.team-top{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(44px,6vw,80px)}
.team .lab{color:var(--brass);display:block;margin-bottom:22px}
.team h2{font-family:var(--display);font-weight:200;text-transform:uppercase;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95;letter-spacing:.01em;margin:0;color:var(--bone)}
.team h2 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;color:var(--brass)}
.team-top p{color:rgba(243,239,232,.72);font-size:1.02rem;line-height:1.75;max-width:46ch;margin:0}
.tm-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.tm figure{margin:0;aspect-ratio:1;overflow:hidden;background:#1d1619}
.tm img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) sepia(.16) contrast(1.04);transition:filter .5s,transform .8s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.tm:hover img{filter:none;transform:scale(1.03)}}
.tm h3{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:1.1;margin:18px 0 8px;color:#fff}
.tm p{margin:0;font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);line-height:1.6}
.team .ln{display:inline-block;margin-top:clamp(36px,5vw,60px);color:var(--bone)}
@media (max-width:980px){.team-top{grid-template-columns:1fr}.tm-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.tm-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.tm:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}}
/* v50 : 7 personnes, dernière rangée centrée */
.tm-g{display:flex;flex-wrap:wrap;justify-content:center;--g:clamp(14px,2vw,28px);gap:clamp(30px,3.4vw,48px) var(--g)}
.tm{flex:0 0 calc((100% - 3*var(--g))/4)}
@media (max-width:980px){.tm{flex-basis:calc((100% - 2*var(--g))/3)}}
@media (max-width:560px){.tm-g{--g:14px;gap:22px 14px}.tm,.tm:last-child{flex-basis:calc(50% - 7px);width:auto}}