:root{--bg:#17120d;--paper:#ece3d4;--ember:#d85b25;--gold:#c49a63;--ink:#2a2018;--serif:'Cormorant Garamond',serif;--sans:'DM Sans','Noto Sans Bengali',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.brand{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:3px;font-weight:600}.brand i{font-family:var(--serif);color:var(--ember);font-size:25px}header{height:84px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid rgba(255,255,255,.18)}nav{display:flex;gap:30px;font-size:12px}header>.reserve-open{justify-self:end}.reserve-open{background:none;border:1px solid rgba(255,255,255,.6);color:white;padding:12px 18px}.reserve-open:hover{background:var(--ember);border-color:var(--ember)}.menu-btn{display:none}.hero{height:100vh;min-height:680px;position:relative}.hero img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,6,4,.9),rgba(9,6,4,.18) 70%)}.hero-copy{position:absolute;left:7vw;top:50%;transform:translateY(-44%)}.hero-copy>p,.intro>p{font-size:11px;letter-spacing:2px}.hero h1{font:500 clamp(58px,7vw,105px)/.88 var(--serif);margin:25px 0 38px}.hero h1 em,.intro h2 em,.dish-copy h2 em,.menu-head h2 em,.space h2 em{color:var(--ember);font-weight:500}.hero-copy>div{display:flex;gap:30px;align-items:center}.hero-copy a{border-bottom:1px solid white;padding-bottom:6px;font-size:13px}.hero aside{position:absolute;right:4vw;bottom:4vw;border-left:1px solid rgba(255,255,255,.35);display:grid;padding-left:25px;gap:8px}.hero aside span{font-size:9px;letter-spacing:2px;color:#c9b9a3}.hero aside b{font-size:12px;margin-bottom:10px}.intro{background:var(--paper);color:var(--ink);padding:120px 8vw}.intro h2,.dish-copy h2,.menu-head h2,.space h2,.visit h2{font:500 clamp(48px,6vw,86px)/.96 var(--serif);margin:25px 0}.intro>div{display:grid;grid-template-columns:1fr 1fr;align-items:start}.intro>div span{height:1px;background:#9d8c79;margin-top:15px;margin-right:7vw}.intro>div p{max-width:520px;line-height:1.9;color:#695a4c}.signature{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.dish{position:relative}.dish img{width:100%;height:100%;object-fit:cover}.dish>span{position:absolute;left:25px;bottom:25px;background:var(--paper);color:var(--ink);padding:9px 12px;font-size:10px;letter-spacing:1.5px}.dish-copy{padding:8vw;align-self:center}.dish-copy small,.menu-head small,.space small,.visit small,.modal small{font-size:10px;letter-spacing:2px;color:var(--gold)}.dish-copy p{line-height:1.8;color:#bfb2a4}.price{display:flex;justify-content:space-between;border-top:1px solid #4a3d32;border-bottom:1px solid #4a3d32;padding:20px 0;margin:30px 0}.dish-copy>a{font-size:12px;color:var(--gold)}.menu-section{background:#211912;padding:120px 14vw}.menu-head{text-align:center}.menu-head h2{margin-bottom:35px}.tabs{display:flex;justify-content:center;gap:10px}.tabs button{background:none;color:#a99a8d;border:0;border-bottom:1px solid transparent;padding:10px 20px}.tabs button.active{color:white;border-color:var(--ember)}.menu-list{max-width:900px;margin:55px auto 0}.menu-list article{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #44372d;padding:22px 0}.menu-list h3{font:500 25px var(--serif);margin:0 0 5px}.menu-list p{margin:0;color:#998c81;font-size:13px}.menu-list b{color:var(--gold)}.hidden{display:none}.demo-note{text-align:center;color:#6f6258;font-size:10px;margin-top:30px}.space{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:var(--ink)}.space-copy{padding:9vw 7vw;align-self:center}.space-copy p{line-height:1.9;color:#6d5d4e}.space .reserve-open{color:var(--ink);border-color:#8f7f70;margin-top:20px}.space img{width:100%;height:760px;object-fit:cover}.visit{padding:100px 7vw;display:grid;grid-template-columns:1.3fr .7fr auto;align-items:end;gap:60px}.visit h2{margin-bottom:0}.visit p{color:#afa195;line-height:1.8}.visit>a{background:var(--ember);padding:17px 22px}footer{padding:45px 4vw;border-top:1px solid #382d24;display:grid;grid-template-columns:1fr 1fr;gap:25px;color:#a99d93}footer p{margin:0;font-size:12px;line-height:1.7}footer small{grid-column:1/-1;border-top:1px solid #382d24;padding-top:20px;font-size:10px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:50;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.3s}.modal.open{opacity:1;pointer-events:auto}.modal-card{background:var(--paper);color:var(--ink);width:min(600px,100%);padding:45px;position:relative;transform:translateY(20px);transition:.3s}.modal.open .modal-card{transform:none}.modal-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:28px}.modal h2{font:500 48px var(--serif);margin:12px 0 25px}.modal form>label,.modal form>div label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:15px}.modal form>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal input,.modal select{border:1px solid #bbae9f;background:transparent;padding:13px}.modal form>button{width:100%;background:var(--ember);color:white;border:0;padding:15px}.feedback{text-align:center;font-size:12px}@media(max-width:850px){header{padding:0 20px}.menu-btn{display:block;background:none;border:0;color:white}.brand{justify-self:center}nav{display:none;position:absolute;top:84px;left:0;right:0;background:#17120d;padding:25px;flex-direction:column}nav.open{display:flex}header>.reserve-open{display:none}.hero-copy{left:25px}.hero h1{font-size:60px}.hero aside{display:none}.intro{padding:85px 24px}.signature,.space{grid-template-columns:1fr}.dish{height:550px}.dish-copy{padding:80px 25px}.menu-section{padding:90px 24px}.space img{height:580px}.visit{grid-template-columns:1fr;padding:80px 25px}footer{grid-template-columns:1fr;padding:40px 25px}}@media(max-width:520px){.hero{min-height:620px}.hero h1{font-size:50px}.hero-copy>div{align-items:flex-start;flex-direction:column}.intro>div{grid-template-columns:1fr}.intro>div span{margin:0 0 20px}.dish{height:420px}.menu-list h3{font-size:21px}.menu-list p{font-size:11px}.space img{height:450px}.modal-card{padding:35px 22px}.modal form>div{grid-template-columns:1fr}}
