/* Palette relevée sur la devanture : rose de l'enseigne, rouge henné des panneaux,
   or des rosaces et des pastilles de prix, noir des portes vitrées, gris-blanc des panneaux */
:root{
  --rose:#B4696A; --rose-deep:#8F4448; --henna:#A33B3C;
  --gold:#C9A457; --gold-soft:#E6CF97; --gold-dim:color-mix(in srgb,var(--gold) 35%,transparent);
  --noir:#120D0C; --noir-2:#1B1412; --noir-3:#261C1A;
  --on-noir:#F5EDE3; --on-noir-2:rgba(245,237,227,.7); --on-noir-3:rgba(245,237,227,.45);
  --cream:#F7F2EC; --panel:#EFE9E6; --paper:#FFFFFF;
  --ink:#241817; --mute:#6D5754; --line:color-mix(in srgb,var(--rose-deep) 16%,transparent); --line-2:rgba(36,24,23,.1);
  --max:1240px; --gut:clamp(20px,4vw,48px); --hh:84px;
  --ease:cubic-bezier(.22,.8,.24,1); --ease-in:cubic-bezier(.6,0,.8,.2);
  --script:"Playball","Brush Script MT",cursive;
  --display:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
  --sans:"Manrope","Helvetica Neue",Arial,sans-serif;
  --shadow:0 1px 2px rgba(36,24,23,.04),0 12px 32px -12px rgba(36,24,23,.18);
  --shadow-lg:0 30px 80px -24px color-mix(in srgb,var(--noir) 45%,transparent);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
section{scroll-margin-top:var(--hh)}
svg.i{width:18px;height:18px;flex:none}

/* ---------- typographie ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font:700 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--rose-deep)}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.on-dark .eyebrow{color:var(--gold)}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;line-height:1.02;letter-spacing:-.015em;font-variant-numeric:lining-nums}
h2{font-size:clamp(40px,5vw,68px)}
h2 em,h1 em{font-family:var(--script);font-style:normal;font-weight:400;letter-spacing:0;color:var(--rose-deep);font-size:.86em;padding-right:.08em}
.on-dark h2{color:var(--on-noir)}
.on-dark h2 em,.hero h1 em{color:var(--gold)}
.lead{font-size:clamp(16px,1.35vw,18px);color:var(--mute);max-width:52ch;margin:0}
.on-dark .lead{color:var(--on-noir-2)}

/* ---------- boutons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;
  font:700 14.5px/1 var(--sans);letter-spacing:.01em;white-space:nowrap;overflow:hidden;isolation:isolate;
  transition:transform .35s var(--ease),background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),box-shadow .35s var(--ease)}
.btn .i{transition:transform .35s var(--ease)}
.btn:hover .i-arrow{transform:translateX(4px)}
.btn:hover .i-phone{animation:ring .6s var(--ease)}
.btn:active{transform:scale(.97)}
.btn-gold{background:var(--gold);color:var(--noir);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--gold) 70%,transparent)}
.btn-gold::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn-gold:hover{background:var(--gold-soft);box-shadow:0 16px 40px -12px color-mix(in srgb,var(--gold) 85%,transparent);transform:translateY(-2px)}
.btn-gold:hover::after{transform:translateX(120%)}
.btn-outline{border:1.5px solid rgba(245,237,227,.32);color:var(--on-noir)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-soft);transform:translateY(-2px)}
.btn-rose{background:var(--rose-deep);color:#fff;box-shadow:0 10px 30px -12px color-mix(in srgb,var(--rose-deep) 80%,transparent)}
.btn-rose:hover{background:var(--henna);transform:translateY(-2px)}
.btn-ink{border:1.5px solid var(--line-2);color:var(--ink);background:var(--paper)}
.btn-ink:hover{border-color:var(--rose-deep);color:var(--rose-deep);transform:translateY(-2px)}
.btn-sm{min-height:44px;padding:0 18px;font-size:13.5px}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;padding:12px 0;position:relative}
.link::after{content:"";position:absolute;left:0;right:26px;bottom:8px;height:1px;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .45s var(--ease)}
.link:hover::after{transform:scaleX(1)}
.link .i{width:16px;height:16px;transition:transform .35s var(--ease)}
.link:hover .i{transform:translateX(4px)}
@keyframes ring{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}

/* ---------- progression + header ---------- */
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:80;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.hdr{position:fixed;inset:0 0 auto;z-index:70;height:var(--hh);transition:height .4s var(--ease),background-color .4s var(--ease),box-shadow .4s var(--ease),backdrop-filter .4s}
.hdr.scrolled{--hh:68px;height:68px;background:color-mix(in srgb,var(--noir) 86%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 color-mix(in srgb,var(--gold) 18%,transparent)}
.hdr .wrap{height:100%;display:flex;align-items:center;gap:32px;max-width:none;padding:0 max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)))}
.logo{display:inline-flex;align-items:baseline;gap:10px;color:var(--on-noir)}
.logo b{font:400 34px/1 var(--script);transition:font-size .4s var(--ease)}
.hdr.scrolled .logo b{font-size:30px}
.logo small{font:700 9.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{position:relative;padding:12px 14px;font-size:14.5px;font-weight:600;color:var(--on-noir-2);transition:color .3s}
.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav a:hover,.nav a.active{color:var(--on-noir)}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1);transform-origin:left}
.hdr-cta{display:flex;align-items:center;gap:10px}
.hdr-phone{display:inline-flex;align-items:center;gap:9px;color:var(--on-noir);font-weight:700;font-size:14px;padding:10px 6px;font-variant-numeric:tabular-nums}
.hdr-phone .i{color:var(--gold)}
.hdr-phone:hover .i{animation:ring .6s var(--ease)}
.order{position:relative}
.order .chev{width:14px;height:14px;transition:transform .35s var(--ease)}
.order.open .chev{transform:rotate(180deg)}
.order-menu{position:absolute;right:0;top:calc(100% + 12px);width:290px;background:var(--paper);border-radius:18px;padding:8px;box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .3s var(--ease),transform .35s var(--ease),visibility 0s .35s}
.order.open .order-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.order-menu a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;color:var(--ink);transition:background-color .25s}
.order-menu a:hover{background:var(--panel)}
.order-menu .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--noir);color:var(--gold);flex:none}
.order-menu b{display:block;font-size:14.5px}
.order-menu span{font-size:13px;color:var(--mute)}
.order-menu .go{margin-left:auto;width:16px;height:16px;color:var(--mute);transition:transform .3s var(--ease)}
.order-menu a:hover .go{transform:translateX(3px);color:var(--rose-deep)}
.hdr-call{display:none;width:44px;height:44px;border-radius:50%;place-items:center;background:var(--gold);color:var(--noir);margin-left:auto}
@media (max-width:1080px){.hdr-phone{display:none}}
@media (max-width:900px){.nav,.hdr-cta{display:none}.hdr-call{display:grid}}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--noir);color:var(--on-noir);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:min(100svh,900px);overflow:hidden}
.hero::before{--hero-fade:linear-gradient(90deg,#000 0%,transparent 55%);content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  
  background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.12' stroke-width='1'%3E%3Ccircle cx='70' cy='70' r='50'/%3E%3Ccircle cx='70' cy='70' r='34'/%3E%3Cpath d='M70 20 Q84 45 70 70 Q56 45 70 20M70 120 Q84 95 70 70 Q56 95 70 120M20 70 Q45 56 70 70 Q45 84 20 70M120 70 Q95 56 70 70 Q95 84 120 70'/%3E%3C/g%3E%3C/svg%3E") 0 0/140px 140px,var(--hero-fade);-webkit-mask-composite:source-in;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.12' stroke-width='1'%3E%3Ccircle cx='70' cy='70' r='50'/%3E%3Ccircle cx='70' cy='70' r='34'/%3E%3Cpath d='M70 20 Q84 45 70 70 Q56 45 70 20M70 120 Q84 95 70 70 Q56 95 70 120M20 70 Q45 56 70 70 Q45 84 20 70M120 70 Q95 56 70 70 Q95 84 120 70'/%3E%3C/g%3E%3C/svg%3E") 0 0/140px 140px intersect,var(--hero-fade)}
.hero-text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--hh) + 40px) clamp(32px,5vw,80px) 56px max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)))}
.hero .eyebrow{color:var(--gold);margin-bottom:24px}
.hero h1{font-size:clamp(44px,4.7vw,74px);color:var(--on-noir);font-weight:500}
.hero h1 .ln{display:block;white-space:nowrap;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero h1 .ln>span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.hero .lead{margin:26px 0 34px;color:var(--on-noir-2)}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.hero-cta .link{color:var(--on-noir);margin-left:6px}
.hero-meta{display:flex;flex-wrap:wrap;gap:12px 28px;margin:40px 0 0;padding:22px 0 0;border-top:1px solid rgba(245,237,227,.12);list-style:none}
.hero-meta li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--on-noir-2)}
.hero-meta b{color:var(--on-noir);font-weight:700}
.hero-meta .i{width:17px;height:17px;color:var(--gold)}
.stars{display:inline-flex;gap:2px;color:var(--gold)}
.stars svg{width:14px;height:14px}
.fade{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.loaded .hero h1 .ln>span{transform:none}
.loaded .fade{opacity:1;transform:none}

.hero-media{position:relative;min-height:560px}
.hero-img{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 0 100%);transition:clip-path 1.4s var(--ease) .15s}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:52% 42%;transform:scale(1.18);transition:transform 2.6s var(--ease) .15s}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--noir) 75%,transparent),transparent 22%),linear-gradient(90deg,color-mix(in srgb,var(--noir) 55%,transparent),transparent 22%),linear-gradient(0deg,color-mix(in srgb,var(--noir) 60%,transparent),transparent 35%)}
.loaded .hero-img{clip-path:inset(0 0 0 0)}
.loaded .hero-img img{transform:scale(1.04)}
.hero-arch{position:absolute;inset:calc(var(--hh) + 22px) 28px 28px;border:1px solid rgba(230,207,151,.45);border-radius:999px 999px 18px 18px/340px 340px 18px 18px;pointer-events:none;z-index:2;
  opacity:0;transition:opacity 1.2s var(--ease) 1s}
