@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Italiana&display=swap');*{box-sizing:border-box}body{margin:0;background:#191914;color:#f7f0e3;font-family:DM Sans}a{color:inherit;text-decoration:none}header{height:82px;display:flex;align-items:center;padding:0 5vw;gap:32px;position:absolute;width:100%;z-index:2;border-bottom:1px solid #ffffff33}.brand{font:400 15px Italiana;letter-spacing:.18em}.brand i{color:#d5a15b;font-style:normal}nav{display:flex;gap:32px;margin:auto;font-size:13px}.lang,.menu{background:none;border:0;color:#fff}.menu{display:none}.reserve{border:1px solid #fff;padding:12px 17px}.hero{height:760px;background:linear-gradient(90deg,#000b,#0001),url('assets/hero-restaurant.png') center/cover;display:flex;align-items:center;padding:8vw}.hero>div{max-width:580px}.hero span,.intro span,.menu-section span,.experience span,.booking>span{text-transform:uppercase;letter-spacing:.18em;color:#d5a15b;font-size:11px}.hero h1,.intro h2,.menu-section h2,.experience h2,.booking h2{font:400 clamp(58px,8vw,105px)/.88 Italiana;margin:28px 0}.hero h1 em{color:#d5a15b}.hero p{font-size:18px;line-height:1.7}.hero a{display:inline-block;border-bottom:1px solid;margin-top:25px;padding-bottom:7px}.intro{text-align:center;padding:120px 20px;background:#eee6d7;color:#29251f}.intro h2{font-size:60px;line-height:1}.intro p{max-width:690px;margin:auto;line-height:1.8;color:#6e665c}.menu-section{padding:110px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.menu-section h2,.experience h2{font-size:65px;line-height:1}.menu-section>div>p{color:#a9a294;line-height:1.7}.menu-section a{display:inline-block;margin-top:25px;color:#d5a15b}.dishes article{position:relative;border-bottom:1px solid #ffffff27;padding:20px 70px 20px 0}.dishes h3{font:400 24px Italiana;margin:0}.dishes p{color:#999184;margin:7px 0}.dishes b{position:absolute;right:0;top:30px;color:#d5a15b}.experience{display:grid;grid-template-columns:1.2fr .8fr;min-height:650px;background:#332a22}.experience>div{background:url('assets/hero-restaurant.png') center/cover}.experience article{padding:100px 7vw}.experience h2{font-size:58px}.experience p,.experience li{color:#c6b9a7;line-height:1.7}.experience ul{list-style:none;padding:0;margin-top:35px}.booking{text-align:center;padding:110px 6vw;background:#a94d33}.booking h2{font-size:70px}.booking form{display:grid;grid-template-columns:repeat(4,1fr);max-width:950px;margin:45px auto 25px;background:#fff;padding:10px}.booking input,.booking select{padding:16px;border:0;border-right:1px solid #ddd;font:inherit}.booking button{border:0;background:#1d1c18;color:#fff}.booking small{color:#f0d6ce}footer{display:flex;justify-content:space-between;padding:40px 5vw;color:#aaa}.el:after{content:''}@media(max-width:800px){nav{display:none}.menu{display:block;margin-left:auto}.reserve{display:none}.hero{padding:90px 24px}.menu-section,.experience{grid-template-columns:1fr}.experience>div{min-height:400px}.booking form{grid-template-columns:1fr}.booking input,.booking select{border-bottom:1px solid #ddd}footer{flex-direction:column;gap:12px}}

/* Immersive restaurant layout with vertical navigation */
@media(min-width:801px){body{padding-left:190px}header{position:fixed;left:0;top:0;bottom:0;width:190px;height:100vh;padding:38px 28px;display:flex;flex-direction:column;align-items:flex-start;background:#171611;border:0;border-right:1px solid #ffffff1d}.brand{font-size:17px;line-height:1.6}.brand i{display:block}nav{margin:90px 0 0;display:flex;flex-direction:column;gap:22px}nav a{color:#b7afa1}.reserve{margin-top:auto;text-align:center;width:100%}.hero{height:100vh;min-height:760px;padding:8vw}.hero>div{margin-left:5vw}.hero h1{font-size:clamp(75px,9vw,135px);letter-spacing:-.03em}.hero p{max-width:440px}.intro{padding:150px 12vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;text-align:left}.intro>span{grid-column:1}.intro h2{grid-column:2;grid-row:1/3;margin:0;font-size:75px}.intro p{grid-column:1;margin:60px 0 0}.menu-section{grid-template-columns:.65fr 1.35fr;padding:140px 9vw}.dishes article{padding-block:30px}.dishes h3{font-size:32px}.experience{grid-template-columns:.65fr 1.35fr}.experience>div{order:2}.experience article{padding:130px 7vw}.booking{padding:140px 7vw}}