@import url("https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@500;600;700;800&family=Noto+Kufi+Arabic:wght@800&display=swap");

:root { --yellow:#f6bc00; --ink:#11110f; --cream:#fff4d6; --white:#fffdf6; --red:#c8391f; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--yellow);color:var(--ink);font-family:"Archivo",Arial,sans-serif} a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.checker-top,.checker-corner{background:repeating-conic-gradient(var(--ink) 0 25%,var(--white) 0 50%) 0/22px 22px}.checker-top{height:14px}
header{min-height:108px;padding:16px clamp(22px,5vw,74px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-bottom:2px solid var(--ink)}
.brand{display:flex;align-items:center;gap:15px;font-size:clamp(20px,2vw,33px)}.brand img{width:74px;border-radius:50%}nav{display:flex;gap:40px;font-weight:800;text-transform:uppercase}nav a{border-bottom:2px solid transparent}nav a:hover{border-color:var(--ink)}.header-actions{display:flex;justify-content:flex-end;gap:12px}
.btn{min-height:58px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:2px solid var(--ink);border-radius:6px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;transition:.2s}.btn:hover{transform:translateY(-3px)}.btn:focus-visible,a:focus-visible{outline:4px solid var(--red);outline-offset:4px}.btn.compact{min-height:50px;padding:0 19px;font-size:14px}.dark{background:var(--ink);color:var(--white)}.dark:hover{background:var(--white);color:var(--ink)}.outline{background:transparent}.outline:hover{background:var(--ink);color:var(--white)}.yellow{background:var(--yellow)}.yellow:hover,.light{background:var(--white);color:var(--ink)}
.hero{min-height:760px;display:grid;grid-template-columns:minmax(500px,.94fr) 1.06fr;overflow:hidden}.hero-copy{z-index:2;padding:clamp(50px,6vw,88px) clamp(28px,5vw,74px) 44px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.kicker{margin:0 0 18px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1,h2{margin:0;font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.025em}h1{font-size:clamp(73px,7.4vw,126px);line-height:.89}.lead{max-width:610px;margin:27px 0 24px;font-size:clamp(17px,1.25vw,21px);line-height:1.45;font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:14px}.quick{margin-top:24px;font-size:14px;text-transform:uppercase}.quick p{margin:7px 0}.quick b{display:inline-block;width:76px}
.hero-art{position:relative;min-height:700px;background:#e4a900}.hero-art>img{position:absolute;z-index:1;width:110%;max-width:none;right:-18%;top:15%;filter:drop-shadow(-18px 24px 20px #0005);transform:rotate(2deg)}.dots{position:absolute;width:70%;aspect-ratio:1;top:3%;left:2%;border-radius:50%;background-image:radial-gradient(var(--ink) 1.6px,transparent 2px);background-size:13px 13px;opacity:.42;mask-image:radial-gradient(circle,#000 20%,transparent 70%)}.checker-corner{position:absolute;right:0;bottom:0;width:25%;height:19%;z-index:2}
.sticker{position:absolute;z-index:3;display:grid;place-items:center;text-align:center;font:400 50px/.9 "Anton",Impact,sans-serif;text-transform:uppercase;filter:drop-shadow(5px 7px 0 #0003)}.sticker small{display:block;font:800 14px/1 "Archivo",sans-serif}.ferment{top:7%;right:5%;width:170px;min-height:132px;padding:18px;background:var(--white);border:3px solid var(--ink);transform:rotate(4deg)}.promise{right:7%;bottom:7%;width:176px;height:176px;padding:20px 15px 16px;border-radius:50%;background:var(--ink);color:var(--yellow);border:4px solid var(--yellow);box-shadow:inset 0 0 0 5px var(--ink),inset 0 0 0 7px var(--yellow);transform:rotate(-8deg);align-content:center;gap:1px}.promise .halal-ar{position:relative;z-index:1;display:block;font:800 47px/.95 "Noto Kufi Arabic","Arial",sans-serif;letter-spacing:-.08em;direction:rtl}.promise .halal-en{position:relative;z-index:1;display:block;font:400 25px/.9 "Anton",Impact,sans-serif;letter-spacing:.14em;text-transform:uppercase}.promise small{position:relative;z-index:1;margin-top:8px;color:var(--white);font-size:8px;line-height:1.1;letter-spacing:.06em;text-transform:uppercase}
.ticker{padding:19px 2vw;display:flex;justify-content:space-around;gap:25px;overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--yellow);font-weight:800;text-transform:uppercase}.ticker i{color:var(--white);font-style:normal}
.section{padding:clamp(74px,9vw,138px) clamp(24px,7vw,108px)}.about{display:grid;grid-template-columns:.6fr 1.4fr;gap:7vw;background:var(--cream)}.kicker{font-size:14px}h2{font-size:clamp(61px,8vw,124px);line-height:.9}.big-copy{max-width:790px;margin:40px 0 23px;font-size:clamp(22px,2.3vw,35px);line-height:1.35;font-weight:600}.note{display:inline-block;padding:11px 15px;background:var(--yellow);border:2px solid var(--ink);font-weight:800;transform:rotate(-1deg)}
.menu{background:var(--ink);color:var(--white)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.pizza-grid{margin-top:72px;display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--white)}.pizza-grid article{position:relative;min-height:315px;padding:32px;border-right:2px solid var(--white)}.pizza-grid article:last-child{border:0}.pizza-grid span,.pizza-grid strong{color:var(--yellow);font-weight:800}.pizza-grid h3{margin:55px 0 12px;font:400 clamp(38px,4vw,62px)/1 "Anton";text-transform:uppercase}.pizza-grid p{line-height:1.5;color:#d9d4c8}.pizza-grid strong{position:absolute;right:27px;bottom:24px;font-size:25px}.menu-poster{max-width:980px;margin:68px auto 0;border:10px solid var(--yellow);box-shadow:11px 11px 0 var(--white)}
.visit{background:var(--cream)}.visit-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.address{display:inline-block;margin-top:34px;font-size:clamp(19px,2vw,28px);line-height:1.55;font-weight:700;text-decoration:underline;text-underline-offset:7px}.hours{padding:clamp(27px,4vw,52px);background:var(--yellow);border:3px solid var(--ink);box-shadow:13px 13px 0 var(--ink)}.hours dl{margin:0 0 34px}.hours dl div{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:2px solid var(--ink)}.hours dt{font-weight:700}.hours dd{margin:0;text-align:right}
.order{padding:clamp(64px,8vw,116px) clamp(24px,7vw,108px);display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:45px;border-block:3px solid var(--ink)}.order-links{display:grid;border-top:3px solid var(--ink)}.order-links a{display:flex;justify-content:space-between;padding:24px 4px;border-bottom:3px solid var(--ink);font-size:clamp(20px,2vw,29px);font-weight:800;text-transform:uppercase}
footer{min-height:185px;padding:32px clamp(24px,7vw,108px);display:flex;align-items:center;gap:28px;background:var(--ink);color:var(--white)}footer img{width:90px;border-radius:50%}footer p{font:400 27px/1 "Anton";text-transform:uppercase}footer div{margin-left:auto;display:flex;gap:26px;font-weight:700}
@media(max-width:1000px){header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:590px}.hero-art>img{width:95%;right:-5%;top:6%}.about{grid-template-columns:1fr;gap:28px}.pizza-grid{grid-template-columns:1fr}.pizza-grid article{min-height:240px;border-right:0;border-bottom:2px solid var(--white)}}
@media(max-width:700px){header{min-height:80px;padding:11px 17px}.brand img{width:56px}.brand strong,.header-actions .outline{display:none}.btn.compact{min-height:45px;padding:0 14px}.hero{min-height:auto}.hero-copy{padding:50px 21px 36px}h1{font-size:clamp(60px,18vw,84px)}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .btn{padding:0 10px;font-size:13px}.quick b{display:block}.hero-art{min-height:450px}.hero-art>img{width:120%;right:-25%;top:8%}.ferment{width:112px;min-height:90px;padding:10px;font-size:36px}.ferment small{font-size:9px}.promise{width:122px;height:122px;padding:14px 10px 12px;border-width:3px;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 5px var(--yellow)}.promise .halal-ar{font-size:31px}.promise .halal-en{font-size:18px}.promise small{margin-top:5px;font-size:6px}.section{padding:68px 21px}.section-head,.visit-grid,.order{grid-template-columns:1fr;align-items:start}.section-head{display:grid}.section-head .btn{width:100%}.pizza-grid{margin-top:42px}.menu-poster{margin-top:40px;border-width:6px;box-shadow:6px 6px 0 var(--white)}.hours{box-shadow:7px 7px 0 var(--ink)}.order{gap:34px}footer{align-items:flex-start;flex-wrap:wrap}footer div{width:100%;margin:0;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}