.loaded .hero-arch{opacity:1}
.spin{position:absolute;z-index:3;left:-62px;top:calc(50% - 62px);width:124px;height:124px;border-radius:50%;background:var(--noir);display:grid;place-items:center;color:var(--gold);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent),0 0 0 10px var(--noir)}
.spin svg{width:96px;height:96px;animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.float{position:absolute;z-index:4;background:rgba(247,242,236,.96);color:var(--ink);border-radius:18px;box-shadow:var(--shadow-lg);backdrop-filter:blur(8px)}
.status{left:clamp(24px,5vw,72px);bottom:56px;display:flex;align-items:center;gap:14px;padding:16px 20px 16px 18px}
.status b{display:block;font-size:14.5px;line-height:1.3}
.status span{font-size:13px;color:var(--mute)}
.status .link{padding:0;margin-left:10px;font-size:13px;color:var(--rose-deep)}
.status .link::after{bottom:-2px}
.dot{position:relative;width:10px;height:10px;border-radius:50%;background:#2F8F5B;flex:none}
.dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #2F8F5B;opacity:0;animation:pulse 2.2s var(--ease) infinite}
.dot.off{background:var(--henna)}
.dot.off::after{border-color:var(--henna)}
@keyframes pulse{0%{transform:scale(.5);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.rating{right:clamp(24px,4vw,56px);bottom:56px;padding:14px 18px;display:flex;align-items:center;gap:12px}
.rating strong{font:600 36px/1 var(--display);font-variant-numeric:lining-nums}
.rating span{display:block;font-size:12px;color:var(--mute);line-height:1.3}
.float{opacity:0;transform:translateY(20px);transition:opacity .9s var(--ease) 1.1s,transform .9s var(--ease) 1.1s}
.loaded .float{opacity:1;transform:none}
.float.rating{transition-delay:1.3s}
.scroll-hint{position:absolute;z-index:4;right:clamp(24px,4vw,56px);bottom:56px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--on-noir-2);font:700 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;writing-mode:vertical-rl}
.scroll-hint i{width:1px;height:56px;background:linear-gradient(var(--gold),transparent);animation:drop 2s var(--ease) infinite;transform-origin:top}
@keyframes drop{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero::before{--hero-fade:linear-gradient(180deg,#000,transparent 60%)}
  .hero-text{padding:calc(var(--hh) + 36px) var(--gut) 48px}
  .hero h1 .ln{white-space:normal}
  .hero-media{min-height:440px;margin:0 var(--gut) var(--gut);border-radius:24px;overflow:hidden}
  .hero-img::after{background:linear-gradient(0deg,color-mix(in srgb,var(--noir) 55%,transparent),transparent 40%)}
  .hero-arch{inset:18px 18px 18px}
  .spin,.scroll-hint{display:none}
  .status{left:16px;right:16px;bottom:16px}
  .rating{display:none}
  .hero-meta{margin-top:36px}
}

/* ---------- bandeau défilant ---------- */
.marquee{background:var(--rose);color:#fff;overflow:hidden;padding:22px 0;position:relative}
.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee ul{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.marquee li{display:flex;align-items:center;gap:36px;padding-right:36px;font:500 italic clamp(22px,2.4vw,30px)/1 var(--display);white-space:nowrap}
.marquee li::after{content:"";width:9px;height:9px;background:var(--gold-soft);transform:rotate(45deg)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- apparitions ---------- */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}
.rv.in{opacity:1;transform:none}
.rv-img{clip-path:inset(12% 0 12% 0 round 28px);transition:clip-path 1.3s var(--ease)}
.rv-img.in{clip-path:inset(0 0 0 0 round 28px)}

/* ---------- spécialités ---------- */
.spec{padding:clamp(88px,11vw,150px) 0}
.spec-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,110px);align-items:start}
.spec-intro{position:sticky;top:calc(var(--hh) + 40px)}
.spec-intro h2{margin:22px 0 24px}
.spec-intro .lead{margin-bottom:34px}
.spec-intro .actions{display:flex;flex-wrap:wrap;gap:12px}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.row{position:relative;border-bottom:1px solid var(--line-2)}
.row a{position:relative;display:grid;grid-template-columns:56px auto minmax(0,1fr) auto 52px;align-items:center;gap:20px;padding:34px 8px;isolation:isolate;overflow:hidden}
.row a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--noir);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease)}
.row a:hover::before,.row a:focus-visible::before{transform:scaleY(1);transform-origin:top}
.row .num{font:500 italic 20px/1 var(--display);color:var(--rose-deep);transition:color .4s}
.row h3{font-size:clamp(30px,3vw,42px);font-weight:600;transition:color .4s,transform .55s var(--ease)}
.row p{margin:6px 0 0;font-size:14.5px;color:var(--mute);transition:color .4s}
.row .price{text-align:right;font-size:12.5px;color:var(--mute);transition:color .4s;line-height:1.3}
.row .price b{display:block;font:600 28px/1.1 var(--display);font-variant-numeric:lining-nums;color:var(--ink);transition:color .4s}
.row .go{width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:all .45s var(--ease)}
.row .go svg{width:18px;height:18px;transition:transform .45s var(--ease)}
.row a:hover .num,.row a:hover .price b{color:var(--gold)}
.row a:hover h3{color:var(--on-noir);transform:translateX(8px)}
.row a:hover p,.row a:hover .price{color:var(--on-noir-2)}
.row a:hover .go{background:var(--gold);border-color:var(--gold);color:var(--noir)}
.row a:hover .go svg{transform:rotate(-45deg)}
.row .thumb{width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--noir-3);box-shadow:0 0 0 1px var(--line-2);transition:transform .55s var(--ease),box-shadow .45s var(--ease)}
.row .thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform .8s var(--ease)}
.row a:hover .thumb{transform:rotate(-6deg) scale(1.08);box-shadow:0 0 0 2px var(--gold)}
.row a:hover .thumb img{transform:scale(1.22)}
@media (max-width:900px){
  .spec-grid{grid-template-columns:1fr}
  .spec-intro{position:static}
  .row a{grid-template-columns:auto minmax(0,1fr) auto;gap:6px 16px;padding:26px 4px}
  .row .num{grid-column:1/-1}
  .row .thumb{width:64px;height:64px}
  .row .go{display:none}
}

