@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#21312b;background:#f6f3eb;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500}h2{font-size:clamp(2.8rem,5vw,6rem);line-height:1.08;letter-spacing:-.045em}h1 em,h2 em{font-weight:500;color:#a9bb8d}.container{width:min(100% - 64px,1330px);margin:auto}.skip{position:absolute;top:-100px;left:20px;z-index:20;padding:10px;background:white}.skip:focus{top:10px}.header{position:relative;z-index:10;background:#f6f3eb}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-family:'Playfair Display',Georgia,serif;font-size:2rem;letter-spacing:-.07em}.brand span{color:#b49662}.header nav{display:flex;gap:33px;font-size:.85rem;font-weight:600}.header nav a:hover,.text-link:hover{color:#a18556}.header-cta{border-bottom:1px solid;padding-bottom:5px;font-size:.84rem;font-weight:700}.menu-toggle{display:none;background:none;border:0;font-size:1.8rem}.hero{min-height:min(780px,calc(100vh - 86px));position:relative;color:#fff;overflow:hidden;background:#34483b}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{background:url('/examples/restaurant/demo/images/hero.jpeg') center/cover}.hero-overlay{background:linear-gradient(90deg,rgba(10,27,22,.82),rgba(10,27,22,.35) 60%,rgba(10,27,22,.12))}.hero-content{position:relative;min-height:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 0}.eyebrow{font-size:.7rem;letter-spacing:.22em;font-weight:700;color:#718375}.eyebrow.light{color:#d5e3c5}.hero h1{font-size:clamp(5rem,10vw,11rem);line-height:.94;letter-spacing:-.06em;margin:30px 0}.hero p{font-size:1.12rem;line-height:1.75;max-width:520px}.hero-actions{display:flex;gap:12px;margin-top:25px}.button,.outline{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;font-size:.85rem;font-weight:700;border:1px solid #e5e9d6;background:#e5e9d6;color:#23372c}.button:hover{background:#fff}.outline{background:transparent;color:#fff}.hero-foot{position:absolute;bottom:32px;letter-spacing:.18em;font-size:.68rem}.demo-note{padding:17px 0;background:#e2e5d6;text-align:center;font-size:.8rem;color:#465549}.section{padding:125px 0}.section-label{border-top:1px solid #b7c0b4;padding-top:20px;display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.17em;font-weight:700;color:#6d806e;margin-bottom:65px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.concept-grid h2 em,.menu-head h2 em,.booking-grid h2 em,.faq-grid h2 em,.admin-section h2 em{color:#7f9474}.concept-grid p{max-width:510px;color:#5b6a5d;line-height:1.9}.concept-grid img{width:100%;height:620px;object-fit:cover}.text-link{border:0;border-bottom:1px solid;background:none;padding:8px 0;font-weight:700;font-size:.85rem}.menu-section{background:#e9ecdf}.menu-head{display:flex;align-items:end;justify-content:space-between;gap:35px}.menu-head p{max-width:330px;line-height:1.8;color:#5b695c}.category-tabs{display:flex;gap:13px;margin:32px 0;border-bottom:1px solid #b9c7b4;overflow:auto}.category-tabs button{border:0;background:none;padding:13px 18px;color:#6e796c;white-space:nowrap}.category-tabs button.active{border-bottom:2px solid #273c2c;color:#273c2c;font-weight:700}.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dish{background:#f6f3eb}.dish img{width:100%;height:360px;object-fit:cover}.dish-copy{padding:24px}.dish-copy span{font-size:.68rem;letter-spacing:.17em;color:#718575}.dish-copy h3{font-size:1.8rem;margin:14px 0 10px}.dish-copy p{line-height:1.6;color:#647063}.dish-copy strong{font-family:'Playfair Display',Georgia,serif;font-size:1.4rem;font-weight:500}.atmosphere{display:grid;grid-template-columns:1fr 1fr;background:#203a2f;color:#fff;min-height:640px}.atmosphere-image{background:url('/examples/restaurant/demo/images/interior.jpeg') center/cover}.atmosphere-copy{padding:clamp(45px,7vw,115px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.atmosphere-copy p{line-height:1.8;color:#cbd6ca;max-width:460px}.atmosphere-copy h2{margin:25px 0}.atmosphere-copy .button{margin-top:20px}.booking-section{background:#f6f3eb}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.booking-grid>div>p{max-width:460px;line-height:1.8;color:#5e6c5f}.booking-points{margin-top:35px;display:flex;flex-direction:column;gap:18px;font-size:.78rem;letter-spacing:.12em;font-weight:700;color:#7c8d78}.booking-form{background:#e9ecdf;padding:40px;display:grid;gap:17px}.booking-form label,#adminLogin label,#addTable label{display:flex;flex-direction:column;gap:8px;font-size:.8rem;font-weight:700}.booking-form input,.booking-form select,.booking-form textarea,#adminLogin input,#addTable input,#addTable select{border:1px solid #b5c2ad;background:#fff;color:#21312b;padding:12px;min-height:48px;border-radius:0;max-width:100%}.booking-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consent{flex-direction:row!important;align-items:flex-start;line-height:1.5;font-weight:400!important;font-size:.76rem!important}.consent input{min-height:0!important;margin-top:2px}.booking-form [role=status]{margin:0;color:#657760;font-size:.82rem}.booking-form .error{margin:0;color:#a43d2b;font-size:.82rem;min-height:10px}.booking-form button{justify-self:start}.faq-section{background:#e9ecdf}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{border-top:1px solid #b8c6b3;padding:24px 0}.faq details:last-child{border-bottom:1px solid #b8c6b3}.faq summary{cursor:pointer;font-size:1.1rem;font-weight:700}.faq details p{line-height:1.7;color:#5d6c5e;margin:17px 0 0}.admin-section{padding:100px 0}.admin-section>div>p{line-height:1.8;color:#5d6b5c}.admin-section code{background:#e7e9d5;padding:4px 6px}#adminLogin{display:flex;align-items:end;gap:15px;margin:25px 0}#addTable{display:flex;align-items:end;gap:15px;margin:25px 0}#tables{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.table-card{border:1px solid #b6c2b1;padding:15px}.table-card button{margin-top:10px}.admin-section h3{font-size:1.5rem;margin-top:30px}#reservations{max-height:320px;overflow:auto}#reservations p{border-bottom:1px solid #c1c9be;padding:12px 0}footer{background:#172e25;color:white;padding:70px 0}.footer-grid{display:flex;justify-content:space-between;gap:50px}.footer-grid>div:first-child{max-width:390px}.footer-grid p{color:#aab9aa;font-size:.83rem;line-height:1.7}.footer-grid>div:nth-child(2){display:flex;flex-direction:column;gap:12px;font-size:.85rem}.footer-grid>span{font-size:.7rem;color:#b7c4b4}dialog{border:0;background:#f6f3eb;color:#20312a;width:min(100% - 32px,520px);padding:40px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#0e211ad1}dialog h2{font-size:3rem;margin:20px 0}.close{position:absolute;top:12px;right:18px;border:0;background:none;font-size:2rem}.receipt-code{overflow-wrap:anywhere;background:#e9ecdf;padding:14px;font-size:.85rem}#cancelStatus{color:#536a52}[hidden]{display:none!important}
@media(max-width:900px){.container{width:min(100% - 36px,1330px)}.header nav{gap:15px}.dish img{height:250px}.atmosphere-copy{padding:50px}.concept-grid img{height:450px}.booking-grid{gap:5%}}
@media(max-width:680px){.header-inner{min-height:70px}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f6f3eb;flex-direction:column;gap:20px;padding:24px 18px;box-shadow:0 15px 25px #0002}.header nav.is-open{display:flex}.hero{min-height:710px}.hero-image{background-position:62% center}.hero h1{font-size:clamp(4.5rem,18vw,7rem)}.hero-actions{flex-direction:column;align-items:flex-start}.hero-foot{max-width:250px;line-height:1.5}.section{padding:75px 0}.section-label{margin-bottom:35px}.section-label span:last-child{display:none}.concept-grid,.booking-grid,.faq-grid,.atmosphere{grid-template-columns:1fr}.concept-grid img{height:380px;margin-top:35px}.menu-head{display:block}.dish-grid{grid-template-columns:1fr}.dish img{height:330px}.atmosphere-image{min-height:370px}.atmosphere-copy{padding:60px 18px}.booking-form{padding:22px}.faq-grid{gap:20px}#adminLogin,#addTable{display:grid;gap:14px}#tables{grid-template-columns:1fr}.footer-grid{flex-direction:column;gap:30px}dialog{padding:28px}dialog h2{font-size:2.4rem}}