@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces.woff2) format("woff2-variations")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-italic.woff2) format("woff2-variations")}
@font-face{font-family:"Alegreya";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/alegreya.woff2) format("woff2-variations")}
@font-face{font-family:"Alegreya";font-style:italic;font-weight:400 800;font-display:swap;src:url(/fonts/alegreya-italic.woff2) format("woff2-variations")}
@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/alegreya-sans-700.woff2) format("woff2")}
:root{
  --cream:#f8f1e4;--cream-d:#efe4d0;--paper:#fffbf4;
  --bordeaux:#5e1a24;--bordeaux-d:#3f0f17;--berry:#9c2f45;
  --gold:#c9a24f;--gold-soft:rgba(201,162,79,.45);
  --ink:#2a1a14;--ink-2:#5a463d;--ink-3:#8a766b;
  --rule:rgba(94,26,36,.14);
  --sh:0 24px 60px rgba(60,30,20,.16);--sh-sm:0 10px 30px rgba(60,30,20,.1);
  --r:22px;--r-lg:32px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Alegreya",Georgia,serif;font-size:19px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--bordeaux)}
h1,h2,h3,h4{font-family:"Fraunces",Georgia,serif;font-weight:500;color:var(--bordeaux);margin:0 0 .4em;line-height:1.08;letter-spacing:-.01em;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144}
h1{font-size:clamp(2.5rem,5.6vw,4.4rem);font-weight:500}
h2{font-size:clamp(2rem,4vw,3rem)}
h3{font-size:1.45rem;font-variation-settings:"SOFT" 80,"WONK" 1,"opsz" 48}
h4{font-size:1.1rem}
em.acc{font-style:italic;color:var(--berry);font-weight:400}
p{margin:0 0 1.15em}
.wrap{width:min(1200px,92vw);margin-inline:auto}
.narrow{width:min(760px,92vw);margin-inline:auto}
.kicker{font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--berry);display:block;margin-bottom:.9rem}
.center{text-align:center}
.lead{font-size:1.22rem;color:var(--ink-2);line-height:1.6}
.ital{font-family:"Fraunces",serif;font-style:italic;font-weight:400;color:var(--bordeaux);font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 60}
.btn{display:inline-flex;align-items:center;gap:.6em;padding:1em 1.9em;background:var(--bordeaux);color:#fff;text-decoration:none;font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;border:1.5px solid var(--bordeaux);transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 24px rgba(94,26,36,.22)}
.btn:hover{background:var(--berry);border-color:var(--berry);transform:translateY(-2px);box-shadow:0 14px 30px rgba(94,26,36,.28)}
.btn.ghost{background:transparent;color:var(--bordeaux);box-shadow:none}
.btn.ghost:hover{background:var(--bordeaux);color:#fff}
.btn.light{background:var(--paper);color:var(--bordeaux);border-color:var(--paper);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.btn.light:hover{background:#fff;border-color:#fff}
.btn.outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none}
.btn.outline-light:hover{background:#fff;color:var(--bordeaux);border-color:#fff}
.link{font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bordeaux);text-decoration:none;border-bottom:1.5px solid var(--gold-soft);padding-bottom:.25em;transition:border-color .2s}
.link:hover{border-color:var(--bordeaux)}
.in{color:var(--ink-3);font-style:italic;border-bottom:1px dotted var(--gold);padding-bottom:1px}
.dark .in{color:#e8d3c4;border-color:var(--gold)}
section{padding:clamp(72px,9vw,132px) 0}
.sec-head{max-width:760px;margin:0 auto 3rem;text-align:center}
.sec-head .lead{margin:0}
.hair{height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}
.lights{height:10px;background:radial-gradient(circle at 8px 5px,rgba(255,220,150,.95) 0 1.8px,rgba(255,220,150,.25) 3px,transparent 4.5px) 0 0/16px 10px repeat-x}
.dark .lights,.lights.dark{background:radial-gradient(circle at 8px 5px,rgba(255,225,160,1) 0 1.8px,rgba(255,225,160,.3) 3.2px,transparent 5px) 0 0/16px 10px repeat-x}

@media (prefers-reduced-motion:no-preference){
  [data-rv]{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
  [data-rv].rv-in{opacity:1;transform:none}
}

/* header */
header{position:sticky;top:0;z-index:40;background:rgba(248,241,228,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav{display:flex;align-items:center;justify-content:space-between;height:88px;gap:1rem}
.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--bordeaux)}
.brand img{width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--gold-soft)}
.brand b{font-family:"Fraunces",serif;font-weight:500;font-size:1.3rem;line-height:1;display:block;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 36}
.brand small{display:block;font-family:"Alegreya Sans",sans-serif;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--berry);margin-top:.3rem}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.6rem;align-items:center}
.nav ul a{text-decoration:none;color:var(--ink);font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;padding-bottom:4px;border-bottom:1.5px solid transparent;transition:border-color .2s,color .2s}
.nav ul a:hover,.nav ul a.active{border-color:var(--gold);color:var(--bordeaux)}
.nav ul .cta a{background:var(--bordeaux);color:#fff;padding:.75em 1.3em;border-radius:999px;border:0}
.nav ul .cta a:hover{background:var(--berry)}
.menu-btn{display:none;background:transparent;border:1.5px solid var(--bordeaux);color:var(--bordeaux);font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;padding:.6em 1.1em;border-radius:999px;cursor:pointer}
@media (max-width:1040px){
  .nav{height:72px}.brand b{font-size:1.1rem}.brand img{width:40px;height:40px}
  .nav ul{display:none}
  .menu-btn{display:inline-block}
  .nav.open ul{display:flex;flex-direction:column;gap:0;align-items:stretch;position:absolute;left:0;right:0;top:72px;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:var(--sh)}
  .nav.open ul li a{display:block;padding:1.05rem 5vw;border-bottom:1px solid var(--rule);font-size:.9rem}
  .nav.open ul .cta a{border-radius:0;text-align:center}
}

/* ===== HERO ===== */
.hero{position:relative;padding:0;overflow:hidden;background:var(--cream)}
.hero .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(88vh,820px)}
.hero .text{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,96px) clamp(2rem,5vw,5rem) clamp(48px,7vw,96px) max(4vw,calc((100vw - 1200px)/2))}
.hero h1{margin-bottom:.5em}
.hero .lead{max-width:520px;font-size:1.25rem}
.hero .actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;margin:1.8rem 0 2.6rem}
.hero .facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:1.2rem 2.4rem;padding-top:1.6rem;border-top:1px solid var(--rule)}
.hero .facts div{font-size:.98rem;color:var(--ink-2)}
.hero .facts b{display:block;font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--berry);margin-bottom:.15rem}
.hero .photo{position:relative;min-height:420px}
.hero .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%;border-radius:var(--r-lg) 0 0 var(--r-lg)}
.hero .photo::after{content:"";position:absolute;inset:0;border-radius:var(--r-lg) 0 0 var(--r-lg);background:linear-gradient(90deg,rgba(248,241,228,.35),transparent 30%)}
.hero .badge{position:absolute;left:-1px;bottom:9%;background:var(--paper);color:var(--bordeaux);padding:1rem 1.5rem 1rem 1.7rem;border-radius:0 999px 999px 0;box-shadow:var(--sh-sm);font-family:"Fraunces",serif;font-style:italic;font-size:1.05rem;line-height:1.2;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 24;z-index:2}
.hero .badge b{display:block;font-style:normal;font-weight:600;font-size:1.25rem}
@media (max-width:900px){
  .hero .grid{grid-template-columns:1fr;min-height:0}
  .hero .photo{order:-1;min-height:0;height:auto}
  .hero .photo img{position:static;height:auto;border-radius:0}
  .hero .photo::after{display:none}
  .hero .text{padding:2.2rem 5vw 2.6rem}
  .hero .actions .btn{width:100%;justify-content:center}
  .hero .facts{grid-template-columns:1fr 1fr;gap:1.2rem 1.6rem}
  .hero .actions{justify-content:center}
  .hero .badge{position:static;width:auto;border-radius:0 0 var(--r-lg) var(--r-lg);text-align:center;padding:.95rem 1rem 1.05rem;box-shadow:none;background:var(--bordeaux-d);color:#f3e2c2}
  .hero .badge b{color:#e6c07a}
}

/* welkom */
.welcome .quote{font-family:"Fraunces",serif;font-style:italic;font-weight:400;font-size:clamp(1.6rem,3.2vw,2.4rem);color:var(--bordeaux);text-align:center;max-width:820px;margin:0 auto 3.2rem;line-height:1.3;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72}
.welcome .quote span{color:var(--berry)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.4rem,6vw,6rem);align-items:center}
.two.rev>:first-child{order:2}
.two .text p{font-size:1.08rem}
.two figure{margin:0;position:relative}
.two figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh)}
.two figure.tall img{aspect-ratio:4/5;object-position:center 30%}
.two figcaption{font-style:italic;color:var(--ink-3);font-size:.95rem;margin-top:1rem;text-align:center}
.two figure .inset{position:absolute;right:-6%;bottom:-8%;width:52%;border-radius:14px;box-shadow:var(--sh);border:6px solid var(--paper);aspect-ratio:1500/243;object-fit:cover}
.sig{font-family:"Fraunces",serif;font-style:italic;font-size:1.5rem;color:var(--bordeaux);margin-top:1.2rem;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 36}
.dark .sig{color:#f3dfcf}
.two.kb{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.two.top{align-items:start}
@media (max-width:900px){.two,.two.kb{grid-template-columns:minmax(0,1fr)}.two.rev>:first-child{order:0}.two figure{max-width:520px;margin:0 auto}.two figure .inset{right:0;bottom:-6%;width:56%}}
.numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:4rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.numbers div{padding:1.8rem 1rem;text-align:center;border-right:1px solid var(--rule)}
.numbers div:last-child{border-right:0}
.numbers b{display:block;font-family:"Fraunces",serif;font-weight:500;font-size:2.4rem;color:var(--bordeaux);line-height:1;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 96}
.numbers span{font-size:.95rem;color:var(--ink-2)}
@media (max-width:640px){.numbers{grid-template-columns:1fr}.numbers div{border-right:0;border-bottom:1px solid var(--rule);padding:1.2rem}.numbers div:last-child{border-bottom:0}}

/* assortiment */
.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 2rem}
.dish{text-decoration:none;color:inherit;display:block}
.dish .img{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--sh-sm);position:relative}
.dish img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.dish:hover img{transform:scale(1.05)}
.dish .tag{position:absolute;top:14px;left:14px;background:rgba(255,251,244,.92);color:var(--bordeaux);font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;padding:.45em 1em;border-radius:999px}
.dish h3{margin:1rem 0 .25rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.dish h3::after{content:"→";font-family:"Alegreya",serif;font-size:1rem;color:var(--gold);transition:transform .2s}
.dish:hover h3::after{transform:translateX(4px)}
.dish p{margin:0;color:var(--ink-2);font-size:1rem;line-height:1.5}
.menu-list{list-style:none;margin:0;padding:0}
.menu-list li{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--rule);font-size:1.05rem}
.menu-list li b{font-family:"Fraunces",serif;font-weight:500;color:var(--bordeaux);font-variation-settings:"SOFT" 80,"WONK" 1,"opsz" 24}
.menu-list li span{color:var(--ink-3);font-style:italic;text-align:right}
@media (max-width:1000px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.2rem}}
@media (max-width:520px){.menu-grid{grid-template-columns:1fr}}