/* ---------- carte ---------- */
.menu{background:var(--panel);padding:clamp(88px,11vw,140px) 0;position:relative}
.henna-top{position:absolute;left:0;right:0;top:0;height:22px;opacity:.9;
  background:var(--henna);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='22' viewBox='0 0 48 22'%3E%3Cpath d='M0 0 Q12 20 24 0 Q36 20 48 0' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Ccircle cx='24' cy='14' r='2' fill='%23000'/%3E%3C/svg%3E") repeat-x 0 0/48px 22px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='22' viewBox='0 0 48 22'%3E%3Cpath d='M0 0 Q12 20 24 0 Q36 20 48 0' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Ccircle cx='24' cy='14' r='2' fill='%23000'/%3E%3C/svg%3E") repeat-x 0 0/48px 22px}
.menu-head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-bottom:56px}
.menu-head h2{margin-top:20px}
.menu-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:clamp(24px,3.5vw,48px);align-items:start}
.menu-side{position:sticky;top:calc(var(--hh) + 28px);display:grid;gap:18px}
.tabs{display:grid;gap:4px;background:var(--paper);border-radius:22px;padding:10px;box-shadow:var(--shadow)}
.tab{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:0 16px 0 20px;border-radius:14px;text-align:left;
  font-weight:600;font-size:15px;color:var(--mute);transition:color .3s,background-color .3s}
