:root{--green:#062d26;--deep:#031f1a;--ink:#021712;--gold:#e6bd61;--pale:#f5efd9;--muted:#acbdb3;--line:rgba(230,189,97,.22);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--green);color:var(--pale);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--deep)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--gold);color:var(--green);padding:15px}.skip-link:focus{top:10px}.topline{padding:9px 4.5%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1.7px;color:#c7d0ba}.header{height:99px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:var(--green);position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{display:block;flex-shrink:0}.brand-image{display:block;width:218px;height:66px;background:url('assets/zafraan-logo.webp') center 49.8%/396px auto no-repeat;mix-blend-mode:screen}.header nav{display:flex;gap:34px;font-size:14px}.header nav a{padding:15px 0}.header nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;background:var(--gold);color:var(--deep);padding:16px 23px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#f3d48c;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.header-button{padding:14px 22px;gap:25px}.hero{height:710px;min-height:650px;position:relative;overflow:hidden;background:var(--deep)}.hero-food{position:absolute;right:0;top:0;height:100%;width:66%;overflow:hidden}.hero-food img{position:absolute;height:135%;width:135%;max-width:none;object-fit:cover;top:-16%;left:-8%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--deep) 1%,rgba(3,31,26,.99) 21%,rgba(3,31,26,.9) 35%,rgba(3,31,26,.4) 60%,rgba(3,31,26,.03) 82%),linear-gradient(0deg,rgba(3,31,26,.8),transparent 28%)}.hero-content{position:relative;margin-left:7%;padding-top:64px;width:650px;max-width:60%;z-index:1}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:600;color:var(--gold);margin:0 0 19px;display:flex;align-items:center;gap:12px}.small-line{display:inline-block;width:26px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(65px,6.35vw,104px);line-height:.99;letter-spacing:-2px;margin-bottom:25px}em{font-weight:400;color:var(--gold)}.hero-description{color:#ccd5cc;font-size:15px;line-height:1.85;max-width:400px;margin-bottom:25px}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:5px;white-space:nowrap}.text-link:hover{color:var(--gold);border-color:var(--gold)}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:30px;color:var(--gold);font-size:10px;letter-spacing:1.3px}.hero-proof>div>span{display:block;font-size:12px;letter-spacing:0;color:var(--muted);margin-top:3px}.halal-word{border:1px solid var(--line);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:24px;font-family:serif}.hero-caption{position:absolute;right:5%;bottom:75px;border-left:2px solid var(--gold);padding-left:18px;color:white}.hero-caption>span{font-size:10px;letter-spacing:2px}.hero-caption>div{font-family:var(--serif);font-size:27px}.hero-caption b{font:500 15px var(--sans);margin-left:18px;color:var(--gold)}.scroll-note{position:absolute;bottom:28px;left:7%;display:flex;gap:30px;font-size:11px;color:var(--muted)}.flavour-strip{display:flex;align-items:center;justify-content:space-around;gap:22px;padding:22px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--gold);font-size:11px;letter-spacing:1.8px;white-space:nowrap}.flavour-strip i{font-style:normal;font-size:17px}.section-wrap{max-width:1440px;margin:auto;padding:88px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:20px}.section-heading .eyebrow{margin-bottom:9px}h2{font-size:clamp(43px,4.3vw,68px);line-height:1.05;letter-spacing:-1.3px;margin:0}.section-heading>.text-link{margin-bottom:9px}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.dish-photo{aspect-ratio:1.12;overflow:hidden;position:relative;background:var(--deep)}.dish-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.dish-card:hover img{transform:scale(1.035)}.dish-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;margin:20px 0 8px;color:var(--gold)}.dish-meta>span:last-child{font-size:14px;letter-spacing:0}.dish-card h3{font-size:29px;line-height:1.15;display:flex;justify-content:space-between;gap:12px}.dish-card h3>span{font:20px var(--sans);color:var(--gold)}
@media(min-width:1500px){.hero-content{padding-top:73px}.hero{height:790px}.hero-proof{margin-top:34px}}
@media(max-width:900px){.header nav{gap:20px}.brand-image{width:180px;background-size:327px}.header-button{padding:13px 17px;gap:12px}.hero-content{margin-left:6%;max-width:70%;padding-top:65px}h1{font-size:78px}.hero-food{width:78%}.hero-shade{background:linear-gradient(90deg,var(--deep),rgba(3,31,26,.9) 33%,rgba(3,31,26,.1)),linear-gradient(0deg,var(--deep),transparent 40%)}.flavour-strip{overflow:hidden;justify-content:flex-start}.section-wrap{padding:65px 6%}.food-grid{gap:18px}.dish-card h3{font-size:25px}.section-heading .text-link{white-space:normal}.hero-caption{bottom:44px}.scroll-note{bottom:28px;max-width:210px;font-size:10px}.hero-description{max-width:380px}}
@media(max-width:600px){html{scroll-padding-top:30px}.topline{justify-content:center;padding:8px 10px;font-size:9px}.topline span:first-child{display:none}.header{height:88px;padding:0 5%}.brand-image{width:163px;height:54px;background-size:297px}.header nav{position:absolute;top:88px;left:0;width:100%;justify-content:center;background:var(--green);height:43px;font-size:13px;border-bottom:1px solid var(--line);gap:38px}.header nav a{padding:9px 0}.header-button{font-size:12px;padding:12px 14px;gap:14px}.hero{margin-top:43px;min-height:800px;height:auto}.hero-content{padding-top:40px;max-width:none;width:auto;margin:0 7%;padding-bottom:335px}.hero-content .eyebrow{font-size:8px;letter-spacing:1.25px;gap:9px;white-space:nowrap}.small-line{width:16px}h1{font-size:61px;letter-spacing:-1.8px;line-height:1.01;margin-bottom:22px}.hero-description{font-size:14px;max-width:310px;line-height:1.7;margin-bottom:25px}.hero-actions{gap:24px}.hero-actions .button{font-size:13px;gap:18px;padding:15px 18px}.hero-actions .text-link{font-size:12px;gap:13px}.hero-proof{margin-top:25px;font-size:9px}.hero-proof>div>span{font-size:11px}.hero-food{width:100%;top:auto;bottom:0;height:430px}.hero-food img{height:130%;width:130%;top:-10%;left:-15%}.hero-shade{background:linear-gradient(180deg,var(--deep) 42%,rgba(3,31,26,.8) 56%,rgba(3,31,26,.03) 78%,rgba(3,31,26,.5) 100%)}.hero-caption{bottom:28px;left:7%;right:auto}.hero-caption>div{font-size:26px}.hero-caption b{font-size:14px}.scroll-note{display:none}.flavour-strip{padding:17px 6%;gap:25px;font-size:10px}.section-wrap{padding:55px 7%}.section-heading{display:block;margin-bottom:26px}.section-heading>.text-link{margin-top:21px;margin-bottom:0}.eyebrow{font-size:10px}h2{font-size:45px;letter-spacing:-1.1px}.food-grid{display:flex;overflow:auto;gap:20px;margin-right:-7.9%;padding-right:7%;padding-bottom:15px;scroll-snap-type:x mandatory}.dish-card{flex:0 0 84%;scroll-snap-align:start}.dish-card h3{font-size:27px}.dish-photo{aspect-ratio:1.04}.dish-meta{margin-top:17px}}
.menu-section{background:var(--deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.menu-section .section-heading{margin-bottom:50px}.menu-layout{display:grid;grid-template-columns:220px 1fr;gap:55px}.menu-tabs{display:flex;flex-direction:column;align-self:start;border-top:1px solid var(--line)}.menu-tabs a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);font-size:14px;transition:color .2s,background .2s;color:#becfc3;line-height:1.4}.menu-tabs a>span:last-child{opacity:0;color:var(--gold)}.menu-tabs a:hover{color:var(--gold)}.menu-tabs a[aria-selected=true]{color:var(--gold);background:rgba(230,189,97,.08);border-left:2px solid var(--gold)}.menu-tabs a[aria-selected=true]>span:last-child{opacity:1}.menu-panel{margin-bottom:35px}.menu-panel[hidden]{display:none}.menu-panel-heading{display:flex;justify-content:space-between;align-items:center}.menu-number{font-size:11px;letter-spacing:2px;color:#93aa9f}.menu-panel h3{font-size:49px;color:var(--gold);margin:5px 0 0;line-height:1.2;font-style:italic}.menu-symbol{font-size:50px;color:var(--gold);padding-right:10px}.menu-description{color:var(--muted);font-size:14px;margin:7px 0 23px}.menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px;margin:0}.menu-item{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:18px 0;align-items:baseline;font-size:15px;line-height:1.5}.menu-item dd{color:var(--gold);margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.menu-footnote{font-size:12px;color:#92a99e;margin-top:27px}.menu-order{font-size:13px;color:var(--gold)}.catering{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:110px;padding-bottom:125px;align-items:center}.catering-pictures{position:relative;padding:0 54px 75px 0}.catering-main{aspect-ratio:1/.98;overflow:hidden}.catering-main img{width:100%;height:100%;object-fit:cover}.catering-inset{position:absolute;width:47%;aspect-ratio:1;right:0;bottom:0;box-shadow:0 0 0 9px var(--green)}.catering-inset img{width:100%;height:100%;object-fit:cover}.catering-seal{position:absolute;left:0;bottom:8px;font-size:10px;letter-spacing:1.4px;color:var(--gold)}.catering-seal em{font-family:var(--serif);font-size:29px;letter-spacing:0}.catering-copy h2{font-size:clamp(43px,4.1vw,61px)}.catering-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9;max-width:460px;margin:26px 0 23px}.catering-price{display:flex;gap:22px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin-bottom:27px}.catering-price span{font-size:13px;color:var(--muted)}.catering-price strong{font-family:var(--serif);font-size:36px;color:var(--gold);font-weight:400}.catering-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.catering-actions .button{gap:22px}.catering-actions .text-link{font-size:13px;gap:12px}.visit{display:grid;grid-template-columns:.85fr 1.15fr;min-height:670px;background:var(--deep)}.visit-photo{position:relative;overflow:hidden}.visit-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.visit-copy{padding:75px 11% 75px 10%;align-self:center}.visit-copy h2{font-size:65px}.visit-intro{color:var(--muted);margin:22px 0 30px;font-size:15px}.visit-details{display:grid;grid-template-columns:.9fr 1.2fr;gap:28px;margin:0 0 34px}.visit-details h3{font:500 11px var(--sans);text-transform:uppercase;color:var(--gold);letter-spacing:1.5px;margin-bottom:14px}.visit-details address{font-style:normal;margin-bottom:10px;font-size:14px}.visit-details a{font-size:14px}.hours{margin:0 0 9px;font-size:14px}.hours>div{display:flex;justify-content:space-between;gap:12px;white-space:nowrap;margin-bottom:6px}.hours dd{margin:0;color:var(--muted)}.visit-details .hours-source{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.visit-actions{display:flex;gap:30px;align-items:center}.last-bite{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:65px;padding-bottom:65px}.last-bite h2{font-size:53px}footer{background:var(--ink);padding:36px 7% 20px}.footer-main{display:flex;align-items:center;gap:50px;max-width:1240px;margin:auto;padding-bottom:28px}.footer-main>p{font-size:12px;margin:0;color:#ced3b8;line-height:1.9}.footer-main>p>span{color:var(--muted)}.footer-main nav{margin-left:auto;display:flex;gap:28px;font-size:13px}.footer-bottom{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:18px;color:#90a497;font-size:11px}.footer-bottom a{color:var(--gold)}
@media(max-width:1050px){.menu-layout{grid-template-columns:180px 1fr;gap:35px}.menu-items{column-gap:25px}.menu-item{font-size:14px}.catering{gap:6%}.visit-copy{padding:55px 9%}.visit-details{grid-template-columns:1fr;gap:25px}.hours{max-width:260px}.visit{min-height:750px}.catering-pictures{padding-right:30px}.footer-main{gap:25px}.footer-main nav{gap:20px}.last-bite h2{font-size:47px}.last-bite>.text-link{font-size:12px}}
@media(max-width:700px){.menu-layout{display:block}.menu-section .section-heading{margin-bottom:30px}.menu-tabs{flex-direction:row;overflow-x:auto;gap:7px;border-top:0;padding:0 7% 15px 0;margin-right:-8%;margin-bottom:24px;position:relative;scrollbar-width:thin;scrollbar-color:var(--gold) var(--deep)}.menu-tabs a{flex-shrink:0;border:1px solid var(--line);padding:10px 15px;font-size:13px}.menu-tabs a>span:last-child{display:none}.menu-tabs a[aria-selected=true]{border:1px solid var(--gold);background:var(--gold);color:var(--deep)}.menu-panel h3{font-size:45px}.menu-items{grid-template-columns:1fr}.menu-item{padding:14px 0;font-size:15px}.menu-symbol{font-size:37px}.menu-description{font-size:13px}.menu-footnote{line-height:1.8}.menu-order{font-size:12px}.catering{display:flex;flex-direction:column;gap:38px;padding-top:60px;padding-bottom:65px}.catering-pictures{width:100%;padding:0 45px 70px 0}.catering-copy{width:100%}.catering-copy h2{font-size:47px}.catering-copy>p:not(.eyebrow){font-size:14px;margin-top:22px}.catering-actions{gap:22px}.catering-actions .button{font-size:13px;padding:15px 17px;gap:17px}.catering-actions .text-link{font-size:12px;gap:8px}.visit{display:flex;flex-direction:column;min-height:0}.visit-photo{height:350px;order:2}.visit-copy{padding:55px 7%;width:100%}.visit-copy h2{font-size:55px}.visit-details{grid-template-columns:1fr 1.2fr;gap:17px}.visit-details address,.visit-details a,.hours{font-size:12px}.visit-details h3{font-size:9px;letter-spacing:1px}.hours>div{gap:8px}.visit-intro{font-size:14px}.visit-details .hours-source{font-size:9px}.visit-actions{gap:25px}.visit-actions .button{font-size:13px;gap:25px}.visit-actions .text-link{font-size:12px;gap:13px}.last-bite{display:block;padding-top:50px;padding-bottom:50px}.last-bite h2{font-size:45px}.last-bite>.text-link{margin-top:23px;font-size:13px}.footer-main{flex-wrap:wrap;gap:22px;justify-content:space-between}.footer-main>.brand .brand-image{width:165px;background-size:300px}.footer-main>p{font-size:9px}.footer-main nav{margin-left:0;width:100%;padding-top:15px;gap:30px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:12px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom a{margin-left:auto}}
@media(max-width:370px){.hero-content .eyebrow{font-size:7px}h1{font-size:54px}.hero-actions{gap:16px}.hero-actions .button{padding:15px}.brand-image{width:142px;background-size:258px}.visit-details{grid-template-columns:1fr}.catering-copy h2{font-size:41px}}
.brand-image{mix-blend-mode:lighten}.topline{font-size:12px;letter-spacing:1.3px}.eyebrow{font-size:12px;letter-spacing:1.6px}.hero-description,.catering-copy>p:not(.eyebrow),.visit-intro{font-size:16px}.hero-proof{font-size:12px;letter-spacing:.7px}.hero-caption>span,.scroll-note,.flavour-strip,.dish-meta,.menu-number,.catering-seal{font-size:12px}.dish-meta{letter-spacing:.8px}.menu-item{font-size:16px}.menu-order{font-size:14px}.visit-details h3{font-size:12px;letter-spacing:1px}.visit-details address,.visit-details a,.hours{font-size:14px}.visit-details .hours-source{font-size:12px}.footer-main>p,.footer-bottom{font-size:12px}
@media(max-width:900px){.hero-proof{max-width:430px}.catering-seal{font-size:12px;letter-spacing:.6px}.visit-details{grid-template-columns:1fr}}
@media(max-width:600px){.topline{font-size:10px}.hero-content .eyebrow{font-size:12px;letter-spacing:1.2px;white-space:normal;max-width:300px;line-height:1.5}.hero-content .small-line{flex-shrink:0}.hero-content{padding-bottom:325px}.hero-proof{font-size:11px;letter-spacing:.5px}.hero-proof>div>span{font-size:12px}.hero-actions .button,.header-button{font-size:14px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:14px;gap:8px}.hero-actions .button{gap:13px;padding:15px 16px}.flavour-strip{font-size:12px}.menu-tabs a{font-size:14px}.menu-description{font-size:14px}.catering-actions .button,.catering-actions .text-link,.visit-actions .button,.visit-actions .text-link,.last-bite>.text-link{font-size:14px}.catering-actions{gap:20px}.catering-actions .button{gap:12px}.catering-copy>p:not(.eyebrow){font-size:16px}.visit-details{grid-template-columns:1fr}.visit-details h3{font-size:12px}.visit-details address,.visit-details a,.hours{font-size:14px}.visit-details .hours-source{font-size:12px}.visit-intro{font-size:16px}.footer-main>p{font-size:12px}.footer-main nav{font-size:14px}.footer-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}