@font-face{font-family:"Fraunces";src:url(fonts/Fraunces.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Fraunces";src:url(fonts/Fraunces-Italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/InstrumentSans.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --crust-900:#3d2a22;
  --crust-800:#5a3c2e;
  --crust-700:#7a5240;
  --crust-500:#8a5a28;
  --gold:#f0b420; /* punchier than #e0b03a */
  --gold-soft:#ffe89a;
  --rose:#b8336e; /* AA on peach/flour */
  --rose-soft:#ee3d88; /* large italics only */
  --pistachio:#6fb52a; /* dots / decorative / tinted bands only */
  --brick:var(--rose);
  --flour:#fff0d6;
  --flour-2:#ffe4b8;
  --paper:#fff6e8;
  --blush:#ffe4ee;
  --pist-cream:#eef8d4;
  --ink:#3d2a22;
  --muted:#6e5346;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:18px;--ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
section[id],.hero{scroll-margin-top:5.75rem}
body{margin:0;font-family:var(--sans);font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;padding-bottom:72px}
@media(min-width:900px){body{padding-bottom:0}}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin:0;font-variation-settings:"SOFT" 50,"opsz" 96}
h1 em,h2 em{font-style:italic;color:var(--rose-soft);font-variation-settings:"SOFT" 100,"WONK" 1}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--ink);padding:.6rem 1rem;z-index:100}.skip:focus{left:1rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.kicker{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--rose);margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}
.kicker::before{content:"";width:28px;height:1px;background:currentColor;transform-origin:left;transition:transform .55s var(--ease)}
.js .reveal-block .kicker::before{transform:scaleX(0)}
.js .reveal-block.in .kicker::before{transform:none;transition-delay:var(--d,0s)}