.tab::before{content:"";position:absolute;left:8px;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--gold);transform:scaleY(0);transition:transform .45s var(--ease)}
.tab small{font-size:12px;font-weight:600;color:var(--on-noir-3);color:rgba(109,87,84,.6);font-variant-numeric:tabular-nums}
.tab:hover{color:var(--ink);background:var(--cream)}
.tab[aria-selected="true"]{color:var(--paper);background:var(--noir)}
.tab[aria-selected="true"]::before{transform:scaleY(1)}
.tab[aria-selected="true"] small{color:var(--gold)}
.kids{background:var(--rose);color:#fff;border-radius:22px;padding:22px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}
.kids::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;border:1px dashed rgba(255,255,255,.35)}
.kids h3{font:400 28px/1 var(--script)}
.kids p{margin:4px 0 0;font-size:13.5px;opacity:.92}
.medal{display:inline-grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%,#F0DCA8,var(--gold) 52%,#94722D);color:#fff;font:800 15px/1 var(--sans);text-shadow:0 1px 1px rgba(0,0,0,.25);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 8px 18px -8px color-mix(in srgb,var(--gold) 70%,transparent)}
.side-cta{background:var(--noir);color:var(--on-noir);border-radius:22px;padding:24px}
.side-cta p{margin:0 0 4px;font:600 26px/1.1 var(--display)}
.side-cta span{font-size:13.5px;color:var(--on-noir-2)}
.side-cta .btn{width:100%;margin-top:16px}
.side-cta .btn+.btn{margin-top:10px}

.menu-panel{background:var(--paper);border-radius:28px;box-shadow:var(--shadow);padding:clamp(28px,4.5vw,60px);min-height:760px;position:relative;overflow:hidden}
.menu-panel::before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;opacity:.07;pointer-events:none;
  background:var(--rose-deep);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='100' cy='100' r='96'/%3E%3Ccircle cx='100' cy='100' r='70'/%3E%3Ccircle cx='100' cy='100' r='28'/%3E%3Cpath d='M100 4 Q124 52 100 100 Q76 52 100 4M100 196 Q124 148 100 100 Q76 148 100 196M4 100 Q52 76 100 100 Q52 124 4 100M196 100 Q148 76 100 100 Q148 124 196 100'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='100' cy='100' r='96'/%3E%3Ccircle cx='100' cy='100' r='70'/%3E%3Ccircle cx='100' cy='100' r='28'/%3E%3Cpath d='M100 4 Q124 52 100 100 Q76 52 100 4M100 196 Q124 148 100 100 Q76 148 100 196M4 100 Q52 76 100 100 Q52 124 4 100M196 100 Q148 76 100 100 Q148 124 196 100'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.mp-head{display:flex;align-items:center;gap:20px;padding-bottom:26px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.mp-head .eyebrow{margin-bottom:10px}
.mp-head h3{font:400 clamp(46px,5vw,64px)/1 var(--script);color:var(--rose-deep)}
.mp-head .medal{margin-left:auto;width:78px;height:78px;flex-direction:column;gap:3px;font-size:19px}
.mp-head .medal small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.9}
.mp-note{display:inline-flex;align-items:center;gap:8px;margin:18px 0 8px;padding:8px 14px;border-radius:999px;background:var(--cream);font-size:13px;color:var(--rose-deep);font-weight:600}
.dishes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,4vw,56px)}
.dishes li{padding:20px 0;border-bottom:1px dashed var(--line);animation:dishIn .6s var(--ease) both;animation-delay:calc(var(--i) * 40ms)}
.d-row{display:flex;align-items:baseline;gap:10px}
.d-name{font:600 23px/1.2 var(--display);font-variant-numeric:lining-nums;color:var(--ink)}
.d-lead{flex:1;border-bottom:1.5px dotted color-mix(in srgb,var(--rose-deep) 30%,transparent);transform:translateY(-5px);min-width:16px}
.d-price{font-weight:700;font-size:15px;color:var(--rose-deep);white-space:nowrap;font-variant-numeric:tabular-nums}
.dishes p{margin:5px 0 0;font-size:14px;line-height:1.5;color:var(--mute)}
.menu-panel.out .mp-body{opacity:0;transform:translateY(8px);transition:opacity .18s var(--ease-in),transform .18s var(--ease-in)}
@keyframes dishIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.mp-foot p{margin:0;font-size:13px;color:var(--mute)}
.mp-foot .actions{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:980px){
  .menu-grid{grid-template-columns:1fr}
  .menu-side{position:static;display:contents}
  .tabs{position:sticky;top:calc(var(--hh) - 1px);z-index:20;display:flex;overflow-x:auto;scrollbar-width:none;border-radius:0;margin:0 calc(var(--gut) * -1);padding:10px var(--gut);box-shadow:0 8px 20px -14px rgba(36,24,23,.3);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(10px)}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:none;width:auto;min-height:44px;border-radius:999px;padding:0 18px;background:var(--paper)}
  .tab::before,.tab small{display:none}
  .menu-panel{order:2;min-height:0}
  .kids{order:3}.side-cta{order:4}
  .dishes{grid-template-columns:1fr}
}

