:root{--ink:#171412;--paper:#f4efe7;--gold:#cf9f67;--soft:#211d1a;--radius:18px}
body{background:var(--ink);letter-spacing:-.01em;overflow-x:hidden}
.page-noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
header{position:sticky;top:0;z-index:15;height:88px;padding:0 4%;background:rgba(23,20,18,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:height .25s,background .25s;border-color:rgba(255,255,255,.08)}
header.scrolled{height:72px;background:rgba(23,20,18,.95)}
header .wordmark{font-size:38px}.wordmark span{margin-top:7px}
nav{background:rgba(255,255,255,.055);padding:8px 18px;border:1px solid rgba(255,255,255,.07);border-radius:999px}
nav a{padding:4px 3px;transition:color .2s}
.button{border-radius:999px;padding:13px 21px;border-color:rgba(213,173,120,.75);transition:transform .2s,background .2s,color .2s}
.button:hover{transform:translateY(-2px)}.small{padding:9px 18px}
.hero{min-height:calc(100vh - 88px);grid-template-columns:.9fr 1.1fr;padding:18px;gap:18px}
.hero-copy{padding:72px 8% 34px;background:linear-gradient(145deg,#201b18,#171412);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius)}
.hero-photo{min-height:620px;border-radius:var(--radius)}
.hero-photo:before{content:'AFGHAN FRONTIER · GEORGETOWN';position:absolute;top:22px;right:22px;z-index:2;color:white;font-size:10px;letter-spacing:2px;background:rgba(19,16,14,.58);backdrop-filter:blur(10px);padding:10px 14px;border-radius:999px}
h1{font-size:clamp(58px,5.6vw,92px);letter-spacing:-4px;max-width:700px}
.intro{font-size:17px;max-width:500px}.hero-foot{border-top:1px solid rgba(255,255,255,.09)}
.welcome-strip{border:0;margin:0 18px;padding:28px;border-radius:var(--radius);background:#2b231e}
.section{padding:110px 7%}.section-heading{align-items:flex-start}.section-heading h2{max-width:760px}
h2{letter-spacing:-3.5px}.menu-section{margin:18px;border-radius:var(--radius);padding-left:6%;padding-right:6%}
.menu-grid{grid-template-columns:1.08fr .92fr;gap:7%}.dish-image{border-radius:14px;min-height:620px}.dish-image img{transition:transform .7s}.dish-image:hover img{transform:scale(1.025)}
.dish-list article{padding:31px 0}.dish-list h3{font-size:31px}.dish-number{font-size:15px;border:1px solid #cdbca7;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;padding:0;margin-top:19px}
.story{margin:18px;border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 15% 50%,#443126 0,#2c221d 38%,#211b18 100%)}
.story-copy{padding:25px 0}.large-a{opacity:.65}.gather{margin:18px;border-radius:var(--radius)}
.visit{margin:18px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:#1d1917}.visit-details>div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px}
footer{margin:0 18px;padding:38px 3% 125px;border-top-color:rgba(255,255,255,.08)}
.text-link{transition:gap .2s,color .2s}.text-link:hover{gap:29px}.mobile-reserve{display:none}
@media(max-width:1100px){header nav{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:55px 7% 28px}.menu-grid{gap:5%}.section{padding:80px 6%}}
@media(max-width:700px){body{padding-bottom:76px}header{height:72px;padding:0 5%;position:sticky}header.scrolled{height:64px}header .wordmark{font-size:33px}header .wordmark span{display:none}.small{font-size:0;width:42px;height:42px;padding:0;gap:0}.small:before{content:'Book';font-size:12px}.small span{display:none}.hero{min-height:auto;display:flex;flex-direction:column;padding:10px;gap:10px}.hero-copy{order:2;padding:42px 7% 30px;border-radius:15px}.hero-photo{order:1;min-height:54vh;aspect-ratio:.92;border-radius:15px}.hero-photo:before{top:15px;right:15px;font-size:8px;padding:8px 10px}.photo-caption{left:20px;right:20px}.photo-caption span:first-child{display:none}h1{font-size:clamp(54px,15vw,75px);letter-spacing:-3px}.intro br{display:none}.hero-actions .button{width:100%}.hero-actions .text-link{margin-left:6px}.hero-foot{padding-top:22px}.hero-foot span:last-child{display:none}.welcome-strip{margin:0 10px;padding:20px}.section{padding:64px 7%}h2{font-size:45px;letter-spacing:-2px}.menu-section,.story,.gather,.visit{margin:10px;border-radius:15px}.menu-section{padding-left:6%;padding-right:6%}.dish-image{min-height:430px}.dish-list article{padding:27px 0}.story-copy{padding:0}.gather-row{gap:18px}.visit-details>div{padding:22px}.mobile-reserve{position:fixed;display:flex;z-index:30;left:10px;right:10px;bottom:10px;background:rgba(244,239,231,.96);backdrop-filter:blur(18px);color:var(--ink);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:11px 12px 11px 16px;align-items:center;justify-content:space-between;box-shadow:0 14px 44px rgba(0,0,0,.32)}.mobile-reserve div{display:flex;flex-direction:column;line-height:1.25}.mobile-reserve strong{font:20px Georgia,serif}.mobile-reserve div span{font-size:10px;color:#6d6259;letter-spacing:.4px}.mobile-reserve>a{background:var(--ink);color:white;padding:11px 15px;border-radius:999px;font-size:13px}.mobile-reserve>a span{color:var(--gold);margin-left:5px}footer{margin:0 10px;padding-bottom:35px}}