/* fotoband met tekst */
.mood{position:relative;color:#fff;padding:0;overflow:hidden}
.mood img{width:100%;height:min(72vh,640px);object-fit:cover;object-position:center 60%}
.mood::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(63,15,23,.1),rgba(63,15,23,.72))}
.mood .cap{position:absolute;left:0;right:0;bottom:clamp(2rem,6vw,5rem);z-index:1;text-align:center;padding:0 5vw}
.mood .cap p{font-family:"Fraunces",serif;font-style:italic;font-size:clamp(1.6rem,3.4vw,2.6rem);margin:0 0 .4em;color:#fff;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72;text-shadow:0 4px 24px rgba(0,0,0,.35)}
.mood .cap span{font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#f1dfc9}

/* dark */
.dark{background:var(--bordeaux);color:#f6ebe0}
.dark h2,.dark h3{color:#fff}
.dark .kicker{color:#e6c07a}
.dark p{color:#f0dfd2}
.dark .lead{color:#f0dfd2}
.darker{background:var(--bordeaux-d)}

/* stappen */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;counter-reset:s}
.step{position:relative;padding-top:1rem}
.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:"Fraunces",serif;font-style:italic;font-size:2.6rem;color:var(--gold);line-height:1;display:block;margin-bottom:.6rem;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 96}
.step h3{margin-bottom:.4rem}
.step p{margin:0;color:var(--ink-2);font-size:1rem}
.dark .step p{color:#f0dfd2}
@media (max-width:800px){.steps{grid-template-columns:1fr;gap:1.6rem}}

/* tijden */
.hours{width:100%;border-collapse:collapse;margin-top:.6rem}
.hours td{padding:.75rem 0;border-bottom:1px solid var(--rule);font-size:1.05rem}
.hours td:last-child{text-align:right;font-weight:600;color:var(--bordeaux)}
.hours tr.hl td{color:var(--berry);font-weight:700}
.note{font-style:italic;color:var(--ink-3);font-size:.95rem;margin-top:1rem}
.addr{font-size:1.08rem;line-height:1.7;margin:.4rem 0 1.2rem;color:var(--ink-2)}
.addr strong{font-family:"Fraunces",serif;font-weight:500;font-size:1.35rem;color:var(--bordeaux);display:block;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 36}
.map{width:100%;aspect-ratio:4/3;border:0;border-radius:var(--r);display:block;margin-bottom:1.2rem;background:var(--paper);box-shadow:var(--sh)}
.card-soft{background:var(--paper);border-radius:var(--r-lg);padding:clamp(1.8rem,4vw,3rem);box-shadow:var(--sh-sm)}

/* kennisbank */
.articles{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.articles li a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.6rem;align-items:center;padding:1.4rem 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit;transition:padding-left .25s}
.articles li a:hover{padding-left:.6rem}
.articles .n{font-family:"Fraunces",serif;font-style:italic;color:var(--gold);font-size:1.3rem;width:2.2rem;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 36}
.articles h3{margin:0 0 .15rem;font-size:1.25rem}
.articles p{margin:0;color:var(--ink-2);font-size:.98rem}
.articles .arrow{color:var(--gold);font-size:1.3rem}
@media (max-width:600px){.articles li a{grid-template-columns:auto minmax(0,1fr)}.articles .arrow{display:none}}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.tile{background:var(--paper);border-radius:var(--r);padding:1.7rem 1.8rem;box-shadow:var(--sh-sm);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.5rem;transition:transform .25s,box-shadow .25s}
.tile:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.tile h3{margin:0;font-size:1.2rem}
.tile p{margin:0;color:var(--ink-2);font-size:.98rem;flex:1}
.tile span{font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--berry)}
.tile .more{margin-top:.6rem;color:var(--bordeaux);font-size:.74rem}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tiles{grid-template-columns:1fr}}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.chips a{text-decoration:none;background:transparent;color:var(--bordeaux);border:1px solid var(--rule);padding:.6em 1.15em;border-radius:999px;font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.chips a:hover{background:var(--bordeaux);color:#fff;border-color:var(--bordeaux)}

/* faq */
details{border-bottom:1px solid var(--rule)}
summary{cursor:pointer;list-style:none;padding:1.25rem 0;font-family:"Fraunces",serif;font-weight:500;font-size:1.25rem;color:var(--bordeaux);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-variation-settings:"SOFT" 80,"WONK" 1,"opsz" 36}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:"Alegreya",serif;font-size:1.5rem;color:var(--gold);flex:none;line-height:1;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 1.3rem;color:var(--ink-2);max-width:680px}

/* contact */
.contact dl{margin:1.4rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.8rem 1.6rem;font-size:1.05rem}
.contact dt{font-family:"Alegreya Sans",sans-serif;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:#e6c07a;padding-top:.5em}
.contact dd{margin:0}
.contact dd a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.mailbox{background:var(--paper);color:var(--ink);padding:2.2rem;border-radius:var(--r-lg);display:grid;gap:.7rem;justify-items:start;box-shadow:var(--sh)}
.mailbox h3{margin:0 0 .2rem}
.mailbox p{color:var(--ink-2);margin:0 0 .6rem}
.mailbox small{color:var(--ink-3);font-style:italic}

/* subpagina's */
.page-head{padding:clamp(56px,8vw,96px) 0 clamp(40px,5vw,64px)}
.page-head h1{max-width:900px}
.page-head .lead{max-width:720px}
.crumbs{font-family:"Alegreya Sans",sans-serif;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.4rem}
.crumbs a{color:var(--ink-3);text-decoration:none}
.crumbs a:hover{color:var(--bordeaux)}
.meta{font-family:"Alegreya Sans",sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.article{padding:0 0 clamp(64px,8vw,112px)}
.article .narrow>p,.article .narrow>ul,.article .narrow>ol{font-size:1.12rem}
.article h2{font-size:1.8rem;margin-top:1.8em}
.article h3{font-size:1.3rem;margin-top:1.4em}
.article .box{background:var(--paper);border-radius:var(--r);padding:1.6rem 1.8rem;box-shadow:var(--sh-sm);margin:2rem 0}
.article .box h3{margin-top:0}
.article blockquote{margin:1.6rem 0;padding:0 0 0 1.4rem;border-left:2px solid var(--gold);font-family:"Fraunces",serif;font-style:italic;font-size:1.3rem;color:var(--bordeaux)}
.related{background:var(--paper)}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh-sm)}
@media (max-width:700px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* footer */
footer{background:var(--bordeaux-d);color:#dcc6b6;padding:72px 0 32px}
footer .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:2.4rem}
footer .brand{color:#fff}
footer .brand small{color:#e6c07a}
footer h4{font-family:"Alegreya Sans",sans-serif;color:#e6c07a;font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;margin:0 0 1rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.96rem}
footer a{color:#dcc6b6;text-decoration:none}
footer a:hover{color:#fff}
footer .in{color:#c9ae9c;border-color:#a88c7b}
.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:2.8rem;padding-top:1.3rem;font-size:.86rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1.5rem;color:#a98e7d}
.copy a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.2);text-underline-offset:3px}
@media (max-width:900px){footer .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}footer{padding-bottom:96px}.copy{flex-direction:column}}
@media (max-width:520px){footer .wrap{grid-template-columns:1fr}}

/* mobiele balk */
.bar{display:none}
@media (max-width:1040px){
  .bar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(63,15,23,.96);backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(255,255,255,.12)}
  .bar a{color:#fff;text-decoration:none;text-align:center;padding:.95rem .4rem;font-family:"Alegreya Sans",sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:8px;top:8px;background:#fff;padding:.5em 1em;z-index:100}

/* ===== combi: nostalgische accenten, gedoseerd ===== */
.bulbs{height:18px;background:radial-gradient(circle at 12px 9px,#fff4c2 0 3.5px,rgba(255,244,194,.45) 5.5px,transparent 8px) 0 0/24px 18px repeat-x var(--bordeaux-d);position:relative}
.bulbs::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12px 9px,#ffd36b 0 3.5px,transparent 5px) 12px 0/24px 18px repeat-x;animation:twinkle 1.6s steps(2,end) infinite;opacity:.9}
@keyframes twinkle{0%{opacity:.15}50%{opacity:.9}100%{opacity:.15}}
@media (prefers-reduced-motion:reduce){.bulbs::after,.signlit .lt::after{animation:none}}
.scallop{height:22px;background:radial-gradient(circle at 12px 0,var(--bordeaux) 11px,transparent 12px) 0 0/24px 22px repeat-x;position:relative;z-index:2}
.scallop.cream{background:radial-gradient(circle at 12px 0,var(--cream) 11px,transparent 12px) 0 0/24px 22px repeat-x}
.scallop.paper{background:radial-gradient(circle at 12px 0,var(--paper) 11px,transparent 12px) 0 0/24px 22px repeat-x}

/* verlicht gevelbord */
.signlit{position:relative;width:min(1080px,92vw);margin:0 auto;background:var(--paper);padding:10px;border:2px solid var(--gold);border-radius:6px;box-shadow:0 0 0 5px var(--bordeaux-d),0 30px 70px rgba(60,30,20,.35),0 0 60px rgba(255,210,120,.25)}
.signlit img{width:100%;aspect-ratio:1500/243;object-fit:cover;border-radius:2px}
.signlit .lt{position:absolute;left:8px;right:8px;height:14px;background:radial-gradient(circle at 10px 7px,#fff6cf 0 3px,rgba(255,246,207,.5) 4.5px,transparent 6.5px) 0 0/20px 14px repeat-x;pointer-events:none}
.signlit .lt::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10px 7px,#ffd36b 0 3px,transparent 4.5px) 10px 0/20px 14px repeat-x;animation:twinkle 1.4s steps(2,end) infinite}
.signlit .lt.t{top:-7px}.signlit .lt.b{bottom:-7px}
.hero-sign{background:var(--bordeaux-d);padding:clamp(28px,4vw,48px) 0 0;position:relative}
.hero-sign::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(156,47,69,.55),transparent 60%);pointer-events:none}
.hero-sign .signlit{position:relative;z-index:1;transform:translateY(clamp(22px,3vw,34px))}
.hero{padding-top:clamp(40px,5vw,64px)}
@media (max-width:900px){.signlit{padding:6px;box-shadow:0 0 0 4px var(--bordeaux-d),0 20px 40px rgba(60,30,20,.35)}.signlit .lt{display:none}.hero-sign .signlit{transform:translateY(18px)}.hero{padding-top:34px}}

/* donkere feitenbalk */
.facts-dark{background:var(--bordeaux);color:#fff}
.facts-dark .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.facts-dark div{padding:1.25rem 1rem;border-right:1px solid rgba(255,255,255,.14);text-align:center}
.facts-dark div:last-child{border-right:0}
.facts-dark b{display:block;font-family:"Alegreya Sans",sans-serif;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:#e6c07a;margin-bottom:.2rem}
.facts-dark span{font-size:1rem;color:#fff}
.facts-dark .in{color:#f3dfc0;border-color:#e6c07a}
@media (max-width:900px){.facts-dark .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-dark div{border-bottom:1px solid rgba(255,255,255,.14);padding:.9rem .5rem}.facts-dark div:nth-child(even){border-right:0}}

/* waarom-rij */
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.why div{padding:2.4rem 1.8rem;text-align:left;border-right:1px solid rgba(255,255,255,.16)}
.why div:last-child{border-right:0}
.why .ic{width:44px;height:44px;margin:0 0 1.2rem;color:#e6c07a;display:block}
.why .ic svg{width:34px;height:34px}
.why h3{font-size:1.25rem;margin-bottom:.4rem;color:#fff}
.why p{font-size:.96rem;margin:0;color:#eeder}
.why p{color:#f0dfd2}
@media (max-width:900px){.why{grid-template-columns:1fr 1fr}.why div{padding:1.6rem 1.3rem}.why div:nth-child(2n){border-right:0}.why div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}}
@media (max-width:520px){.why{grid-template-columns:1fr}.why div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:1.4rem .2rem}.why div:last-child{border-bottom:0}}

/* polaroid-lijst */
.polaroid{width:100%;aspect-ratio:4/5;object-fit:cover;border:12px solid var(--paper);border-bottom-width:44px;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(2.5deg);max-width:400px;justify-self:center;border-radius:4px}
.two figure.frame img{border:12px solid var(--paper);border-radius:6px;box-shadow:var(--sh)}
.two figure.frame::before{content:"";position:absolute;inset:-14px;border:1.5px solid var(--gold-soft);border-radius:10px;transform:rotate(-1.5deg);pointer-events:none}
.stamp{position:absolute;right:-10px;bottom:24px;background:var(--berry);color:#fff;font-family:"Fraunces",serif;font-style:italic;padding:.8rem 1.1rem;transform:rotate(-4deg);box-shadow:0 12px 28px rgba(0,0,0,.25);line-height:1.15;text-align:center;font-size:1rem;border:2px solid #f1d78a;border-radius:4px;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 24}
.stamp b{display:block;font-style:normal;font-weight:600;font-size:1.25rem}
.dish .tag{background:var(--bordeaux);color:#fff;border:1px solid #f1d78a}
@media (max-width:900px){.stamp{right:6px;bottom:14px;font-size:.9rem}.two figure .inset{display:none}}
@media (max-width:900px){.two figure.frame::before{inset:-6px;transform:none}summary{font-size:1.12rem}}