/* ---------- bandeau CTA ---------- */
.cta-band{position:relative;background:var(--noir);color:var(--on-noir);padding:clamp(90px,11vw,150px) 0;overflow:hidden;text-align:center}
.cta-band .big-mandala{position:absolute;left:50%;top:50%;width:min(900px,140vw);aspect-ratio:1;translate:-50% -50%;color:var(--gold);opacity:.1;animation:spin 120s linear infinite}
.cta-band .wrap{position:relative}
.cta-band h2{font-size:clamp(46px,6.4vw,96px);max-width:14ch;margin:24px auto 22px}
.cta-band .lead{margin:0 auto 40px}
.cta-band .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.today-line{display:inline-flex;align-items:center;gap:10px;margin-top:34px;font-size:14px;color:var(--on-noir-2)}

/* ---------- le lieu ---------- */
.place{padding:clamp(88px,11vw,150px) 0}
.place-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center}
.place-media{position:relative}
.place-img{border-radius:28px;overflow:hidden;aspect-ratio:4/5;background:var(--noir-3)}
.place-img img{width:100%;height:118%;object-fit:cover;will-change:transform}
.place-tag{position:absolute;right:-28px;bottom:48px;background:var(--noir);color:var(--on-noir);border-radius:18px;padding:18px 22px;box-shadow:var(--shadow-lg);max-width:240px}
.place-tag b{display:block;font:400 26px/1.05 var(--script);color:var(--gold);margin-bottom:4px}
.place-tag span{font-size:13px;color:var(--on-noir-2)}
.place-badge{position:absolute;right:-44px;top:-44px;width:136px;height:136px;padding:8px;border-radius:50%;background:var(--cream);color:var(--rose-deep)}
.place-badge svg{width:100%;height:100%;animation:spin 30s linear infinite}
.place-badge text{font:700 10.4px var(--sans);letter-spacing:.26em;text-transform:uppercase;fill:currentColor}
.place-badge .center{position:absolute;inset:0;display:grid;place-items:center}
.place-badge .center i{width:44px;height:44px;border-radius:50%;background:var(--rose-deep);display:grid;place-items:center;color:#fff}
.place h2{margin:22px 0 24px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:44px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.stat{padding:24px 0 22px;border-left:1px solid var(--line-2);padding-left:18px}
.stat:first-child{border-left:0;padding-left:0}
.stat b{display:block;font:600 clamp(34px,3.4vw,46px)/1 var(--display);color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.stat>span{font-size:12.5px;color:var(--mute);line-height:1.35;display:block;margin-top:8px}
.place .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.review{display:flex;align-items:center;gap:18px;margin-top:28px;padding:18px 20px;border-radius:20px;background:var(--noir);color:var(--on-noir);box-shadow:var(--shadow-lg);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.review.rv.in:hover{transform:translateY(-3px)}
.review-stars{display:flex;gap:3px;color:var(--gold);flex:none}
.review-stars svg{width:18px;height:18px;transition:transform .45s var(--ease)}
.review:hover .review-stars svg{transform:translateY(-4px) rotate(-12deg)}
.review:hover .review-stars svg:nth-child(2){transition-delay:.05s}.review:hover .review-stars svg:nth-child(3){transition-delay:.1s}
.review:hover .review-stars svg:nth-child(4){transition-delay:.15s}.review:hover .review-stars svg:nth-child(5){transition-delay:.2s}
.review-text{flex:1;min-width:0}
.review-text b{display:block;font:600 22px/1.15 var(--display)}
.review-text span{font-size:13px;color:var(--on-noir-2)}
.review-go{width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--noir);display:grid;place-items:center;flex:none;transition:transform .45s var(--ease)}
.review-go svg{width:17px;height:17px}
.review:hover .review-go{transform:rotate(-45deg)}
@media (max-width:560px){.review{flex-wrap:wrap}.review-stars{width:100%}.review-go{display:none}}
@media (max-width:900px){
  .place-grid{grid-template-columns:1fr}
  .place-tag{right:16px;bottom:16px}
  .place-badge{right:12px;top:-36px;width:108px;height:108px}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){border-left:0;padding-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line-2)}
}

/* ---------- infos ---------- */
.info{padding:0 0 clamp(88px,11vw,150px)}
.info-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.info-head h2{margin-top:20px}
.info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:20px}
.card{background:var(--paper);border-radius:24px;padding:28px;box-shadow:var(--shadow);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(36,24,23,.04),0 24px 48px -18px rgba(36,24,23,.25)}
.card-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.card-title i{width:44px;height:44px;border-radius:12px;background:var(--panel);color:var(--rose-deep);display:grid;place-items:center}
.card-title h3{font-size:28px}
.hours{width:100%;border-collapse:collapse;font-size:14.5px}
.hours th{text-align:left;font-weight:500;color:var(--mute);padding:9px 0}
.hours td{text-align:right;padding:9px 0;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.4;white-space:nowrap}
.hours tr+tr{border-top:1px solid var(--line-2)}
.hours tr.today th,.hours tr.today td{color:var(--rose-deep);font-weight:700}
.hours tr.today th::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 2px 0;border-radius:50%;background:var(--rose-deep);vertical-align:middle}
.cline{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line-2)}
.cline:first-of-type{border-top:0;padding-top:0}
.cline .i{color:var(--rose-deep);margin-top:3px}
.cline b{display:block;font-weight:700}
.cline span{font-size:14px;color:var(--mute)}
a.cline:hover b{color:var(--rose-deep)}
.card .actions{display:grid;gap:10px;margin-top:22px}
.map{position:relative;border-radius:24px;overflow:hidden;min-height:460px;background:var(--noir-3) var(--map-photo) center/cover;box-shadow:var(--shadow)}
.map::before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--noir) 55%,transparent)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.75) contrast(1.05)}
.map-card{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:14px;background:var(--noir);color:var(--on-noir);border-radius:18px;padding:14px 14px 14px 18px;box-shadow:var(--shadow-lg)}
.map-card b{display:block;font:400 24px/1 var(--script);color:var(--gold)}
.map-card span{font-size:13px;color:var(--on-noir-2)}
.map-card .btn{margin-left:auto}
@media (max-width:1080px){.info-grid{grid-template-columns:1fr 1fr}.map{grid-column:1/-1;min-height:380px}}
@media (max-width:700px){.info-grid{grid-template-columns:1fr}.map-card{flex-wrap:wrap}.map-card .btn{margin-left:0;width:100%}}