.demo-bar{background:#3d2a22;color:var(--gold-soft);font-size:.75rem;text-align:center;padding:.45rem 1rem;letter-spacing:.02em}
.demo-bar a{color:var(--gold-soft)}

/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1.25rem,4vw,2.5rem);background:rgba(61,42,34,.0);color:var(--flour);transition:background .4s var(--ease),box-shadow .4s;margin-bottom:-72px}
.nav.solid{background:rgba(255,246,232,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(240,180,32,.45),0 10px 28px -18px rgba(61,42,34,.18);color:var(--ink);border-bottom:2px solid rgba(240,180,32,.55)}
.nav.solid .brand{color:var(--ink)}
.nav.solid .brand em{color:var(--rose)}
.nav.solid .brand-mark{color:var(--gold)}
.nav.solid .nav-links a{opacity:.92;color:var(--ink)}
.nav.solid .nav-links a::after{background:var(--rose)}
.nav.solid .nav-call{border:1.5px solid var(--gold);color:var(--ink);background:rgba(240,180,32,.12)}
.nav.solid .nav-call:hover{background:var(--gold);border-color:var(--gold);color:var(--crust-900)}
.nav.solid .nav-call svg{color:var(--gold)}
.nav.solid .nav-call:hover svg{color:var(--crust-900)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--serif);font-size:1.2rem;color:var(--flour)}
.brand em{font-style:italic;color:var(--gold-soft)}
.brand-mark{width:38px;height:38px;color:var(--gold)}
.brand-logo{width:48px;height:48px;border-radius:50%;display:block;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(61,42,34,.18))}
.footer-logo{width:96px;height:96px;border-radius:50%;display:block;margin:0 0 .85rem;object-fit:contain;background:#fff8ee;box-shadow:0 2px 8px rgba(61,42,34,.12)}
.coming-soon-logo{width:min(168px,46vw);height:auto;aspect-ratio:1;border-radius:50%;display:block;margin:0 auto 1.15rem;object-fit:contain;box-shadow:0 10px 28px -12px rgba(0,0,0,.45)}
.nav-links{display:none;list-style:none;margin:0;padding:0;gap:2rem}
.nav-links a{text-decoration:none;font-size:.92rem;opacity:.85;position:relative;padding:.25rem 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-links a:hover{opacity:1}.nav-links a:hover::after{transform:scaleX(1)}
.nav-call{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem;border:1.5px solid rgba(240,180,32,.65);padding:.5rem .9rem;border-radius:99px;transition:background .3s,border-color .3s,color .3s}
.nav-call:hover{background:rgba(240,180,32,.15);border-color:var(--gold)}
.nav-call svg{width:16px;height:16px;color:var(--gold)}
.nav-call span{display:none}
@media(min-width:640px){.nav-call span{display:inline}}
@media(min-width:900px){.nav-links{display:flex}}

/* hero */
.hero{position:relative;min-height:min(100svh,920px);display:flex;align-items:flex-end;color:var(--flour);overflow:hidden;background:var(--crust-900);isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.07);animation:heroZoom 1.8s var(--ease) both}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(61,42,34,.18) 0%,rgba(240,180,32,.08) 32%,rgba(61,42,34,.38) 64%,rgba(61,42,34,.58) 100%)}
@media(min-width:900px){.hero::after{background:linear-gradient(90deg,rgba(61,42,34,.58) 0%,rgba(61,42,34,.32) 38%,rgba(240,180,32,.06) 70%),linear-gradient(180deg,rgba(61,42,34,.22),transparent 30%)}.hero{align-items:center}}
@keyframes heroZoom{to{transform:scale(1)}}
.hero-inner{width:min(1180px,100% - 2.5rem);margin:0 auto;padding:8rem 0 3.5rem}
@media(min-width:900px){.hero-inner{padding:9rem 0 6rem}}
.eyebrow{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 1.2rem;text-shadow:0 1px 10px rgba(61,42,34,.35)}
.hero h1{font-size:clamp(2.6rem,9.5vw,5.6rem);max-width:13ch;font-weight:350;text-shadow:0 2px 24px rgba(61,42,34,.45),0 1px 2px rgba(61,42,34,.35)}
.hero h1 em{color:var(--rose-soft)}
.lede{font-size:clamp(1.05rem,2.6vw,1.25rem);max-width:36ch;color:#fff0d6;margin:1.4rem 0 1.6rem;text-shadow:0 1px 14px rgba(61,42,34,.4)}
.status{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;padding:.45rem .95rem .45rem .8rem;border-radius:99px;background:rgba(255,240,214,.22);border:1px solid rgba(240,180,32,.4);backdrop-filter:blur(6px)}
.status .dot{width:9px;height:9px;border-radius:50%;background:#9b8b7b;flex:none}
.status.open .dot{background:var(--pistachio);box-shadow:0 0 0 0 rgba(111,181,42,.6);animation:pulse 2.2s infinite}
.status.soon .dot{background:#f0b44c}
.status.closed .dot{background:#e0755a}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(111,181,42,0)}100%{box-shadow:0 0 0 0 rgba(111,181,42,0)}}
.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;font-weight:600;font-size:1rem;padding:.95rem 1.5rem;border-radius:99px;transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease);min-height:52px}
.btn svg{width:18px;height:18px}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.98)}
.btn-primary{background:var(--gold);color:var(--crust-900);box-shadow:0 12px 32px -8px rgba(240,180,32,.75)}
.btn-primary:hover{background:var(--gold-soft)}
.btn-ghost{color:var(--flour);border:1px solid rgba(255,244,230,.4)}
.btn-ghost:hover{background:rgba(255,244,230,.1);border-color:var(--flour)}
.btn-light{background:var(--flour);color:var(--crust-900)}
.btn-outline{border:1px solid var(--crust-700);color:var(--crust-900)}
.btn-outline:hover{background:var(--crust-900);color:var(--flour)}
.hero .cta .btn{flex:1 1 140px}
@media(min-width:640px){.hero .cta .btn{flex:0 0 auto}}
.hero-rating{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.8rem;text-decoration:none;font-size:.9rem;color:#f5e0bc}
.hero-rating strong{color:var(--flour);font-size:1rem}
.stars{display:inline-flex;gap:3px}
.stars i{width:15px;height:15px;background:linear-gradient(90deg,var(--gold) calc(var(--f)*100%),rgba(240,180,32,.28) 0);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.stars-lg i{width:22px;height:22px}
.hero-scroll{display:none}
@media(min-width:900px){.hero-scroll{display:block;position:absolute;bottom:2rem;left:50%;width:1px;height:56px;background:rgba(255,244,230,.2);overflow:hidden}.hero-scroll span{position:absolute;inset:0;background:var(--gold);animation:scrollLine 2.4s var(--ease) infinite}}
@keyframes scrollLine{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}

/* intro */
.intro{padding:clamp(4.5rem,10vw,8rem) 0 clamp(3rem,6vw,5rem);background:var(--flour);position:relative}
.intro-grid{display:grid;gap:3rem;align-items:center}
@media(min-width:900px){.intro-grid{grid-template-columns:1.1fr .9fr;gap:6rem}}
.intro h2,.sec-head h2,.commande h2,.infos h2{font-size:clamp(2.1rem,5.5vw,3.6rem)}
.intro-text p:not(.kicker){color:var(--muted);font-size:1.12rem;max-width:44ch;margin:1.4rem 0 0}
.sign{font-family:var(--serif);font-style:italic;font-size:1.5rem!important;color:var(--crust-800)!important;margin-top:2rem!important}
.sign span{font-family:var(--sans);font-style:normal;font-size:.9rem;color:var(--muted)}
.intro-figure{margin:0;position:relative}
.intro-figure picture{border-radius:220px 220px var(--r) var(--r);overflow:hidden;display:block;box-shadow:0 40px 80px -40px rgba(61,42,34,.55)}
.intro-figure img{border-radius:inherit;aspect-ratio:4/5;object-fit:cover;width:100%}
.intro-figure figcaption{position:absolute;left:-1rem;bottom:2rem;background:var(--flour);padding:.7rem 1.1rem;border-radius:99px;font-size:.85rem;color:var(--crust-700);box-shadow:0 10px 30px -12px rgba(61,42,34,.35)}
@media(min-width:900px){.intro-figure figcaption{left:-2.5rem}}
.facts{list-style:none;padding:0;margin:clamp(3.5rem,8vw,6rem) auto 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #f5d9b0}
@media(min-width:700px){.facts{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.facts{grid-template-columns:repeat(5,1fr)}}
.facts li{padding:1.6rem 1rem 0 0;display:flex;flex-direction:column;gap:.25rem}
.facts strong{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,4vw,2.2rem);color:var(--crust-800)}
.facts span{font-size:.88rem;color:var(--muted)}

/* fournée */
.fournee{background:var(--pist-cream);padding:clamp(4.5rem,10vw,8rem) 0;background-image:radial-gradient(rgba(111,181,42,.12) 1px,transparent 1px);background-size:22px 22px}
.sec-head{margin-bottom:clamp(2.5rem,5vw,4rem)}
.cards{display:grid;gap:1.25rem}
@media(min-width:700px){.cards{grid-template-columns:1fr 1fr}.card-tall{grid-row:span 2}}
@media(min-width:1000px){.cards{grid-template-columns:1.15fr 1fr 1fr}.card-tall{grid-row:auto}}
.card{background:var(--paper);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 #f5d9b0,0 30px 60px -45px rgba(61,42,34,.5);transition:transform .4s var(--ease)}
.card:hover{transform:translateY(-4px)}
.card-img{overflow:hidden;aspect-ratio:4/3}
@media(min-width:1000px){.card-img{aspect-ratio:4/5}}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.card:hover .card-img img{transform:scale(1.06)}
.card-body{padding:1.6rem 1.6rem 1.9rem;position:relative}
.card-body .num{font-family:var(--serif);font-style:italic;color:var(--rose);margin:0 0 .4rem;font-size:.95rem}
.card h3{font-size:1.75rem;margin-bottom:.6rem}
.card-body p:last-child{margin:0;color:var(--muted);font-size:.98rem}

/* commande */
.commande{display:grid;background:linear-gradient(165deg,var(--gold-soft) 0%,var(--flour-2) 55%,#ffd97a 100%);color:var(--ink)}
@media(min-width:900px){.commande{grid-template-columns:1fr 1fr;min-height:620px}}
.commande-img{min-height:300px;overflow:hidden}
.commande-img img{width:100%;height:100%;object-fit:cover}
.commande-text{padding:clamp(3.5rem,8vw,6rem) clamp(1.25rem,6vw,5.5rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.commande .kicker{color:var(--rose)}
.commande h2 em{color:var(--rose)}
.commande-text p:not(.kicker){color:var(--muted);max-width:42ch;margin:1.4rem 0 2rem;font-size:1.08rem}
.commande .btn-light{background:var(--rose);color:#fff6e8;box-shadow:0 10px 30px -10px rgba(184,51,110,.45)}
.commande .btn-light:hover{background:var(--crust-900);color:var(--gold)}

/* avis */
.avis{padding:clamp(4.5rem,10vw,8rem) 0;background:var(--paper)}
.avis .sec-head{display:grid;gap:1.5rem}
@media(min-width:900px){.avis .sec-head{grid-template-columns:1fr auto;align-items:end}.avis .sec-head .kicker{grid-column:1/-1;margin-bottom:-.5rem}}
.score{display:flex;align-items:center;gap:1rem}
.score-num{font-family:var(--serif);font-size:4.2rem;line-height:1;color:var(--crust-900)}
.score-meta{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}
.quotes{display:grid;gap:1.25rem}
@media(min-width:800px){.quotes{grid-template-columns:repeat(3,1fr)}.quote-big{grid-column:1/-1}}
.quote{margin:0;background:var(--flour);border-radius:var(--r);padding:1.8rem 1.7rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;border:1px solid #f8dfb8;transition:transform .4s var(--ease),border-color .4s}
.quote:hover{transform:translateY(-4px);border-color:var(--gold-soft)}
.quote blockquote{margin:0}
.quote blockquote p{margin:0;font-family:var(--serif);font-size:1.18rem;line-height:1.45;color:var(--crust-800)}
.quote blockquote p::before{content:"“";color:var(--gold);margin-right:.05em}
.quote blockquote p::after{content:"”";color:var(--gold);margin-left:.05em}
.quote-big{background:var(--blush);border-color:var(--blush);padding:clamp(2rem,5vw,3.5rem)}
.quote-big blockquote p{color:var(--ink);font-size:clamp(1.35rem,3.4vw,2.1rem);font-weight:350;max-width:40ch}
.quote-big figcaption{color:var(--rose)}
.quote figcaption{display:flex;align-items:center;gap:.7rem;font-weight:600;font-size:.95rem}
.quote figcaption small{font-weight:400;color:var(--muted)}
.quote-big figcaption small{color:var(--muted)}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--crust-900);font-family:var(--serif);font-size:1rem}
.avis-link{margin:2.2rem 0 0}
.avis-link a{font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
.avis-link a span{display:inline-block;transition:transform .3s var(--ease)}
.avis-link a:hover span{transform:translateX(4px)}

/* infos */
.infos{background:var(--pist-cream);padding:clamp(4.5rem,10vw,8rem) 0}
.infos-grid{display:grid;gap:4rem}
@media(min-width:960px){.infos-grid{grid-template-columns:.85fr 1.15fr;gap:5rem}}
.infos h2{margin-bottom:1.5rem}
.status-dark{background:var(--paper);border-color:#f2d4a8;color:var(--crust-800);backdrop-filter:none}
.hours{width:100%;border-collapse:collapse;margin-top:1.5rem;font-variant-numeric:tabular-nums}
.hours th,.hours td{padding:.9rem 0;border-bottom:1px solid #efcfa0;text-align:left;vertical-align:top}
.hours th{font-weight:500;width:38%}
.hours td{text-align:right;color:var(--crust-700)}
.hours td span{display:block}
@media(min-width:480px){.hours td span{display:inline;margin-left:.9rem}}
.hours td.closed{color:#d0b090;font-style:italic}
.hours tr.today th,.hours tr.today td{color:var(--crust-900);font-weight:700}
.hours tr.today th::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rose);margin:0 .6rem .15rem -0rem}
.note{font-size:.85rem;color:var(--muted);margin-top:1rem}
.plan{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;box-shadow:0 30px 60px -40px rgba(61,42,34,.6)}
.plan img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.plan:hover img{transform:scale(1.04)}
.pin{position:absolute;left:50%;top:50%;width:34px;transform:translate(-50%,-100%);filter:drop-shadow(0 6px 8px rgba(61,42,34,.4));animation:drop .9s var(--ease) both}
@keyframes drop{from{transform:translate(-50%,-160%);opacity:0}}
.plan-label{position:absolute;left:50%;top:50%;transform:translate(-50%,10px);background:var(--crust-900);color:var(--flour);font-size:.8rem;padding:.35rem .8rem;border-radius:99px;white-space:nowrap;font-weight:600}
.osm{position:absolute;right:.5rem;bottom:.4rem;font-size:.65rem;background:rgba(255,244,230,.85);padding:.1rem .4rem;border-radius:4px;color:var(--crust-700)}
.acces-list{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem;color:var(--muted)}
.acces-list li{padding-left:1.2rem;position:relative}
.acces-list li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.acces-list b{color:var(--crust-800);font-weight:600}
.cta-row{margin-top:1.8rem}

/* footer */
.footer{background:var(--gold);color:var(--ink);padding:4rem 0 2rem;font-size:.95rem}
.footer-grid{display:grid;gap:2rem}
@media(min-width:700px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.15fr}}
.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.footer-brand-sub{line-height:1.55;color:var(--crust-800)}
.footer-social{margin-top:.7rem!important}
.footer p{margin:0}
.footer a{color:var(--ink);text-decoration:none;font-weight:600}.footer a:hover{color:var(--crust-800);text-decoration:underline;text-underline-offset:3px}
.footer-brand{font-family:var(--serif);font-size:1.8rem;color:var(--ink);margin-bottom:.6rem!important}
.footer-h{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--crust-800);margin-bottom:.7rem!important}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(61,42,34,.22);font-size:.8rem;color:var(--crust-800)}

/* mobile bar */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(255,246,232,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateY(110%);transition:transform .45s var(--ease);box-shadow:0 -8px 28px -12px rgba(61,42,34,.25);border-top:2px solid rgba(240,180,32,.45)}
.mobile-bar.show{transform:none}
.mobile-bar a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border-radius:12px;text-decoration:none;font-weight:600;color:var(--ink);border:1.5px solid rgba(240,180,32,.55)}
.mobile-bar a.mb-call{background:var(--gold);color:var(--crust-900);border-color:var(--gold)}
.mobile-bar svg{width:18px;height:18px}
@media(min-width:900px){.mobile-bar{display:none}}

/* motion */
.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .65s var(--ease),transform .65s var(--ease);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}

/* titres : rideau typographique */
.js .reveal-title{opacity:1;transform:none}
.js .reveal-title .line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.08em}
.js .reveal-title .line > span{display:block;transform:translateY(108%);transition:transform .8s var(--ease);transition-delay:calc(var(--d,.12s) + var(--line,0s))}
.js .reveal-title .line:nth-child(2) > span{--line:.08s}
.js .reveal-title .line:nth-child(3) > span{--line:.16s}
.js .reveal-title.in .line > span{transform:none}

/* blocs titre + texte : kicker, clip du h2, paragraphes en cascade */
.js .reveal-block{opacity:1;transform:none}
.js .reveal-block .kicker,
.js .reveal-block p,
.js .reveal-block .sec-lead,
.js .reveal-block .sign,
.js .reveal-block .cta,
.js .reveal-block .contact-list,
.js .reveal-block .contact-cta{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .reveal-block h1,
.js .reveal-block h2{opacity:1;transform:none;clip-path:inset(100% -2% -12% -2%);transition:clip-path .85s var(--ease)}
.js .reveal-block .kicker{transition-delay:var(--d,0s)}
.js .reveal-block h1,
.js .reveal-block h2{transition-delay:calc(var(--d,0s) + .07s)}
.js .reveal-block p,
.js .reveal-block .sec-lead{transition-delay:calc(var(--d,0s) + .14s)}
.js .reveal-block p + p{transition-delay:calc(var(--d,0s) + .2s)}
.js .reveal-block .sign,
.js .reveal-block .cta,
.js .reveal-block .contact-list{transition-delay:calc(var(--d,0s) + .24s)}
.js .reveal-block .contact-cta{transition-delay:calc(var(--d,0s) + .3s)}
.js .reveal-block.in .kicker,
.js .reveal-block.in p,
.js .reveal-block.in .sec-lead,
.js .reveal-block.in .sign,
.js .reveal-block.in .cta,
.js .reveal-block.in .contact-list,
.js .reveal-block.in .contact-cta{opacity:1;transform:none}
.js .reveal-block.in h1,
.js .reveal-block.in h2{clip-path:inset(-.15em -2% -12% -2%)}

/* photos : léger dézoom dans le cadre */
.js .reveal-media{opacity:1;transform:none}
.js .reveal-media picture,
.js .pains-photos.reveal-media .ph,
.js .reveal-media > img{overflow:hidden;display:block}
.js .reveal-media img{transform:scale(1.08);transition:transform 1.15s var(--ease);transition-delay:var(--d,0s);will-change:transform}
.js .reveal-media.in img{transform:none;will-change:auto}
.js .card.reveal img{transform:scale(1.08);transition:transform 1.15s var(--ease);transition-delay:var(--d,0s)}
.js .card.reveal.in img{transform:none}
.js .card.reveal.in:hover .card-img img,
.js .reveal-media.in:hover img{transform:scale(1.05)}

/* overlay coming-soon */
.js .coming-soon-card{opacity:0;transform:translateY(16px);animation:cardIn .7s var(--ease) .08s both}
.js .coming-soon-kicker{animation:cardIn .6s var(--ease) .16s both}
.js .coming-soon-card h2{animation:cardIn .65s var(--ease) .24s both}
.js .coming-soon-lede{animation:cardIn .65s var(--ease) .32s both}
.js .coming-soon-nap{animation:cardIn .65s var(--ease) .4s both}
@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important}
  .hero-bg img{transform:none}
  .js .reveal,
  .js .reveal-title .line > span,
  .js .reveal-block .kicker,
  .js .reveal-block p,
  .js .reveal-block .sec-lead,
  .js .reveal-block .sign,
  .js .reveal-block .cta,
  .js .reveal-block .contact-list,
  .js .reveal-block .contact-cta,
  .js .reveal-media img,
  .js .card.reveal img,
  .js .coming-soon-card,
  .js .coming-soon-kicker,
  .js .coming-soon-card h2,
  .js .coming-soon-lede,
  .js .coming-soon-nap,
  .js .reveal-block h1,
  .js .reveal-block h2{clip-path:none!important}
  .coming-soon-card{backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* ajustements */
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:899px){.intro-figure picture,.intro-figure img{aspect-ratio:1/1;border-radius:200px 200px var(--r) var(--r)}}
.quote-big{position:relative;overflow:hidden}
.quote-big::after{content:"“";position:absolute;right:clamp(1rem,5vw,4rem);top:50%;transform:translateY(-42%);font-family:var(--serif);font-style:italic;font-size:clamp(10rem,26vw,24rem);line-height:1;color:var(--gold);opacity:.16;pointer-events:none}
.hero h1{text-wrap:balance}.intro h2,.sec-head h2,.commande h2,.infos h2,.local h2{text-wrap:balance}
p{text-wrap:pretty}

/* Optiweb v1 : contact, carte façade, légal */
.avis-note{max-width:60ch;color:var(--muted);margin:1.5rem 0}
.plan{position:relative;display:block;border-radius:var(--r);overflow:hidden}
.plan iframe{width:100%;aspect-ratio:1160/760;border:0;display:block}
.map-load{position:absolute;left:50%;bottom:1.2rem;transform:translateX(-50%);font:600 .9rem var(--sans);background:var(--crust-900);color:var(--flour);border:1px solid var(--gold);border-radius:99px;padding:.7rem 1.2rem;cursor:pointer;min-height:44px}
.map-load:hover{background:var(--crust-700)}
.contact{background:var(--blush);padding:clamp(4rem,9vw,7rem) 0}
.contact-grid{display:grid;gap:2rem;max-width:40rem}
.contact h2{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:1.2rem}
.contact-list{list-style:none;padding:0;margin:0 0 1.4rem;display:grid;gap:.5rem}
.contact-list a{color:var(--rose);font-weight:600}
.contact-cta{margin:0}
.legal{max-width:760px;margin:0 auto;padding:7rem 1.25rem 4rem}
.legal h1{font-size:clamp(2.2rem,6vw,3.4rem);margin-bottom:1.1rem}
.legal h2{font-size:1.5rem;margin:2.2rem 0 .6rem}
.legal a{color:var(--rose)}
.legal .legal-updated{color:var(--muted);margin:0 0 2rem}
.legal-back{margin-top:2.8rem}
.legal-nav{margin:0 0 1.6rem}
.legal-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .9rem}
.legal-nav a{color:var(--crust-800);font-weight:600;text-decoration:none;font-size:.92rem}
.legal-nav a:hover,.legal-nav a[aria-current="page"]{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.legal code,.legal .nowrap{font-size:.9em;white-space:nowrap}
.nav.nav-solid{background:var(--paper);color:var(--ink);margin-bottom:0;box-shadow:0 1px 0 rgba(240,180,32,.45);border-bottom:2px solid rgba(240,180,32,.55)}
.nav.nav-solid .brand{color:var(--ink)}
.nav.nav-solid .brand em{color:var(--rose)}
.nav.nav-solid .brand-mark{color:var(--gold)}
.nav.nav-solid .nav-links a{color:var(--ink)}
.nav.nav-solid .nav-links a::after{background:var(--rose)}
.nav.nav-solid .nav-call{border:1.5px solid var(--gold);color:var(--ink);background:rgba(240,180,32,.12)}
.nav.nav-solid .nav-call svg{color:var(--gold)}

.faq{padding:clamp(4rem,9vw,6rem) 0;background:var(--flour)}.faq h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.5rem}
.faq details{border-top:1px solid var(--flour-2);padding:1rem 0;max-width:760px}
.faq summary{cursor:pointer;font-weight:600;min-height:24px}.faq a{color:var(--rose)}

.mosaic{padding:clamp(4rem,9vw,6rem) 0;background:var(--pist-cream)}.mosaic h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.5rem}
.mosaic-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media(min-width:900px){.mosaic-grid{grid-template-columns:repeat(5,1fr);gap:1rem}}
.mosaic figure{margin:0;border-radius:12px;overflow:hidden;position:relative}
.mosaic img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .6s var(--ease)}
.mosaic figure:hover img{transform:scale(1.04)}
.mosaic figcaption{font-size:.85rem;padding:.5rem .2rem;color:var(--muted)}

/* Gallery FB products */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:clamp(2rem,5vw,3.5rem)}
@media(min-width:700px){.gallery{grid-template-columns:repeat(5,1fr);gap:1rem}}
.gallery figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--paper);box-shadow:0 1px 0 #f5d9b0}
.gallery img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s var(--ease)}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figcaption{font-size:.78rem;padding:.55rem .7rem .7rem;color:var(--muted);text-align:center}


