@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--bg:#f5f0e8;--ink:#201b17;--muted:#766d64;--accent:#a84727;--line:#ddd2c5;--dark:#211914}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}.nav{height:74px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#f5f0e8cc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5;border-bottom:1px solid #e4dacf}.logo{font-weight:700;letter-spacing:.08em;color:var(--ink);text-decoration:none}.nav nav{display:flex;gap:28px}.nav nav a{color:var(--ink);text-decoration:none;font-size:14px}.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,18,13,.83),rgba(25,18,13,.4),rgba(25,18,13,.12)),url("images/restaurant-collage.png") center/cover}.hero-content{position:relative;color:#fff;padding:8%;max-width:720px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:700;margin:0 0 18px;color:#b65331}.hero .eyebrow{color:#e9b398}.hero h1{font:700 clamp(54px,8vw,100px)/.95 "Playfair Display",serif;margin:0 0 24px}.hero h1 span{color:#e6a183}.lead{font-size:20px;max-width:480px;line-height:1.6;color:#eee}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:15px 22px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:#b65331;color:#fff}.ghost{border:1px solid #ffffff88;color:#fff}.ghost.dark{border-color:#332820;color:#332820}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;padding:30px 6%;gap:25px}.info-strip div{display:flex;flex-direction:column;gap:7px}.info-strip strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.info-strip span{color:var(--muted);font-size:14px}.section{padding:100px 7%;max-width:1300px;margin:auto}.section h2,.split h2,.contact h2{font:700 clamp(40px,5vw,64px)/1 "Playfair Display",serif;margin:0 0 45px}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.menu-grid article{background:#fff;padding:28px;border:1px solid var(--line);min-height:230px}.menu-grid h3{font:700 26px "Playfair Display",serif;margin:0 0 20px}.menu-grid ul{list-style:none;padding:0;margin:0}.menu-grid li{padding:10px 0;border-bottom:1px solid #eee2d8;font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#211914;color:#fff}.split-image{background:url("images/restaurant-collage.png") center/cover}.split-copy{padding:9%;align-self:center}.split-copy h2{margin-bottom:24px}.split-copy p:not(.eyebrow){color:#d7cdc4;line-height:1.8;max-width:530px}.text-link{color:#e6a183;text-decoration:none;font-weight:700}.contact{text-align:center;padding:100px 7%;background:#e9dfd3}.contact .eyebrow{margin-bottom:14px}.contact h2{margin-bottom:15px}.contact .actions{justify-content:center}footer{text-align:center;padding:28px;background:#17120f;color:#aaa;font-size:12px}@media(max-width:800px){.nav{padding:0 5%;height:64px}.nav nav{display:none}.hero{min-height:620px}.hero-content{padding:10% 7%}.hero h1{font-size:58px}.info-strip{grid-template-columns:1fr;padding:25px 7%}.section{padding:75px 7%}.menu-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split-image{min-height:330px}.split-copy{padding:70px 7%}}@media(max-width:500px){.menu-grid{grid-template-columns:1fr}.hero h1{font-size:52px}.lead{font-size:17px}}