/* ---------- instagram + footer ---------- */
.insta{background:var(--rose);color:#fff;position:relative;overflow:hidden}
.insta .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:56px;padding-bottom:56px}
.insta h2{font-size:clamp(34px,4vw,54px);color:#fff}
.insta h2 em{color:var(--gold-soft)}
.insta p{margin:10px 0 0;opacity:.9}
.insta .btn{background:#fff;color:var(--rose-deep)}
.insta .btn:hover{background:var(--noir);color:var(--gold-soft);transform:translateY(-2px)}
.insta .gallery{list-style:none;margin:0 auto;padding:0 var(--gut) 64px;max-width:var(--max);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery a{position:relative;display:block;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--rose-deep)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .6s var(--ease)}
.gal-ig{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--noir) 45%,transparent);opacity:0;transition:opacity .45s var(--ease)}
.gal-ig svg{width:34px;height:34px;color:#fff;transform:scale(.7);transition:transform .5s var(--ease)}
.gallery a:hover img,.gallery a:focus-visible img{transform:scale(1.08)}
.gallery a:hover .gal-ig,.gallery a:focus-visible .gal-ig{opacity:1}
.gallery a:hover .gal-ig svg{transform:none}
@media (max-width:900px){.insta .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:44px}.gallery a{border-radius:14px}}
.foot{background:var(--noir);color:var(--on-noir-2);padding:80px 0 36px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(245,237,227,.1)}
.foot .logo b{font-size:52px}
.foot-brand p{margin:14px 0 24px;max-width:32ch;font-size:14.5px}
.foot h4{margin:0 0 16px;font:700 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14.5px}
.foot a:hover{color:var(--gold-soft)}
.social{display:flex;gap:10px}
.social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(245,237,227,.18);color:var(--on-noir);transition:all .35s var(--ease)}
.social a:hover{background:var(--gold);border-color:var(--gold);color:var(--noir);transform:translateY(-3px)}
.social svg{width:19px;height:19px}
.foot-review{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:700;color:var(--gold-soft)}
.foot-review svg{width:15px;height:15px;color:var(--gold);transition:transform .5s var(--ease)}
.foot-review:hover svg{transform:rotate(72deg) scale(1.2)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:28px;font-size:13px;color:var(--on-noir-3)}
.to-top{display:inline-flex;align-items:center;gap:8px;color:var(--on-noir-2)}
.to-top svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.to-top:hover svg{transform:translateY(-3px)}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.foot{padding-bottom:120px}}

