
body{margin:0;background:#0E0B16}
a{color:#F2A93B;text-decoration:none}a:hover{color:#FFF3DF}
.kb-nav a{color:#FFF3DF}.kb-nav a:hover{color:#F2A93B}
.kb-solid{transition:transform .2s,box-shadow .2s}.kb-solid:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(242,169,59,.35);color:#1A0E05}
.kb-ghost{transition:background .2s,color .2s}.kb-ghost:hover{background:rgba(255,243,223,.1);color:#FFF3DF}
.kb-card{transition:transform .25s}.kb-card:hover{transform:translateY(-6px)}
.kb-ar{font-family:"Aref Ruqaa",serif;line-height:1.2}
@keyframes kbRise{0%{transform:translate(0,0) scale(.6);opacity:0}18%{opacity:.9}100%{transform:translate(var(--dx,40px),-700px) scale(3);opacity:0}}
@keyframes kbSway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes kbGlow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes kbTwinkle{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes kbMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes kbDrift{0%{transform:translateX(-12%)}100%{transform:translateX(12%)}}
.kb-smoke{position:absolute;bottom:-140px;border-radius:50%;background:radial-gradient(circle,rgba(232,224,244,.30) 0%,rgba(232,224,244,.17) 28%,rgba(232,224,244,.06) 52%,rgba(232,224,244,0) 70%);animation:kbRise 17s linear infinite;pointer-events:none}
.kb-veil{position:absolute;left:-20%;right:-20%;height:200px;background:radial-gradient(ellipse at center,rgba(236,228,250,.16) 0%,rgba(236,228,250,0) 70%);animation:kbDrift 20s ease-in-out infinite alternate;pointer-events:none}
.kb-lantern{transform-origin:top center;animation:kbSway 5.5s ease-in-out infinite}
.kb-glow{animation:kbGlow 2.6s ease-in-out infinite}
.kb-star{animation:kbTwinkle 3s ease-in-out infinite}
.kb-marquee{display:flex;width:max-content;animation:kbMarquee 40s linear infinite}
@keyframes kbPuff{0%{transform:translate(0,0) scale(.35);opacity:0}15%{opacity:.9}100%{transform:translate(var(--dx,20px),-360px) scale(3.6);opacity:0}}
.kb-puff{position:absolute;left:-35px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(242,236,252,.6),rgba(242,236,252,0) 70%);animation:kbPuff 7s ease-out infinite;pointer-events:none}
.kb-edge{position:absolute;top:0;bottom:0;width:22px;z-index:30;pointer-events:none;border-left:2px solid #D4AF6A;border-right:2px solid #D4AF6A;background:#120E1B}
@media (prefers-reduced-motion:reduce){.kb-smoke,.kb-veil,.kb-lantern,.kb-glow,.kb-star,.kb-marquee,.kb-puff{animation:none}.kb-puff{opacity:.3}}
@keyframes kbBubble{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translateY(-60px);opacity:0}}
.kb-bubble{animation:kbBubble 2.6s ease-in infinite}
@keyframes kbPuffLg{0%{transform:translate(0,0) scale(.35);opacity:0}12%{opacity:.95}100%{transform:translate(var(--dx,20px),-520px) scale(5);opacity:0}}
.kb-puff-lg{left:-45px;top:-45px;width:90px;height:90px;animation:kbPuffLg 8.4s ease-out infinite}
@keyframes kbShoot{0%,88%{transform:translate(0,0) rotate(-20deg);opacity:0}90%{opacity:1}100%{transform:translate(360px,130px) rotate(-20deg);opacity:0}}
.kb-shoot{position:absolute;width:140px;height:2px;background:linear-gradient(90deg,rgba(255,243,223,0),#FFF3DF);border-radius:2px;animation:kbShoot 11s linear infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.kb-bubble,.kb-puff-lg,.kb-shoot{animation:none}.kb-shoot{display:none}}
@keyframes kbTierPuff{0%{transform:translate(-50%,50px) scale(.35) rotate(0deg);opacity:0}15%{opacity:.95}45%{transform:translate(calc(-50% + var(--dx,20px) * -.5),-90px) scale(1.5) rotate(25deg);opacity:.8}100%{transform:translate(calc(-50% + var(--dx,20px)),-300px) scale(3.2) rotate(60deg);opacity:0}}
.kb-tierpuff{position:absolute;top:0;width:var(--sz,110px);height:var(--sz,110px);border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 45% 45%,rgba(250,246,255,.85) 0%,rgba(236,228,250,.45) 38%,rgba(236,228,250,0) 70%);animation:kbTierPuff 7.5s cubic-bezier(.25,.6,.4,1) infinite}
@keyframes kbWisp{0%{stroke-dashoffset:520;opacity:0}20%{opacity:.75}80%{opacity:.5}100%{stroke-dashoffset:-520;opacity:0}}
.kb-wisp{position:absolute;left:50%;top:-280px;width:180px;height:340px;transform:translateX(-50%);overflow:visible}
.kb-wisp path{fill:none;stroke:rgba(246,240,255,.85);stroke-linecap:round;stroke-dasharray:260 520;animation:kbWisp 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.kb-tierpuff,.kb-wisp path{animation:none}.kb-tierpuff{opacity:.35}.kb-wisp{display:none}}
@keyframes agRise{0%{transform:translate(0,45vh) scale(.6);opacity:0}18%{opacity:.95}100%{transform:translate(var(--dx,60px),-75vh) scale(2.4);opacity:0}}
@keyframes agDrift{0%{transform:translateX(-15%)}100%{transform:translateX(15%)}}
@keyframes agClear{to{transform:translateY(-35vh) scale(3.4);opacity:0}}
.ag-smoke{position:absolute;top:45%;border-radius:50%;background:radial-gradient(circle,rgba(238,230,252,.5) 0%,rgba(238,230,252,.18) 40%,rgba(238,230,252,0) 68%);animation:agRise 16s linear infinite}
.ag-veil{position:absolute;left:-25%;right:-25%;height:260px;background:radial-gradient(ellipse at center,rgba(238,230,252,.22) 0%,rgba(238,230,252,0) 70%);animation:agDrift 18s ease-in-out infinite alternate}
.ag-root select:focus-visible,.ag-root button:focus-visible{outline:3px solid #34C3B5;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ag-smoke,.ag-veil{animation:none;opacity:.5}.ag-root.ag-leaving .ag-smoke{animation:none}}
@keyframes akLayer{0%{transform:translate3d(-2%,22%,0) scale(1);opacity:0}20%{opacity:var(--op,1)}50%{transform:translate3d(2%,0,0) scale(1.08)}80%{opacity:var(--op,1)}100%{transform:translate3d(-1%,-24%,0) scale(1.18);opacity:0}}
.ag-layer,.kb-layer{position:absolute;left:-22%;top:-22%;width:144%;height:144%;animation:akLayer 26s linear infinite;will-change:transform,opacity}
.kb-layer{opacity:0}
@media (prefers-reduced-motion:reduce){.ag-layer,.kb-layer{animation:none;opacity:.6}}
.ag-root{opacity:1;transition:opacity 1s ease 1.4s}
.ag-root.ag-leaving{opacity:0;pointer-events:none}
@keyframes agBlowCard{0%{transform:scale(1);opacity:1;filter:blur(0)}100%{transform:scale(.6);opacity:0;filter:blur(10px)}}
.ag-root.ag-leaving .ag-card{animation:agBlowCard .7s ease-in forwards}
.ag-root.ag-leaving .ag-stars{transition:opacity 1.2s ease .3s;opacity:0}
@media (prefers-reduced-motion:reduce){.ag-root.ag-leaving .ag-w,.ag-root.ag-leaving .ag-card{animation:none}.ag-root{transition:opacity .4s}}
.ag-w{position:absolute;inset:0}
@keyframes agBlow{0%{transform:translate(0,0) scale(1);opacity:1;filter:blur(0)}30%{opacity:.95}100%{transform:translate(var(--bx,100vw),var(--by,-60vh)) scale(1.7);opacity:0;filter:blur(14px)}}
.ag-root.ag-leaving .ag-w{animation:agBlow 2.1s cubic-bezier(.45,.05,.55,.95) var(--bd,0s) forwards}
.kb-smoke,.kb-veil,.kb-puff,.kb-tierpuff,.ag-smoke,.ag-veil{will-change:transform,opacity;backface-visibility:hidden}
.kb-gated > section,.kb-gated > header,.kb-gated > footer,.kb-gated > .kb-edge,.kb-gated > div[aria-hidden]{visibility:hidden}
@media (max-width:820px){.kb-logo-ar{font-size:15px !important}.kb-logo-en{font-size:13px !important;letter-spacing:.12em !important;white-space:nowrap}header nav{padding:10px 14px !important;gap:10px !important}header .kb-solid{padding:6px 14px !important;font-size:11px !important}.kb-badge{font-size:11px !important;letter-spacing:.08em !important;max-width:100%;box-sizing:border-box}.kb-moon{width:90px !important;height:90px !important;top:18px !important;right:4% !important}.kb-herogrid{padding:48px 20px 24px !important}.kb-orderpanel{padding:40px 22px !important;border-radius:22px !important}header{backdrop-filter:none !important;background:rgba(14,11,22,.97) !important}.kb-burger{display:inline-flex !important}header nav{grid-template-columns:auto 1fr auto !important}header nav > a[href]:not(.kb-solid){grid-column:auto !important}.kb-tiers{grid-template-columns:minmax(0,1fr) !important}.kb-hero-copy{padding-bottom:0 !important}.kb-hk{width:230px !important;height:489px !important}}
@media (max-width:820px){.kb-links{display:none !important}.kb-hero-h{font-size:52px !important}.kb-sec{padding:72px 20px !important}.kb-h2{font-size:36px !important}.kb-facade{grid-template-columns:minmax(0,1fr) !important}.kb-pillar{display:none !important}.kb-arch{height:960px !important;margin:28px 6px 0 !important}.kb-lantern-in{display:none !important}.kb-edge{display:none !important}.kb-hookah{width:180px !important;height:327px !important}.kb-puffs{bottom:350px !important}.kb-navcall{display:none !important}}
@keyframes mapPulse{0%{transform:scale(.6);opacity:.6}100%{transform:scale(2.4);opacity:0}}
.map-pulse{transform-box:fill-box;transform-origin:center;animation:mapPulse 2.2s ease-out infinite}
.map-card{transition:transform .25s}.map-card:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.map-pulse{animation:none}}


/* Menu */


/* Gallery */
.kb-photo img{transition:transform .4s}
.kb-photo:hover img{transform:scale(1.04)}
.kb-photo:focus-visible{outline:3px solid #34C3B5;outline-offset:3px}

/* static-site helpers */
.mn-chip{display:inline-block;border:1px solid rgba(242,169,59,.4);border-radius:999px;padding:9px 16px;font-size:15px}
.sc-if{display:contents}
.sc-if[hidden]{display:none !important}
html{scroll-behavior:smooth}
body{margin:0;background:#0E0B16}
