*{box-sizing:border-box} :root{--black:#171713;--black2:#22221d;--gold:#c9a66b;--cream:#f2eee6;--white:#fbfaf7;--muted:#85847c;--line:#ded8cc}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--black);font-family:'Cairo',sans-serif}.topline{height:32px;background:#11110e;color:#b9b4a8;display:flex;justify-content:space-between;align-items:center;padding:0 7%;font-size:9px;letter-spacing:1.5px}.topline span:first-child{font-family:'Playfair Display',serif;color:var(--gold)}.header{height:86px;background:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:30;border-bottom:1px solid #0000000b}.logo{display:flex;align-items:center;gap:12px}.logo-icon{height:42px;width:42px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font:28px 'Playfair Display',serif}.logo b{display:block;font:600 17px 'Playfair Display',serif;letter-spacing:2px}.logo small{display:block;font:8px 'Cairo',sans-serif;letter-spacing:2px;color:#888;margin-top:3px}nav{display:flex;gap:27px}nav a{font-size:11px;color:#5f5e57;transition:.2s}nav a:hover{color:#ad874c}.book-link{font-size:11px;border-bottom:1px solid var(--gold);padding:9px 0}.book-link span,.under span{color:var(--gold);margin-right:9px}.hamburger{display:none;background:none;border:0;font-size:24px}.hero{height:min(790px,calc(100vh - 118px));min-height:620px;position:relative;background:#181813;color:white;display:flex;align-items:center;padding:0 12%}.hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=2200&q=92') center 55%/cover;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,10,.91),rgba(12,12,10,.65) 43%,rgba(12,12,10,.12))}.hero-copy{position:relative;max-width:620px}.overline{display:flex;align-items:center;gap:12px;color:#e1c99f;font-size:10px;letter-spacing:2px}.overline i{width:27px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(56px,7.5vw,94px);line-height:1.27;margin:23px 0;font-weight:800;letter-spacing:-3px}.hero h1 em,.intro h2 em,.section-head h2 em,.experience h2 em,.reservation h2 em{font:500 1.05em 'Playfair Display',serif;color:var(--gold);letter-spacing:0}.hero-copy>p{font-size:13px;line-height:2.3;color:#d3d1c9;max-width:450px}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:34px}.button{border:0;display:inline-flex;gap:20px;align-items:center;padding:15px 25px;font:700 11px 'Cairo';cursor:pointer;transition:.25s}.gold{background:var(--gold);color:#171713}.gold:hover{background:#dfc18e;transform:translateY(-3px)}.play-link{font-size:11px;color:#eee;display:flex;align-items:center;gap:11px}.play{border:1px solid #ffffff88;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:10px;padding-right:2px}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;color:#d5d0c5;font-size:9px;letter-spacing:2px}.scroll{letter-spacing:1px}.hero-side{position:absolute;left:20px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font:8px 'Playfair Display';letter-spacing:3px;color:#c9b68f}.section{max-width:1250px;margin:auto;padding:115px 45px}.intro{display:grid;grid-template-columns:1.08fr .92fr;gap:11%;align-items:center}.intro-visual{height:500px;position:relative;padding:0 0 35px 35px}.intro-visual:before{content:"";position:absolute;inset:35px 35px 0 0;border:1px solid var(--gold)}.intro-main{position:relative;width:88%;height:440px;object-fit:cover}.intro-small{position:absolute;width:43%;height:205px;object-fit:cover;left:0;bottom:0;border:8px solid var(--white)}.since{position:absolute;right:0;top:18px;background:var(--black);color:white;padding:18px 23px;display:flex;flex-direction:column}.since b{font:28px 'Playfair Display';color:var(--gold)}.since span{font-size:9px;color:#ddd}.kicker{font:10px 'Cairo';letter-spacing:2px;color:#a68149;font-weight:700}.intro h2,.section-head h2,.experience h2,.reservation h2{font-size:48px;line-height:1.45;margin:18px 0 20px;font-weight:700}.intro-text>p,.experience-copy>p,.reservation-copy>p{font-size:12px;line-height:2.5;color:var(--muted);max-width:480px}.under{display:inline-block;margin-top:20px;font-size:11px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:9px}.numbers{background:var(--black);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:45px 10%;text-align:center}.numbers div{border-left:1px solid #ffffff20;display:flex;flex-direction:column;gap:7px}.numbers div:last-child{border:0}.numbers b{font:38px 'Playfair Display';color:var(--gold)}.numbers span{font-size:10px;color:#c6c2b8}.menu{max-width:none;background:var(--cream);padding-left:max(45px,calc((100% - 1160px)/2));padding-right:max(45px,calc((100% - 1160px)/2))}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{margin-bottom:0}.section-head>p{font-size:11px;line-height:2.2;color:var(--muted);margin-bottom:8px}.menu-tabs{display:flex;gap:10px;margin:36px 0 28px}.tab{font:11px 'Cairo';padding:9px 20px;border:1px solid #d5cec1;background:transparent;color:#68665f;cursor:pointer}.tab.active,.tab:hover{background:var(--black);border-color:var(--black);color:white}.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.dish{background:var(--white);transition:.3s}.dish:hover{transform:translateY(-5px);box-shadow:0 14px 35px #1a17100f}.dish.hide{display:none}.dish-img{height:240px;position:relative;overflow:hidden}.dish-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.dish:hover img{transform:scale(1.06)}.dish-img>span{position:absolute;top:15px;right:15px;background:var(--gold);padding:6px 10px;font:8px 'Playfair Display';letter-spacing:1px}.quick-add{position:absolute;bottom:14px;left:14px;border:0;background:var(--white);width:34px;height:34px;font-size:21px;cursor:pointer;color:var(--black);transition:.2s}.quick-add:hover{background:var(--gold)}.dish-meta{padding:18px;display:flex;justify-content:space-between;gap:10px;align-items:center}.dish-meta h3{font-size:14px;margin:0 0 5px}.dish-meta p{font-size:9px;color:var(--muted);margin:0}.dish-meta>b{font-size:14px;color:#997543;white-space:nowrap}.dish-meta small{font-size:8px}.menu-foot{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:9px;color:var(--muted)}.menu-foot .under{margin:0}.experience{display:grid;grid-template-columns:1fr 1fr;min-height:550px;background:var(--black);color:white}.experience-img{background:url('https://images.unsplash.com/photo-1559339352-11d035aa65de?auto=format&fit=crop&w=1300&q=90') center/cover;min-height:500px}.experience-copy{padding:80px 12%;align-self:center}.experience h2{font-size:53px}.experience-copy>p{color:#b9b8b0;margin-bottom:28px}.outline{border:1px solid var(--gold);color:white;background:transparent}.outline:hover{background:var(--gold);color:var(--black)}.gallery{padding-top:110px;padding-bottom:110px}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:220px 220px;gap:13px;margin-top:38px}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.3s;filter:saturate(.82)}.gallery-grid img:hover{filter:saturate(1);transform:scale(.99)}.gallery-grid img:first-child{grid-row:span 2}.gallery-grid img:nth-child(4){grid-column:2}.testimonial{background:#eae4d9;text-align:center;padding:80px 20%;}.testimonial .quote-mark{font:90px 'Playfair Display';color:var(--gold);height:70px;margin-top:15px}.testimonial blockquote{font:24px 'Amiri',serif;line-height:1.9;margin:0 auto 25px;max-width:750px;color:#34342e}.reviewer{display:flex;justify-content:center;align-items:center;gap:10px;text-align:right}.avatar{width:37px;height:37px;border-radius:50%;background:var(--black);color:var(--gold);display:grid;place-items:center}.reviewer b,.reviewer small{display:block;font-size:10px}.reviewer small{color:var(--muted);font-size:9px}.review-note{font-size:8px;color:#999;margin-top:22px}.reservation{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.reservation h2{font-size:49px}.details{margin-top:28px}.details p{display:flex;align-items:center;gap:15px;font-size:11px}.details p>span:first-child{width:36px;height:36px;background:var(--cream);display:grid;place-items:center;color:#a17c45;font-size:18px}.details small{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.booking-form{background:var(--cream);padding:32px}.booking-form h3{font-size:20px;margin:0}.booking-form>p{font-size:10px;color:var(--muted);margin:4px 0 22px}.booking-form label{display:block;font-size:10px;color:#55554e;margin-bottom:14px}.booking-form input,.booking-form select,.booking-form textarea{display:block;width:100%;border:1px solid #ded7ca;background:#fbfaf7;padding:12px;margin-top:6px;font:11px 'Cairo';outline:none;color:var(--black)}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.submit{width:100%;justify-content:center}.form-hint{display:block;font-size:8px;color:#8a887f;line-height:1.8;margin-top:12px}footer{background:#11110e;color:#bdb9af;display:flex;align-items:center;justify-content:space-between;padding:30px 7%;font-size:9px}footer .logo b{color:white}footer .logo small{color:#999}.toast{position:fixed;bottom:25px;right:25px;background:var(--black);color:white;padding:14px 20px;font-size:11px;z-index:99;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none;border-right:3px solid var(--gold)}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.header{padding:0 5%}nav{gap:14px}.section{padding:85px 30px}.intro{gap:6%}.intro-visual{height:420px}.intro-main{height:370px}.dish-grid{gap:17px}.dish-img{height:190px}.experience-copy{padding:60px 9%}}
@media(max-width:680px){.topline{padding:0 4%;font-size:7px;letter-spacing:.5px}.topline span:nth-child(2){display:none}.header{height:72px}.hamburger{display:block;order:3}.book-link{margin-right:auto;margin-left:18px;font-size:9px}nav{display:none;position:absolute;top:72px;right:0;left:0;background:var(--white);padding:22px 8%;box-shadow:0 12px 20px #0001;flex-direction:column;gap:17px}nav.open{display:flex}.hero{min-height:610px;height:calc(100vh - 104px);padding:0 8%}.hero h1{font-size:61px}.hero-copy>p{font-size:11px}.hero-side{display:none}.hero-bottom{font-size:7px}.scroll{display:none}.section{padding:75px 22px}.intro{grid-template-columns:1fr;gap:45px}.intro-visual{height:390px}.intro-main{height:340px}.intro h2,.section-head h2{font-size:39px}.intro-text>p{font-size:11px}.numbers{padding:32px 5%;grid-template-columns:repeat(2,1fr);gap:25px}.numbers div:nth-child(2){border:0}.numbers b{font-size:31px}.section-head{display:block}.section-head>p{margin-top:12px}.menu{padding-left:22px;padding-right:22px}.menu-tabs{overflow-x:auto;padding-bottom:5px}.tab{white-space:nowrap;padding:8px 14px}.dish-grid{grid-template-columns:1fr;gap:18px}.dish-img{height:230px}.menu-foot{align-items:flex-start;gap:15px;flex-direction:column}.experience{grid-template-columns:1fr}.experience-img{min-height:300px}.experience-copy{padding:55px 9%}.experience h2,.reservation h2{font-size:42px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:170px 170px 170px}.gallery-grid img:first-child{grid-row:span 2}.gallery-grid img:nth-child(4){grid-column:auto}.gallery-grid img:last-child{display:none}.testimonial{padding:65px 8%}.testimonial blockquote{font-size:20px}.reservation{grid-template-columns:1fr;gap:30px}.booking-form{padding:23px}.form-row{gap:9px}footer{padding:25px 6%;flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;margin:0;text-align:center}}