/* ---------- dock mobile ---------- */
.dock{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:75;display:none;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;
  background:color-mix(in srgb,var(--noir) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:22px;box-shadow:var(--shadow-lg);
  transform:translateY(140%);transition:transform .6s var(--ease)}
.dock.show{transform:none}
.dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:56px;border-radius:16px;color:var(--on-noir);font:700 11.5px/1 var(--sans);transition:background-color .25s,transform .2s}
.dock a:active{transform:scale(.94)}
.dock a svg{width:20px;height:20px;color:var(--gold)}
.dock a.main{background:var(--gold);color:var(--noir)}
.dock a.main svg{color:var(--noir)}
@media (max-width:900px){.dock{display:grid}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .rv,.fade,.float{opacity:1;transform:none}
  .hero h1 .ln>span{transform:none}
  .hero-img{clip-path:none}.rv-img{clip-path:none}
}

/* ---------- annonce (fermeture exceptionnelle, événement) ---------- */
.annonce{position:fixed;inset:0 0 auto;z-index:72;height:40px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;
  background:var(--gold);color:var(--noir);font:700 13.5px/1.2 var(--sans);text-align:center}
.annonce .i{width:16px;height:16px}
.has-annonce .hdr{top:40px}
.has-annonce .hero-text{padding-top:calc(var(--hh) + 80px)}
.has-annonce .progress{top:40px}

