:root{--cream:#fff4e0;--blue:#2340ff;--ink:#141414;--pb:#c9842b;--pink:#ff4f8b}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font:500 17px/1.55 "DM Sans",system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.mark,.facts b{font-family:"Rubik Mono One",Impact,sans-serif;font-weight:400;line-height:1}
.nav{position:fixed;top:12px;left:12px;right:12px;z-index:10;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--cream);border-radius:99px;padding:8px 18px}
.nav a{color:inherit;text-decoration:none;margin-left:16px;font-size:14px}.mark{margin:0!important;font-size:16px!important}.mark span{color:#ffd23a}
.scene{height:400vh;position:relative}
.stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;background:var(--cream)}
.word{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--blue);font-size:clamp(70px,22vw,260px);letter-spacing:-.02em;pointer-events:none}
.row{display:flex}.row i{font-style:normal;display:inline-block;will-change:transform}
.r2{color:var(--ink)}
.orbit{position:relative;width:min(70vw,340px);height:min(70vw,340px);z-index:2}
.ing{position:absolute;left:50%;top:50%;width:min(52vw,250px);margin-left:calc(min(52vw,250px)/-2);will-change:transform}
.ing svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 0 #14141422)}
.kick{position:absolute;bottom:9vh;left:0;right:0;text-align:center;font:700 clamp(18px,4.8vw,30px)/1.2 "DM Sans";padding:0 20px;opacity:0;transform:translateY(20px);transition:.35s;z-index:3}
.kick a{color:var(--blue)}.kick.on{opacity:1;transform:none}
.story{background:var(--blue);color:var(--cream);padding:100px 22px}
.grid{max-width:1100px;margin:auto;display:grid;gap:40px}@media(min-width:900px){.grid{grid-template-columns:1.4fr 1fr}.side{grid-column:1/-1;max-width:640px}}
.big{font-size:clamp(28px,5vw,48px);line-height:1.15;font-weight:700}mark{background:#ffd23a;color:var(--ink);padding:0 .2em}
.facts{display:grid;gap:14px}.facts div{border:2px solid var(--cream);border-radius:20px;padding:16px 20px;display:flex;gap:16px;align-items:center}
.facts b{font-size:34px;color:#ffd23a;min-width:90px}.facts span{font-size:15px}
.menu,.reviews,.visit,.contact{padding:100px 22px}
h2{font-size:clamp(36px,9vw,84px);max-width:1100px;margin:0 auto 14px;letter-spacing:-.03em}
.sub,.halal{max-width:1100px;margin:0 auto 34px;opacity:.75}.halal{margin-top:24px;font-size:14px}
.list{max-width:1100px;margin:auto;border-top:3px solid var(--ink)}
.item{display:grid;gap:4px;padding:22px 4px;border-bottom:3px solid var(--ink)}@media(min-width:760px){.item{grid-template-columns:1.2fr 1fr auto;align-items:center;gap:20px}}
.item h3{font-size:clamp(17px,2.4vw,22px)}.item span{font-weight:700;color:var(--blue);white-space:nowrap}
.item.star{background:var(--pink);color:var(--cream);border-radius:18px;padding:22px 18px;margin:8px -8px;border-bottom:0}.item.star span{color:var(--cream)}
.reviews{background:var(--ink);color:var(--cream)}
.rail{max-width:1100px;margin:auto;display:grid;gap:18px}@media(min-width:760px){.rail{grid-template-columns:1fr 1fr}}
blockquote{border-left:6px solid var(--pb);padding:6px 0 6px 20px;font-size:clamp(19px,2.4vw,24px);font-weight:700}
blockquote:nth-child(2){border-color:var(--pink)}blockquote:nth-child(3){border-color:#ffd23a}blockquote:nth-child(4){border-color:var(--blue)}
cite{display:block;font:400 13px "DM Sans";opacity:.65;margin-top:8px;font-style:normal}
.vgrid{max-width:1100px;margin:auto;display:grid;gap:30px}@media(min-width:860px){.vgrid{grid-template-columns:1fr 1fr;align-items:end}}
.addr{font-size:20px;margin-bottom:22px}
.hours{display:grid;grid-template-columns:auto 1fr;background:#ffd23a;border-radius:24px;padding:24px;gap:10px 22px;font-size:18px}.hours dt{font-weight:700}
.contact{background:var(--pink);color:var(--cream);text-align:center}.contact h2{margin-bottom:10px}.contact p{margin-bottom:22px}
.btn{display:inline-block;background:var(--blue);color:var(--cream);text-decoration:none;font-weight:700;padding:14px 26px;border-radius:14px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin:6px}
.btn.light{background:var(--cream);color:var(--ink)}.btn.sm{padding:9px 16px;font-size:14px}.btn.out{background:transparent;color:var(--cream);border-color:var(--cream);box-shadow:none}
.mill{background:var(--ink);color:var(--cream);padding:26px 22px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:14px}
.reveal{opacity:0;transform:translateY(30px) rotate(.6deg);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.scene{height:auto}.stick{position:relative;height:auto;min-height:100vh;padding:120px 0 140px}.kick{transition:none}html{scroll-behavior:auto}}
/* shared burger-scroll hero */
.bs-stage{position:relative;height:100vh;height:100svh;background:#000;overflow:hidden}
#seq{position:absolute;inset:0;width:100%;height:100%;display:block}
.bs-copy{position:absolute;left:0;right:0;top:70px;text-align:center;padding:0 16px;pointer-events:none;text-shadow:0 2px 12px #000;color:#fff}
.bs-copy .kicker{color:#ffd23a;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:12px}
.bs-copy h1{font-family:"Rubik Mono One",Impact,sans-serif;font-weight:400;line-height:1;font-size:clamp(28px,6vw,60px);margin:6px 0}.bs-copy h1 span{color:#ffd23a}
.bs-steps{list-style:none;padding:0;margin:6px auto 0;height:1.6em;position:relative}
.bs-steps li{position:absolute;inset:0;opacity:0;font-weight:700;color:#ffd23a;transition:opacity .2s}
.bs-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;background:#ffd23a;color:var(--ink);font-weight:700;padding:10px 18px;border-radius:999px;white-space:nowrap;transition:opacity .3s}
.bs-hint span{display:inline-block;animation:bsbob 1.2s infinite}@keyframes bsbob{50%{transform:translateY(4px)}}
body.built .bs-hint{opacity:0}
@media(min-width:760px){.bs-copy{left:4vw;right:auto;top:50%;transform:translateY(-50%);width:30vw;text-align:left}.bs-copy h1{font-size:clamp(34px,4.2vw,68px)}.bs-steps{margin-left:0}}