@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap";:root{--espresso:#4e513a;--gold:#21130d;--sage:#c2c5af;--warm-white:#fdf6ec;--text:#21130d;--light-text:#4e513a;--border:#c2c5af}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--warm-white);font-family:IBM Plex Serif,serif;line-height:1.7}h1,h2,h3{text-transform:uppercase;letter-spacing:2px;font-family:Cinzel,serif;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{z-index:1000;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;transition:all .4s;display:flex;position:fixed;top:0}.navbar.scrolled{background:#fffffff7;padding:1rem 3rem;box-shadow:0 2px 20px #00000014}.nav-brand{color:#fff;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:.8rem;font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;text-decoration:none;display:flex}.nav-logo{background:#fff;border-radius:4px;width:auto;height:45px;padding:2px}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:#ffffffe6;letter-spacing:1.5px;text-transform:uppercase;font-family:IBM Plex Serif,serif;font-size:.9rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--sage)}.nav-toggle{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.navbar.scrolled .nav-brand,.navbar.scrolled .nav-links a{color:var(--text)}.navbar.scrolled .nav-links a:hover{color:var(--espresso)}.navbar.scrolled .nav-toggle{color:var(--text)}.navbar.scrolled .nav-logo{background:0 0}.hero{background:url(https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=1920&h=1080&fit=crop&q=85) 50%/cover no-repeat;justify-content:center;align-items:center;height:100vh;min-height:700px;display:flex;position:relative}.hero-overlay{background:linear-gradient(135deg,#4e513abf 0%,#4e513a80 100%);position:absolute;inset:0}.hero-content{text-align:center;color:#fff;max-width:800px;padding:2rem;position:relative}.hero-logo{background:#fff;border-radius:12px;width:220px;height:auto;margin:0 auto 2rem;padding:12px 16px;display:block;box-shadow:0 4px 20px #0003}.hero-sub{letter-spacing:3px;text-transform:uppercase;color:var(--sage);margin-bottom:1rem;font-family:IBM Plex Serif,serif;font-size:.85rem}.hero-content h1{text-shadow:0 2px 20px #0006;margin-bottom:1.5rem;font-size:clamp(3rem,7vw,5.5rem);line-height:1.15}.hero-tagline{color:#ffffffd9;margin-bottom:2.5rem;font-size:1.1rem;font-style:italic}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{letter-spacing:1.5px;text-transform:uppercase;border-radius:3px;padding:1rem 2.5rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s}.btn-primary{background:var(--sage);color:var(--gold);border:2px solid var(--sage)}.btn-primary:hover{color:var(--sage);background:0 0}.btn-outline{color:#fff;background:0 0;border:2px solid #ffffffb3}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--espresso);margin-bottom:.8rem;font-family:IBM Plex Serif,serif;font-size:.75rem;font-weight:700;display:block}.section-label.light{color:var(--sage)}.section-title{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.section-title.light{color:#fff}.section-sub{color:var(--light-text);max-width:600px;margin:0 auto 3rem}.section-sub.light{color:#fffc}.over-ons{padding:6rem 0}.over-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.over-text h2{color:var(--espresso);margin-bottom:1.5rem;font-size:clamp(1.8rem,3vw,2.5rem)}.over-text p{color:var(--light-text);margin-bottom:1.2rem}.over-highlights{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.highlight{color:var(--text);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.highlight-icon{font-size:1.3rem}.over-image img{object-fit:cover;border-radius:4px;width:100%;height:450px;box-shadow:10px 10px 30px #4e513a33}.menu-section{text-align:center;padding:6rem 0;position:relative}.menu-bg{z-index:-1;background:url(https://images.unsplash.com/photo-1498579150354-977475b7ea0b?w=1920&h=600&fit=crop&q=85) 50%/cover no-repeat fixed;position:absolute;inset:0}.menu-bg-overlay{background:#4e513ae0;position:absolute;inset:0}.menu-categories{text-align:left;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:1rem;display:grid}.menu-cat{background:#ffffff0f;border:1px solid #c2c5af4d;border-radius:6px;padding:2rem}.menu-cat h3{color:var(--sage);border-bottom:1px solid #c2c5af4d;margin-bottom:1.5rem;padding-bottom:.8rem;font-family:Cinzel,serif;font-size:1.4rem}.menu-item{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.8rem 0;display:flex}.menu-item:last-child{border-bottom:none}.menu-item div{flex-direction:column;gap:.2rem;display:flex}.menu-item strong{color:#fff;font-size:.95rem}.menu-item span{color:#ffffff8c;font-size:.82rem}.price{color:var(--sage);white-space:nowrap;font-size:.95rem;font-weight:700}.reservering{background:var(--warm-white);text-align:center;padding:6rem 0}.reservering h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.reservering .section-sub{margin-bottom:3rem}.reservering-options{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.reserveer-card{border:1px solid var(--border);color:var(--text);text-align:center;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.reserveer-card:hover{border-color:var(--espresso);transform:translateY(-3px);box-shadow:0 8px 25px #21130d26}.reserveer-card.info:hover{box-shadow:none;cursor:default;transform:none}.reserveer-icon{margin-bottom:.5rem;font-size:2rem}.reserveer-card strong{color:var(--espresso);font-size:1rem}.reserveer-card span{color:var(--light-text);font-size:.85rem}.contact{background:#f5ede1;padding:6rem 0}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:4rem;display:grid}.contact-info h2{margin-bottom:2rem;font-size:clamp(2rem,3vw,2.5rem)}.contact-details{flex-direction:column;gap:1.5rem;display:flex}.contact-item{align-items:flex-start;gap:1rem;display:flex}.contact-icon{margin-top:.1rem;font-size:1.3rem}.contact-item div{flex-direction:column;gap:.2rem;display:flex}.contact-item strong{text-transform:uppercase;letter-spacing:1px;color:var(--espresso);font-size:.85rem}.contact-item span,.contact-item a{color:var(--text);text-decoration:none}.contact-item a:hover{color:var(--espresso)}.contact-map iframe{border-radius:6px;box-shadow:0 5px 20px #0000001a}.footer{background:var(--espresso);color:#ffffffb3;padding:3rem 0 1.5rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.footer-brand{flex-direction:column;gap:.5rem;display:flex}.footer-logo{color:#fff;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:.6rem;font-family:Cinzel,serif;font-size:1.3rem;font-weight:600;display:flex}.footer-logo img{background:#fff;border-radius:4px;width:auto;height:35px;padding:2px}.footer-brand p{font-size:.85rem;line-height:1.5}.footer-links{flex-direction:column;gap:.5rem;display:flex}.footer-links a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--sage)}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.8rem;display:flex}.footer-dev a{color:var(--sage);text-decoration:none}@media (width<=768px){.navbar{padding:1.2rem 1.5rem}.navbar.scrolled{padding:.8rem 1.5rem}.nav-links{background:#fffffff7;flex-direction:column;width:100%;padding:1rem 2rem 2rem;display:none;position:absolute;top:100%;left:0}.nav-links a{color:var(--text)!important}.nav-links.open{display:flex}.nav-toggle{display:block}.over-grid,.contact-grid{grid-template-columns:1fr;gap:2.5rem}.menu-categories,.reservering-options{grid-template-columns:1fr}.footer-content{flex-direction:column}.footer-bottom{text-align:center;flex-direction:column}.hero-logo{width:160px}}