/* ---------- liens légaux du pied ---------- */
.foot-legal{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.foot-legal a{color:var(--on-noir-2);text-decoration:none;border-bottom:1px solid transparent;transition:color .25s var(--ease),border-color .25s var(--ease)}
.foot-legal a:hover{color:var(--gold-soft);border-color:var(--gold-dim)}

/* =========================================================================
   Pages d'information — mentions légales, CGU, RGPD
   Le papier du menu : crème, filets dorés, titres en Cormorant, numéros de
   section à l'encre rose. Rendues par la compilation, donc elles suivent la
   palette et les coordonnées choisies dans l'éditeur.
   ========================================================================= */
.page-doc{background:var(--cream)}
.hdr-doc{background:color-mix(in srgb,var(--noir) 92%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 var(--gold-dim)}
.hdr-doc .wrap{justify-content:space-between}
.hdr-doc .logo{color:var(--on-noir)}
.doc-retour-haut .i{transform:scaleX(-1)}
.doc-retour-haut{background:transparent;border-color:rgba(245,237,227,.3);color:var(--on-noir)}
.doc-retour-haut:hover{border-color:var(--gold);color:var(--gold-soft)}

.doc{padding-block:calc(var(--hh) + clamp(36px,6vw,80px)) clamp(56px,8vw,110px)}
.doc-entete{max-width:820px}
.doc-titre{margin-top:16px;font-family:var(--display);font-weight:600;font-size:clamp(38px,5.4vw,66px);line-height:1.02;color:var(--ink)}
.doc-titre em{font-family:var(--script);font-style:normal;color:var(--rose-deep);font-size:.9em}
.doc-chapeau{margin-top:18px}
.doc-date{margin:14px 0 0;font:700 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--rose-deep)}

.doc-grille{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,5vw,64px);margin-top:clamp(32px,5vw,56px);align-items:start}
.doc-sommaire{position:sticky;top:calc(var(--hh) + 16px);padding-top:14px;border-top:2px solid var(--rose-deep)}
.doc-sommaire ol{counter-reset:s;list-style:none;margin:12px 0 0;padding:0}
.doc-sommaire a{display:block;padding:6px 0;font-size:14.5px;color:var(--mute);transition:color .25s var(--ease),transform .3s var(--ease)}
.doc-sommaire a::before{counter-increment:s;content:counter(s,decimal-leading-zero);margin-right:10px;font-family:var(--display);font-size:15px;color:var(--gold)}
.doc-sommaire a:hover{color:var(--ink);transform:translateX(4px)}

.doc-corps{max-width:70ch}
.doc-bloc+.doc-bloc{margin-top:clamp(30px,4vw,48px);padding-top:clamp(30px,4vw,48px);border-top:1px solid var(--line)}
.doc-bloc h2{display:flex;align-items:baseline;gap:14px;font-family:var(--display);font-size:clamp(26px,3vw,36px);color:var(--ink);scroll-margin-top:calc(var(--hh) + 16px)}
.doc-bloc h2 span{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--rose-deep)}
.doc-bloc p,.doc-bloc li{margin-top:12px;color:var(--mute);line-height:1.68}
.doc-bloc strong{color:var(--ink);font-weight:600}
.doc-bloc a{color:var(--rose-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-dim)}
.doc-liste{list-style:none;margin:4px 0 0;padding:0}
.doc-liste li{position:relative;padding-left:24px}
.doc-liste li::before{content:"";position:absolute;left:0;top:.78em;width:7px;height:7px;rotate:45deg;background:var(--gold)}

.doc-fiche{display:grid;grid-template-columns:minmax(150px,215px) minmax(0,1fr);margin-top:20px;border-top:1px solid var(--line)}
.doc-fiche dt{padding:11px 16px 11px 0;border-bottom:1px solid var(--line);font:700 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.doc-fiche dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
.doc-fiche dd a{color:inherit;text-decoration:none}

.a-completer{display:inline-block;padding:2px 9px;border:1px dashed var(--henna);border-radius:4px;background:color-mix(in srgb,var(--henna) 6%,transparent);font:700 10.5px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--henna)}
.a-completer+em{display:block;margin-top:5px;font-size:13.5px;font-style:italic;color:var(--mute)}

.doc-resume{padding:clamp(22px,3vw,34px);border-radius:18px;background:var(--noir);color:var(--on-noir-2);border-top:0!important}
.doc-resume h2{color:var(--on-noir)}
.doc-resume h2 span{color:var(--gold)}
.doc-resume p,.doc-resume li{color:var(--on-noir-2)}
.doc-resume strong{color:var(--on-noir)}
.doc-resume .doc-liste li::before{background:var(--gold)}

.doc-alerte{margin-top:16px;padding:14px 18px;border-left:3px solid var(--gold);background:var(--panel);border-radius:0 10px 10px 0}
.doc-alerte p{margin:0;color:var(--ink);font-size:14.5px}

.doc-retour{margin-top:clamp(30px,5vw,46px)}
.doc-retour .i{transform:scaleX(-1)}
.foot-doc{padding:36px 0}

@media (max-width:900px){
  .doc-grille{grid-template-columns:1fr}
  .doc-sommaire{position:static}
  .doc-fiche{grid-template-columns:1fr}
  .doc-fiche dt{padding-bottom:2px;border-bottom:0}
  .doc-fiche dd{padding-top:2px}
  .doc-retour-haut span{display:none}
}