:root{--olive:#393C21;--cream:#F5E8D8;--wine:#4E2F37;--ink:#0B0704}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.8}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b79c6e;outline-offset:5px}h1,h2,h3{font-family:'Roboto Slab',Georgia,serif;font-weight:800;line-height:1.15;margin:0 0 24px;letter-spacing:-.04em}h1{font-size:clamp(39px,5.3vw,78px);max-width:900px}h2{font-size:clamp(36px,4.2vw,60px);color:var(--olive)}h3{font-size:clamp(26px,2.5vw,35px)}p{margin:0 0 20px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.22em;font-weight:700;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--wine);color:var(--cream);padding:15px 24px;text-decoration:none;font-weight:600;font-size:13px;border:1px solid var(--wine);transition:background .2s}.button:hover{background:var(--ink)}.button span{font-size:22px;font-weight:400}.button.light{background:var(--cream);color:var(--wine);border-color:var(--cream)}.button.light:hover{background:#fff}.button.small{padding:9px 17px;font-size:12px;gap:20px}.text-link{text-underline-offset:7px;font-size:13px;font-weight:600}.skip{position:fixed;top:-100px;z-index:99;background:var(--cream);padding:10px}.skip:focus{top:0}header{min-height:98px;background:var(--olive);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:18px 5%;gap:40px;position:sticky;top:0;z-index:20}.brand{display:block;flex-shrink:0;width:170px;line-height:0}.brand img{width:100%;height:auto}nav{display:flex;align-items:center;gap:27px}nav>a{font-size:12px;text-decoration:none;font-weight:600}nav>a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}.hero{position:relative;min-height:650px;height:calc(90svh - 98px);max-height:880px;color:var(--cream);background:var(--olive);display:flex;align-items:flex-end;padding:70px 8% 100px;isolation:isolate}.slideshow{position:absolute;inset:0;z-index:-2;overflow:hidden}.slide{width:100%;height:100%;object-fit:cover;object-position:center 53%;position:absolute;inset:0}.slide[hidden]{display:none}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,7,4,.8),rgba(11,7,4,.05) 95%)}.hero-copy{max-width:980px}.hero-copy .eyebrow{margin-bottom:18px}.actions{display:flex;align-items:center;gap:32px;margin-top:32px}.slide-controls{position:absolute;bottom:28px;right:5%;display:flex;gap:12px;align-items:center}.slide-controls button{width:40px;height:40px;border:1px solid #f5e8d880;background:transparent;color:var(--cream);font-size:20px}.slide-controls span{font-size:11px;letter-spacing:.12em;margin:0 8px}.hero-scroll{position:absolute;bottom:30px;left:8%;font-size:27px;text-decoration:none}.section{padding:100px 8%;max-width:1600px;margin:auto}.section-intro{text-align:center;margin-bottom:55px}.section-intro h2{margin:0}.amp{color:var(--wine)}.tapas-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.tapas-card{display:flex;flex-direction:column;border-bottom:1px solid #393c2140}.tapas-card>img{width:100%;height:340px;object-fit:cover}.tapas-card:nth-child(2)>img{object-position:center 47%}.card-copy{padding:32px 0 40px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.card-copy h3{color:var(--olive)}.lead{font-weight:600}.availability{font-size:13px;font-weight:700;color:var(--wine);padding:10px 0}.card-copy .button{margin-top:auto}.menu-section{background:var(--olive);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;align-items:center}.menu-section>div{padding:70px 16%}.menu-section h2{color:var(--cream);font-size:clamp(46px,5.3vw,75px);margin-bottom:35px}.menu-section img{width:100%;height:550px;object-fit:cover;object-position:center 60%}.file-label{font-size:11px;margin-top:10px;opacity:.8}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.about-images{position:relative;padding:0 45px 65px 0}.about-images img:first-child{width:100%;aspect-ratio:1.1;object-fit:cover}.about-images img:last-child{position:absolute;right:0;bottom:0;width:65%;aspect-ratio:1.5;object-fit:cover;border:8px solid var(--cream)}.editor-note{border-left:2px solid #393c2160;padding-left:18px;max-width:380px;font-size:12px}.editor-note span{font-weight:700}.editor-note p{margin:8px 0 0}.cellar{background:var(--wine);color:var(--cream);padding:75px 0 80px}.cellar-heading{text-align:center;padding:0 8% 25px}.cellar h2{color:var(--cream)}.cellar-photo{display:block;width:84%;height:auto;margin:0 auto;max-width:1344px}.cellar-copy{max-width:1600px;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:60px 8% 0;margin:auto}.cellar-copy h3{font-size:27px}.cellar-copy p{font-size:14px}.cellar-copy h3:not(:first-child){margin-top:30px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{margin-bottom:30px}address{font-style:normal;font-size:14px;margin-top:28px}address a{text-underline-offset:4px}.hours{padding-top:35px}.hours h3{font-size:28px;color:var(--olive)}dl{margin:0}dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #393c2130;padding:11px 0;gap:20px;font-size:14px}dd{margin:0;white-space:nowrap}footer{background:var(--olive);color:var(--cream);padding:45px 8%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}footer p{margin:0}footer .brand{width:160px}.review{background:var(--ink);color:var(--cream);font-size:11px;padding:14px 8%}.review summary{cursor:pointer}.review p{max-width:1000px;margin:15px 0}#booking-status:empty{display:none}#booking-status{font-size:12px;margin-top:16px;max-width:400px}
@media(min-width:1600px){header{padding-left:8%;padding-right:8%}}@media(max-width:1100px){header{gap:15px;padding:16px 5%}.brand{width:145px}nav{gap:15px}nav>a{font-size:11px}.button.small{gap:8px;padding:8px 12px}.section{padding:75px 6%}.hero{padding-left:6%}.about{gap:40px}.tapas-grid{gap:30px}.cellar-copy{gap:35px;padding-left:6%;padding-right:6%}.cellar-photo{width:88%}.contact{gap:50px}}
@media(max-width:800px){html{scroll-padding-top:85px}header{min-height:82px;padding:16px 6%}.brand{width:140px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid #f5e8d850;color:var(--cream);font-size:12px;padding:8px 12px}.menu-toggle span{font-size:18px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--olive);padding:15px 6% 28px;box-shadow:0 12px 16px #0b070430}nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}nav>a{padding:10px 0;font-size:14px}nav .button{margin-top:10px;justify-content:center;padding:12px}.hero{height:650px;min-height:0;max-height:calc(95svh - 82px);padding:45px 6% 90px}.hero h1{font-size:clamp(34px,7.5vw,55px);max-width:620px}.hero .eyebrow{font-size:9px}.hero .slide:first-child{object-position:54% center}.actions{gap:20px;flex-wrap:wrap;margin-top:25px}.hero-scroll{display:none}.slide-controls{right:6%;bottom:20px}.section{padding:60px 6%}.section-intro{margin-bottom:32px}.section-intro h2{font-size:34px}.tapas-grid{grid-template-columns:1fr;gap:40px}.tapas-card>img{height:320px}.card-copy{padding-top:25px}.card-copy .button{margin-top:10px}.menu-section{grid-template-columns:1fr}.menu-section>div{padding:55px 6%}.menu-section img{height:340px}.menu-section h2 br{display:none}.menu-section h2{font-size:44px}.about{grid-template-columns:1fr;gap:40px}.about>div:last-child{grid-row:1}.about h2 br{display:none}.about-images{max-width:600px;width:100%}.cellar{padding:55px 0}.cellar-heading{padding-bottom:15px}.cellar-photo{width:100%}.cellar-copy{grid-template-columns:1fr;gap:20px;padding-top:35px}.cellar-copy h3{font-size:25px}.contact{grid-template-columns:1fr;gap:25px}.hours{padding-top:0}.contact h2{font-size:40px}.hours h3{font-size:26px}footer{flex-direction:column;align-items:flex-start;padding:35px 6%;gap:20px}.review{padding-left:6%;padding-right:6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Toon de eetfoto volledig, zonder bijsnijden. */
.slideshow .slide[src="assets/tapas-slideshow.png"]{object-fit:cover;object-position:center}


/* Specialiteitenkaart */
.specials-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:80px 8%;max-width:1600px;margin:auto;border-bottom:1px solid #393c2130}.specials-copy{min-width:0}.specials-copy h2{font-size:clamp(32px,3.3vw,49px);overflow-wrap:anywhere}.specials-copy>p:not(.eyebrow):not(.file-label){max-width:520px}.specials-image{display:block;max-width:480px;justify-self:center;width:100%;line-height:0}.specials-image img{display:block;width:100%;height:auto}.specials-action{border-top:1px solid #393c2140;padding-top:28px;margin-top:30px}.specials-action h3{font-size:27px;color:var(--wine);margin-bottom:16px}.specials-action p{font-size:14px}.specials-action a{display:inline-block}.specials-section .button{max-width:100%;gap:20px}.specials-section .file-label{color:var(--olive)}@media(max-width:800px){.specials-section{grid-template-columns:1fr;padding:55px 6%;gap:35px}.specials-copy h2{font-size:clamp(30px,7vw,44px)}.specials-image{max-width:440px}}

.specials-food{width:100%;height:550px;object-fit:cover;display:block}@media(max-width:800px){.specials-food{height:340px}}

.allergens-menu{margin-top:30px;padding-top:25px;border-top:1px solid #f5e8d850}.allergens-menu>p:first-child{font-size:14px;max-width:420px}.allergens-menu .button{max-width:100%;gap:20px}



footer{flex-wrap:wrap}.footer-socials{max-width:340px}.footer-socials>p{margin:0 0 12px;font-size:14px;font-weight:600}.social-links{display:flex;flex-wrap:wrap;gap:12px 20px}.social-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none}.social-links svg{width:25px;height:25px;flex-shrink:0}.social-links a:hover span{text-decoration:underline;text-underline-offset:4px}@media(max-width:800px){.footer-socials{max-width:100%}}

.contact-socials{grid-column:1/-1;justify-self:center;text-align:center;width:100%;max-width:700px}.contact-socials>p{font-size:18px;font-weight:600;margin:0 0 16px}.contact-socials .social-links{justify-content:center;color:var(--olive)}.contact-socials .social-links a{font-size:14px;min-height:44px}.contact-socials .social-links svg{width:28px;height:28px}