/* Produits locaux / Touraine */
.local{padding:clamp(4.5rem,10vw,8rem) 0;background:var(--flour-2)}
.local .sec-head{max-width:52ch}
.local-lead{margin:1.25rem 0 0;color:var(--muted);font-size:1.1rem;max-width:48ch;line-height:1.55}
.local-args{list-style:none;margin:clamp(2.5rem,5vw,3.5rem) 0 0;padding:0;display:grid;gap:1.5rem}
@media(min-width:800px){.local-args{grid-template-columns:repeat(3,1fr);gap:2rem}}
.local-args li{background:var(--flour);border:1px solid #f8dfb8;border-radius:var(--r);padding:1.6rem 1.5rem;display:flex;flex-direction:column;gap:.35rem}
.local-args .num{font-family:var(--serif);font-style:italic;color:var(--rose);margin:0;font-size:.95rem}
.local-args h3{margin:0;font-family:var(--serif);font-weight:450;font-size:1.35rem;color:var(--crust-800)}
.local-args p:not(.num){margin:.4rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.55}
.local-producers{margin-top:clamp(2.5rem,5vw,3.5rem);padding:1.6rem 1.5rem;border-radius:var(--r);border:1px dashed #ecc898;background:var(--flour-2)}
.local-producers h3{margin:0 0 .6rem;font-family:var(--serif);font-weight:450;font-size:1.35rem;color:var(--crust-800)}
.local-producers > p{margin:0 0 .8rem;color:var(--muted)}
.local-producers ul{margin:0;padding-left:1.15rem;color:var(--muted);display:grid;gap:.35rem}
.local-producers li{line-height:1.45}

/* ——— Coming soon overlay (CSS/JS only ; full site stays in DOM for crawlers) ——— */
.coming-soon{display:none}
html[data-coming-soon="1"]:not(.dev-preview) .coming-soon{
  display:flex;align-items:center;justify-content:center;
  position:fixed;inset:0;z-index:200;
  padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom));
  background:
    radial-gradient(ellipse 90% 70% at 50% 0%,rgba(240,180,32,.45),transparent 58%),
    radial-gradient(ellipse 55% 45% at 90% 85%,rgba(238,61,136,.28),transparent 55%),
    linear-gradient(165deg,#7a5240 0%,#5a3c2e 40%,#8a5a28 100%);
  color:var(--flour);overflow:auto;-webkit-overflow-scrolling:touch
}
html[data-coming-soon="1"]:not(.dev-preview){overflow:hidden}
html[data-coming-soon="1"]:not(.dev-preview) .demo-bar{position:relative;z-index:210}
.coming-soon-card{
  width:min(440px,100%);text-align:center;
  background:rgba(255,244,230,.12);border:1px solid rgba(240,180,32,.45);
  border-radius:calc(var(--r) + 6px);padding:clamp(1.75rem,5vw,2.6rem) clamp(1.35rem,4vw,2rem);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
.coming-soon-kicker{
  margin:0 0 .85rem;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;
  font-weight:600;color:var(--gold-soft)
}
.coming-soon-card h2{
  margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.85rem,6vw,2.45rem);
  color:var(--flour);letter-spacing:-.02em
}
.coming-soon-lede{
  margin:1rem auto 0;max-width:34ch;font-size:1.02rem;line-height:1.55;color:#fff0d6
}
.coming-soon-nap{margin:1.75rem 0 0;padding-top:1.4rem;border-top:1px solid rgba(243,215,138,.22)}
.coming-soon-name{
  margin:0 0 .55rem;font-family:var(--serif);font-size:1.2rem;font-weight:450;color:var(--gold)
}
.coming-soon-addr{
  display:inline-block;text-decoration:none;color:#fff0d6;line-height:1.45;font-size:.98rem
}
.coming-soon-addr:hover{color:var(--gold-soft);text-decoration:underline;text-underline-offset:3px}
.coming-soon-links{
  margin:1rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:.35rem .55rem;font-size:.95rem
}
.coming-soon-links a{color:var(--gold-soft);text-decoration:none;font-weight:600}
.coming-soon-links a:hover{text-decoration:underline;text-underline-offset:3px}
.coming-soon-links span{color:rgba(243,215,138,.45)}
.coming-soon-social{margin:.85rem 0 0}
.coming-soon-social a{color:#ffe89a;font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.coming-soon-social a:hover{color:var(--gold-soft)}
@media(prefers-reduced-motion:reduce){
  .coming-soon-card{backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* ——— Brief client 09/11/2026 : pains → spécialités → traiteur, fournisseurs ——— */
picture{display:block}
.commande-img picture{height:100%}
.sec-lead{margin:1.25rem 0 0;color:var(--muted);font-size:1.1rem;max-width:52ch;line-height:1.55}
.badge{display:inline-block;margin:0 0 .8rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--crust-900);background:var(--gold);border-radius:99px;padding:.32rem .75rem}
.badge-dark{background:var(--crust-800);color:var(--gold-soft)}
.pains h2,.specialites h2,.traiteur h2{font-size:clamp(2.1rem,5.5vw,3.6rem);text-wrap:balance}

/* pains */
.pains{background:var(--pist-cream);padding:clamp(4.5rem,10vw,8rem) 0;background-image:radial-gradient(rgba(111,181,42,.12) 1px,transparent 1px);background-size:22px 22px}
.pains-grid{display:grid;gap:2.5rem}
@media(min-width:900px){.pains-grid{grid-template-columns:.95fr 1.05fr;gap:4.5rem;align-items:start}}
.pains-photos{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem;align-items:end}
.pains-photos .ph{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -40px rgba(61,42,34,.55)}
.pains-photos .ph-main{border-radius:200px 200px var(--r) var(--r)}
.pains-photos .ph-side{margin-bottom:2.5rem}
.pains-photos img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pain-block h3{font-size:clamp(1.6rem,3vw,2rem);color:var(--crust-800);margin-bottom:1.1rem}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.chips li{background:var(--paper);border:1px solid #f3d4a8;border-radius:99px;padding:.5rem 1rem;font-size:.98rem;color:var(--crust-800)}
.pain-bio{margin-top:2.2rem;background:var(--paper);border:1px solid #f3d4a8;border-radius:var(--r);padding:1.6rem 1.5rem 1.5rem}
.bio-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.bio-list li{font-family:var(--serif);font-size:1.4rem;color:var(--crust-900);padding:.55rem 0;border-bottom:1px solid #f8dfb8;display:flex;align-items:center;gap:.75rem}
.bio-list li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pistachio);flex:none}
.bio-list li:last-child{border-bottom:0}
.bio-photos{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.1rem}
.bio-photos figure{margin:0}
.bio-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.bio-photos figcaption{font-size:.82rem;color:var(--muted);padding-top:.4rem}

/* spécialités */
.specialites{background:var(--blush);padding:clamp(4.5rem,10vw,8rem) 0}
.spe-grid{display:grid;gap:2.5rem}
@media(min-width:900px){.spe-grid{grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}}
.spe-list{list-style:none;margin:0;padding:0;border-top:1px solid #f5d9b0}
.spe-list li{display:flex;align-items:baseline;gap:1.2rem;padding:1.05rem 0;border-bottom:1px solid #f5d9b0;transition:transform .35s var(--ease)}
.spe-list li:hover{transform:translateX(8px)}
.spe-list .num{font-family:var(--serif);font-style:italic;color:var(--rose);font-size:.95rem;min-width:1.8rem}
.spe-list h3{font-size:clamp(1.5rem,3.2vw,2.1rem);color:var(--crust-900)}
.spe-photos{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.spe-photos figure{margin:0}
.spe-photos figure:nth-child(2){margin-top:3rem}
.spe-photos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);box-shadow:0 30px 60px -40px rgba(61,42,34,.55)}
.spe-photos figcaption{font-size:.85rem;color:var(--muted);padding-top:.55rem}

/* commandes (réutilise .commande) */
.cmd-thumbs{list-style:none;margin:0 0 2rem;padding:0;display:flex;gap:.9rem}
.cmd-thumbs li{width:min(150px,38vw)}
.cmd-thumbs img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;border:1px solid rgba(184,51,110,.22);box-shadow:0 12px 28px -16px rgba(61,42,34,.35)}

/* traiteur */
.traiteur{background:var(--blush);padding:clamp(4.5rem,10vw,8rem) 0}
.traiteur-grid{display:grid;gap:1.25rem}
@media(min-width:860px){.traiteur-grid{grid-template-columns:1.1fr 1fr 1fr;gap:1.5rem}}
.t-col{background:var(--paper);border-radius:var(--r);padding:1.8rem 1.6rem;border:1px solid #f3d4a8}
.t-col h3{font-size:1.6rem;color:var(--crust-900);margin-bottom:1rem}
.t-col ul{list-style:none;margin:0;padding:0}
.t-col li{padding:.55rem 0;border-bottom:1px dashed #efcfa0;font-size:1.05rem;color:var(--crust-800)}
.t-col li:last-child{border-bottom:0}
.t-season{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.t-season h3{color:var(--ink)}
.t-season li{color:var(--ink);border-color:rgba(61,42,34,.2)}
.t-note{margin:1rem 0 0;font-size:.88rem;color:var(--muted)}
.t-demand{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}
.t-demand p{margin:0;color:var(--muted)}
.t-call{align-self:flex-start;font-family:var(--serif);font-size:1.5rem;color:var(--rose);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
.t-call:hover{color:var(--crust-900)}

/* fournisseurs */
.producers{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}
@media(min-width:700px){.producers{grid-template-columns:1fr 1fr}}
@media(min-width:1050px){.producers{grid-template-columns:1fr 1.35fr 1fr 1fr}}
.producer{background:var(--flour);border:1px solid #f8dfb8;border-radius:var(--r);padding:1.6rem 1.5rem;display:flex;flex-direction:column;gap:.4rem}
.producer h3{margin:0;font-family:var(--serif);font-weight:450;font-size:1.55rem;color:var(--crust-900);line-height:1.1}
.producer h3 span{display:block;font-family:var(--sans);font-size:.85rem;color:var(--muted);margin-top:.3rem;letter-spacing:0}
.producer p:not(.producer-tag){margin:.3rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.55}
.producer-tag{margin:0 0 .4rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--crust-500)}
.producer-photo{padding:0;overflow:hidden}
.producer-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 70%}
.producer-photo > div{padding:1.3rem 1.5rem 1.6rem}
@media(min-width:1050px){.producer-photo{grid-row:span 1}}
.producer-logo{background:#fff;border-color:#f5d9b0}
.producer-logo-h{padding:.6rem 0 .4rem}
.logo-cluizel{width:160px;height:auto}
.mosaic-grid .mosaic-wide{grid-column:1/-1}
@media(min-width:900px){.mosaic-grid{grid-template-columns:repeat(4,1fr)}.mosaic-grid .mosaic-wide{grid-column:span 2;grid-row:span 2}.mosaic-wide img{aspect-ratio:auto;height:100%}.mosaic-wide figure{height:100%;display:flex;flex-direction:column}.mosaic-wide picture{flex:1;min-height:0}.mosaic-wide picture img{height:100%}}
.mosaic-wide img{aspect-ratio:4/3}
.pains-photos .ph-main{position:relative}
.pains-photos figcaption{position:absolute;left:1rem;bottom:1rem;background:var(--flour);color:var(--crust-800);font-size:.82rem;padding:.45rem .9rem;border-radius:99px;box-shadow:0 10px 30px -12px rgba(61,42,34,.35)}
@media(min-width:900px){.pains-photos{position:sticky;top:110px}}
/* a11y : contraste ≥ 4,5:1 des petits libellés sur fonds farine */
.kicker,.producer-tag{color:var(--rose)}
.commande .kicker{color:var(--rose)}
@media(max-width:480px){.eyebrow{letter-spacing:.14em}}

/* ——— Audit 09/11/2026 : menu mobile, overlay sans JS, focus ——— */
#contenu:focus{outline:none}
.brand picture{flex-shrink:0}
.nav-toggle{display:none}
@media(max-width:899px){
  .nav{justify-content:flex-start}
  .nav-call{margin-left:auto}
  .js .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1.5px solid rgba(240,180,32,.65);background:transparent;color:inherit;cursor:pointer;padding:0;transition:background .3s,border-color .3s}
  .nav.solid .nav-toggle{border-color:var(--gold);background:rgba(240,180,32,.12)}
  .nav-toggle-bars,.nav-toggle-bars::before,.nav-toggle-bars::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s}
  .nav-toggle-bars{position:relative}
  .nav-toggle-bars::before,.nav-toggle-bars::after{content:"";position:absolute;left:0}
  .nav-toggle-bars::before{transform:translateY(-6px)}
  .nav-toggle-bars::after{transform:translateY(6px)}
  .nav.menu-open .nav-toggle-bars{background:transparent}
  .nav.menu-open .nav-toggle-bars::before{transform:rotate(45deg);background:var(--ink)}
  .nav.menu-open .nav-toggle-bars::after{transform:rotate(-45deg);background:var(--ink)}
  .nav.menu-open .nav-toggle{background:var(--gold);border-color:var(--gold);color:var(--ink)}
  .js .nav-links{display:flex;flex-direction:column;gap:0;position:absolute;left:.75rem;right:.75rem;top:calc(100% + .5rem);padding:.6rem 1.1rem;background:var(--paper);color:var(--ink);border:2px solid rgba(240,180,32,.55);border-radius:var(--r);box-shadow:0 22px 48px -20px rgba(61,42,34,.45);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transform-origin:top right;transition:opacity .25s var(--ease),transform .35s var(--ease),visibility 0s linear .35s}
  .js .nav.menu-open .nav-links{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .35s var(--ease),visibility 0s}
  .js .nav-links li + li{border-top:1px solid rgba(240,180,32,.35)}
  .js .nav-links a{display:block;padding:.8rem .2rem;font-size:1.05rem;font-weight:600;color:var(--ink);opacity:1}
  .js .nav-links a::after{display:none}
}
@media(min-width:900px){.nav-links-faq{display:none}}
@media(prefers-reduced-motion:reduce){
  .nav-links,.nav-toggle-bars,.nav-toggle-bars::before,.nav-toggle-bars::after{transition:none!important}
}

/* cookie banner */
.cookie-banner{display:none;position:fixed;left:0;right:0;bottom:0;z-index:220;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}
html.js .cookie-banner.is-open{display:block}
.cookie-banner-inner{width:min(1180px,100%);margin-inline:auto;background:var(--paper);color:var(--ink);border:2px solid rgba(240,180,32,.7);border-radius:var(--r);box-shadow:0 -12px 40px -12px rgba(61,42,34,.4);padding:1.15rem 1.25rem 1.25rem;display:grid;gap:1rem}
.cookie-banner-title{font-family:var(--serif);font-size:1.25rem;margin:0 0 .35rem;line-height:1.15}
.cookie-banner-text{margin:0;font-size:.95rem;color:var(--muted)}
.cookie-banner-text a{color:var(--crust-800);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.cookie-banner-actions .btn{min-height:48px;padding:.7rem 1.25rem;flex:1 1 8.5rem}
@media(min-width:700px){
  .cookie-banner-inner{grid-template-columns:1fr auto;align-items:center;gap:1.15rem 1.5rem;padding:1.2rem 1.4rem}
  .cookie-banner-actions .btn{flex:0 0 auto;min-width:9.5rem}
}
html.has-cookie-banner .mobile-bar{transform:translateY(110%)!important}
.footer-cookie-btn{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.footer-cookie-btn:hover{color:var(--crust-800);text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .cookie-banner-inner{transition:none}
}