:root{--hh:74px;--c-bg:var(--bg);--c-ink:var(--cream);--c-mute:var(--muted);--c-acc:var(--y);--c-line:var(--line)}
html[lang=ar]{--serif:'Noto Kufi Arabic',sans-serif;--sans:'Noto Kufi Arabic','Archivo',sans-serif}
html[lang=ar] body{letter-spacing:0}
html[lang=ar] .eyebrow{letter-spacing:0}
.site-h .lang-b{font:600 14px/1 var(--ar);padding:12px 15px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(244,236,220,.22);min-height:44px}
html[lang=ar] .site-h .lang-b{font-family:'Archivo',sans-serif}
.site-h .lang-b:hover{box-shadow:inset 0 0 0 1px var(--y);color:var(--y)}
.nav a[aria-current]{opacity:1;color:var(--y)}
@media (max-width:960px){.site-h .lang-b{margin-left:auto}html[dir=rtl] .site-h .lang-b{margin-left:0;margin-right:auto}.burger{margin-left:10px}html[dir=rtl] .burger{margin-left:0;margin-right:10px}}
html[dir=rtl] .nav{margin-left:0;margin-right:auto}
.wm-b{display:none}
/* cream pages: the same header in brown ink */
body.paper{--paper:#F1E8D6;--ink:#3B200D;--ink2:#6E5641;--hair:rgba(59,32,13,.16)}
body.paper .site-h{color:var(--ink)}
body.paper .site-h.solid{background:rgba(241,232,214,.94);box-shadow:0 1px 0 var(--hair)}
body.paper .wm-y{display:none}body.paper .wm-b{display:block}
body.paper .nav a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:7px}
body.paper .nav a:hover{color:var(--ink)}
body.paper .open-pill,body.paper .site-h .lang-b,body.paper .burger{box-shadow:inset 0 0 0 1px var(--hair)}
body.paper .site-h .lang-b:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
body.paper .burger i{background:var(--ink)}
body.paper .sheet{background:var(--paper);color:var(--ink)}
#st{display:block}
.st-img{display:block;position:relative;overflow:hidden;background:#24150b}
.st-img img{width:100%;height:100%;object-fit:cover}
:focus-visible{outline:2px solid var(--y);outline-offset:3px}
body.paper :focus-visible{outline-color:var(--ink)}

/* shared closing: one photo seen through the U */
.st-close{background:var(--c-bg);color:var(--c-ink);padding:clamp(90px,12vw,170px) 0 clamp(80px,10vw,140px);position:relative;overflow:hidden}
.st-close .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,100px);align-items:center}
.st-close .eyebrow{color:var(--c-acc)}
.st-close h2{font:400 clamp(54px,7.4vw,118px)/.92 var(--serif);letter-spacing:-.015em;margin:22px 0 26px}
html[lang=ar] .st-close h2{font-weight:600;line-height:1.15;letter-spacing:0}
.st-close h2 em{font-style:italic;color:var(--c-acc)}
html[lang=ar] .st-close h2 em{font-style:normal}
.st-close p{font-size:clamp(17px,1.35vw,20px);color:var(--c-mute);max-width:30em}
.st-close .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.st-close .btn.ghost{color:var(--c-ink);box-shadow:inset 0 0 0 1.5px var(--c-line)}
.st-close .sign{display:block;margin-top:40px;font:650 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--c-mute)}
html[lang=ar] .st-close .sign{letter-spacing:0;font-size:14px}
.st-uwin{position:relative;aspect-ratio:1/1.02;max-width:520px;width:100%;justify-self:center}
.st-uwin .ph{position:absolute;inset:0;-webkit-mask:var(--umask) center/contain no-repeat;mask:var(--umask) center/contain no-repeat;background-size:cover;background-position:50% 60%;transform:scale(1.02);transition:background-position 1.6s cubic-bezier(.2,.7,.2,1)}
.st-uwin .cap{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font:500 13px/1.3 var(--sans);color:var(--c-mute);white-space:nowrap}
.st-uwin .uv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s cubic-bezier(.45,0,.25,1)}.st-uwin .uv.on{opacity:1}
.st-close.rv .st-uwin .ph{background-position:50% 40%}
.st-close.rv.in .st-uwin .ph{background-position:50% 60%}
@media (max-width:820px){.st-close .wrap{grid-template-columns:1fr}.st-uwin{max-width:340px;order:-1;margin-bottom:10px}}

/* shared lightbox */
.st-lb{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:clamp(16px,4vw,60px);background:rgba(10,6,3,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .45s}
.st-lb.on{opacity:1;pointer-events:auto}
.st-lb figure{max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;gap:14px;transform:scale(.96);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.st-lb.on figure{transform:none}
.st-lb img{max-height:calc(100vh - 160px);width:auto;max-width:100%;object-fit:contain;border-radius:6px;margin:0 auto}
.st-lb figcaption{color:var(--cream);text-align:center;font:400 16px/1.5 var(--sans)}
.st-lb figcaption b{display:block;font:400 26px/1.15 var(--serif);margin-bottom:4px}
.st-lb .x{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(244,236,220,.3);color:var(--cream);font-size:26px}
html[dir=rtl] .st-lb .x{right:auto;left:18px}

/* brand map */
.v-map{--m-bg:#2A1910;--m-road:#3B200D;--m-ink:var(--y);--m-txt:var(--cream);position:relative;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -40px #000,inset 0 0 0 1px var(--line)}
.v-map svg{display:block;width:100%;height:auto}
.v-map .m-bg{fill:var(--m-bg)}.v-map .m-grid{stroke:var(--m-ink);stroke-opacity:.05;stroke-width:1}
.v-map .m-road{stroke:var(--m-road);fill:none;stroke-linecap:round}
.v-map .m-mid{stroke:var(--m-ink);stroke-opacity:.35;stroke-width:1.5;stroke-dasharray:10 12;fill:none}
.v-map .m-lane{stroke:var(--m-ink);stroke-width:2;fill:none;stroke-dasharray:4 5}
.v-map .m-arrh{fill:var(--m-ink)}
.v-map .m-bld{fill:var(--m-ink);fill-opacity:.12;stroke:var(--m-ink);stroke-width:2}
.v-map .m-bld2{fill:var(--m-txt);fill-opacity:.04;stroke:var(--m-txt);stroke-opacity:.45;stroke-width:1.5}
.v-map .m-thin{stroke:var(--m-ink);stroke-opacity:.6;stroke-width:1.2;fill:none}
.v-map .m-thin2{stroke:var(--m-txt);stroke-opacity:.25;stroke-width:1;fill:none}
.v-map .m-palm{stroke:var(--m-ink);stroke-opacity:.7;stroke-width:1.4;fill:var(--m-ink);fill-opacity:.7}
.v-map .m-comp circle{fill:none;stroke:var(--m-txt);stroke-opacity:.35}.v-map .m-comp path{fill:var(--m-ink)}
.v-map text{fill:var(--m-txt);font-family:var(--sans)}
.v-map .m-lbl{font-size:20px;font-weight:700;letter-spacing:.16em}
.v-map .m-lbl.b{fill:var(--m-ink)}
.v-map .m-sm{font-size:14px;font-weight:600;letter-spacing:.14em;fill-opacity:.75}
.v-map .m-sm.o{fill-opacity:.5;letter-spacing:.06em}
html[lang=ar] .v-map text{letter-spacing:0;font-family:var(--ar)}
body.paper .v-map{--m-bg:#E9DDC6;--m-road:#d6c4a4;--m-ink:#3B200D;--m-txt:#3B200D;box-shadow:0 30px 60px -40px rgba(59,32,13,.5),inset 0 0 0 1px var(--hair)}

/* toast */
.v-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:95;background:var(--cream);color:var(--brown);font:600 14px/1.4 var(--sans);padding:14px 22px;border-radius:999px;box-shadow:0 20px 40px -14px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;max-width:calc(100vw - 32px);text-align:center;overflow-wrap:anywhere}
.v-toast.on{opacity:1;transform:translate(-50%,0)}
html[lang=ar] .btn{font-family:var(--ar);font-weight:600}
.demo-D{--mono:'IBM Plex Mono',ui-monospace,monospace;--neon:#9BE7F9}
/* the night front */
.d-hero{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#05070f 0%,#0d0c18 34%,#2A1910 62%,#22140D 100%);display:flex;flex-direction:column}
.d-sky{position:absolute;inset:0;pointer-events:none;background:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.7),transparent 2px),radial-gradient(1px 1px at 28% 9%,rgba(255,255,255,.5),transparent 2px),radial-gradient(1px 1px at 47% 22%,rgba(255,255,255,.45),transparent 2px),radial-gradient(1px 1px at 66% 12%,rgba(255,255,255,.6),transparent 2px),radial-gradient(1.5px 1.5px at 83% 20%,rgba(255,255,255,.7),transparent 2px),radial-gradient(1px 1px at 91% 7%,rgba(255,255,255,.5),transparent 2px),radial-gradient(1px 1px at 6% 30%,rgba(255,255,255,.35),transparent 2px)}
.d-front{position:relative;margin:auto auto 0;width:min(1180px,94vw);padding-top:calc(var(--hh) + 9vh)}
.d-halo{position:absolute;left:50%;top:calc(var(--hh) + 2vh);width:90%;height:46vh;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 55%,rgba(252,243,137,.22),rgba(252,200,90,.08) 45%,transparent 70%);opacity:0;transition:opacity 1.6s;pointer-events:none}
.d-on .d-halo{opacity:1}
.d-signrow{position:relative;display:grid;place-items:center;height:clamp(70px,9vw,128px)}
.d-rail{position:absolute;left:3%;right:3%;bottom:0;height:62%;border-top:2px solid #8a6a3a;background:repeating-linear-gradient(90deg,transparent 0 46px,#8a6a3a 46px 48px);-webkit-mask:linear-gradient(#000,#000);opacity:.75}
.d-rail::after{content:'';position:absolute;left:0;right:0;top:44%;border-top:1.5px solid #6e532d}
.d-sign{position:relative;width:min(760px,74%);z-index:2;filter:brightness(.28) saturate(.5);transition:filter .3s}
.d-on .d-sign{filter:saturate(.22) brightness(1.18) drop-shadow(0 0 3px rgba(255,250,200,.95)) drop-shadow(0 0 14px rgba(252,243,137,.85)) drop-shadow(0 0 44px rgba(252,214,120,.55));animation:dflick 1.6s steps(1) both,dhum 5s 1.6s ease-in-out infinite}
@keyframes dflick{0%{opacity:.25}6%{opacity:1}9%{opacity:.35}13%{opacity:1}26%{opacity:.55}29%{opacity:1}100%{opacity:1}}
@keyframes dhum{0%,100%{opacity:1}50%{opacity:.93}}
.d-side{position:absolute;bottom:12%;font:600 clamp(9px,1vw,13px)/1 var(--sans);letter-spacing:.32em;color:#c9b48c;opacity:.35;transition:opacity .8s,text-shadow .8s;z-index:2}
.d-side.l{left:6%}.d-side.r{right:6%}
.d-on .d-side{opacity:1;color:#fff6c4;text-shadow:0 0 8px rgba(252,243,137,.8),0 0 20px rgba(252,243,137,.4)}
.d-slab{position:relative;height:clamp(40px,5vw,64px);border-radius:40px;background:repeating-linear-gradient(90deg,#4a321d 0 4px,#3f2a18 4px 9px);box-shadow:inset 0 -10px 20px rgba(0,0,0,.45),0 16px 30px -10px #000}
.d-slab::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(252,226,150,.45),rgba(252,226,150,0) 70%);opacity:0;transition:opacity 1.6s}
.d-on .d-slab::before{opacity:1}
.d-face{position:relative;margin:0 7%;height:clamp(200px,30vh,320px);background:linear-gradient(180deg,#2a1c11,#2D1B11);display:grid;grid-template-columns:14% 1fr 12% 1fr 14%;gap:0;box-shadow:inset 0 30px 40px -20px rgba(0,0,0,.7)}
.d-wall{background:linear-gradient(180deg,#2b1d12,#22170e)}
.d-win{position:relative;margin:7% 6% 0;background:#0b0705;overflow:hidden;box-shadow:inset 0 0 0 3px #3a2818}
.d-win::before{content:'';position:absolute;inset:0;background:radial-gradient(80% 90% at 50% 80%,rgba(255,190,110,.75),rgba(200,120,60,.35) 55%,rgba(40,20,10,.2));opacity:0;transition:opacity 1.6s .4s}
.d-on .d-win::before{opacity:1}
.d-win::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,#2d1f13 0 3px,transparent 3px 28px),repeating-linear-gradient(0deg,#2d1f13 0 3px,transparent 3px 28px)}
.d-door{margin:7% 10% 0;background:#0b0705;position:relative;box-shadow:inset 0 0 0 3px #3a2818}
.d-door::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,200,120,.5),rgba(180,110,50,.25));opacity:0;transition:opacity 1.6s .6s}
.d-on .d-door::before{opacity:1}
.d-door::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#3a2818}
.d-ground{height:clamp(30px,5vh,56px);margin:0 -10%;background:linear-gradient(180deg,#2a1d13,#22140D);position:relative}
.d-ground::before{content:'';position:absolute;left:20%;right:20%;top:0;height:120px;background:radial-gradient(50% 60% at 50% 0,rgba(255,190,110,.18),transparent 70%);opacity:0;transition:opacity 1.6s}
.d-on .d-ground::before{opacity:1}
/* neon */
.d-neon{position:absolute;z-index:3;left:50%;top:52%;transform:translate(-50%,-50%);padding:.18em .5em .14em;border-radius:.5em;font:400 clamp(30px,4vw,58px)/1 'Monoton',var(--sans);letter-spacing:.06em;color:rgba(155,231,249,.18);box-shadow:inset 0 0 0 3px rgba(155,231,249,.16);transition:color .2s,box-shadow .2s,text-shadow .2s;white-space:nowrap}
html[lang=ar] .d-neon{font:700 clamp(28px,3.6vw,50px)/1.25 var(--ar);letter-spacing:0;padding:.08em .5em .12em}
.d-on .d-neon.op{color:#effcff;text-shadow:0 0 4px var(--neon),0 0 12px var(--neon),0 0 30px var(--neon),0 0 60px rgba(155,231,249,.6);box-shadow:inset 0 0 0 3px #effcff,0 0 8px var(--neon),0 0 26px var(--neon),inset 0 0 18px rgba(155,231,249,.6);animation:dflick 1.4s .5s steps(1) both}
.d-neon.bk{font:600 clamp(16px,1.6vw,22px)/1.2 var(--mono);letter-spacing:.14em;color:rgba(255,190,120,.2);box-shadow:inset 0 0 0 2px rgba(255,190,120,.14);padding:.5em .8em}
html[lang=ar] .d-neon.bk{font:700 clamp(16px,1.6vw,22px)/1.4 var(--ar);letter-spacing:0}
.d-off .d-neon.bk{color:#fff1de;text-shadow:0 0 4px #ffb46e,0 0 14px #ffb46e,0 0 34px rgba(255,160,90,.7);box-shadow:inset 0 0 0 2px #fff1de,0 0 10px #ffb46e,0 0 24px rgba(255,160,90,.6);animation:dflick 1.4s steps(1) both}
/* status band */
.d-band{position:relative;z-index:2;background:#22140D;padding:clamp(34px,5vw,60px) 0 clamp(50px,7vw,90px);border-top:1px solid var(--line)}
.d-band .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,80px);align-items:end}
.d-band h1{font:400 clamp(48px,6.4vw,104px)/.92 var(--serif);letter-spacing:-.02em;margin:16px 0 14px}
html[lang=ar] .d-band h1{font-weight:700;line-height:1.25;letter-spacing:0}
.d-band h1 em{color:var(--y)}html[lang=ar] .d-band h1 em{font-style:normal}
.d-band .live{font-size:clamp(16px,1.3vw,19px);color:var(--muted)}
.d-band .live b{color:var(--cream);font-weight:600}
.d-prev{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
html[dir=rtl] .d-prev{align-items:flex-start}
.d-prev small{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
html[lang=ar] .d-prev small{letter-spacing:0;font-size:12px}
.d-seg{display:flex;gap:4px;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.d-seg button{font:600 14px/1 var(--sans);padding:13px 18px;border-radius:999px;color:var(--muted);min-height:44px}
.d-seg button[aria-pressed=true]{background:var(--y);color:var(--brown)}
.d-band .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
/* letter board */
.d-hrs{padding:clamp(80px,10vw,150px) 0 clamp(50px,7vw,100px)}
.d-hrs .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,100px);align-items:center}
.d-hrs h2{font:400 clamp(44px,5.2vw,84px)/.95 var(--serif);letter-spacing:-.015em;margin:18px 0 22px}
html[lang=ar] .d-hrs h2{font-weight:700;line-height:1.3}
.d-hrs h2 em{color:var(--y)}html[lang=ar] .d-hrs h2 em{font-style:normal}
.d-board{position:relative;padding:clamp(14px,1.6vw,22px);border-radius:8px;background:linear-gradient(135deg,#6b4a2c,#4a321d);box-shadow:0 40px 70px -40px #000,inset 0 1px 0 rgba(255,255,255,.12)}
.d-felt{background:#141110;background-image:repeating-linear-gradient(180deg,#141110 0 22px,#0b0908 22px 26px);padding:clamp(20px,2.6vw,36px) clamp(18px,2.4vw,34px);border-radius:3px;box-shadow:inset 0 0 30px rgba(0,0,0,.8)}
.d-felt .r{display:flex;justify-content:space-between;gap:14px;font:600 clamp(15px,1.6vw,23px)/2.1 var(--mono);color:#f2efe8;letter-spacing:.1em;text-transform:uppercase}
html[lang=ar] .d-felt .r{font-family:var(--ar);letter-spacing:0;font-size:clamp(15px,1.5vw,21px);line-height:2.2}
.d-felt .r.t{justify-content:center;color:#f2efe8;font-size:clamp(17px,2vw,28px);margin-bottom:6px}
.d-felt .r.y{color:var(--y)}
.d-felt .r.s{color:#9a948a;font-size:clamp(12px,1.2vw,16px)}
.d-felt .c{display:inline-block;transform:translateY(-14px) rotate(var(--rt,0deg));opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.d-board.in .d-felt .c{transform:rotate(var(--rt,0deg));opacity:1}
/* the day bar */
.d-day{padding:0 0 clamp(80px,10vw,140px)}
.d-bar{position:relative;height:74px;border-radius:14px;background:linear-gradient(90deg,#f0b77a 0%,#cfe2ea 22%,#bfe0ee 46%,#e7a46a 62%,#5a3a5e 74%,#141a33 86%,#090b18 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[dir=rtl] .d-bar{transform:scaleX(-1)}
.d-ticks{display:flex;justify-content:space-between;margin-top:12px;font:500 12px/1.4 var(--mono);color:var(--muted)}
.d-ticks span b{display:block;color:var(--cream);font-weight:600}
html[lang=ar] .d-ticks{font-family:var(--ar)}
.d-now{position:absolute;top:-10px;bottom:-10px;width:2px;background:var(--cream);box-shadow:0 0 0 3px rgba(34,20,13,.5)}
.d-now span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;font:600 12px/1 var(--sans);padding:7px 10px;border-radius:999px;background:var(--cream);color:var(--brown)}
.d-day h3{font:400 clamp(26px,2.4vw,36px)/1.1 var(--serif);margin-bottom:46px}
html[lang=ar] .d-day h3{font-weight:700;font-size:24px;line-height:1.5}
/* find the glow */
.d-find{padding:0 0 clamp(60px,8vw,110px)}
.d-find .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:center}
.d-find h2{font:400 clamp(40px,4.6vw,74px)/1 var(--serif);letter-spacing:-.01em;margin:18px 0 14px}
html[lang=ar] .d-find h2{font-weight:700;line-height:1.35}
.d-find h2 em{color:var(--y)}html[lang=ar] .d-find h2 em{font-style:normal}
.d-find p{color:var(--muted);font-size:17px;max-width:30em}
.d-ways{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px}
.d-ways div{padding:14px 16px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
.d-ways b{display:block;font:600 15px/1.2 var(--sans)}
.d-ways span{font-size:13.5px;color:var(--muted)}
.d-find .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
@media (max-width:860px){
 .d-hero{min-height:70vh}
 .d-front{width:160vw;margin:auto 0 0 -30vw;padding-top:calc(var(--hh) + 10vh)}
 .d-signrow{height:clamp(44px,13vw,70px)}
 .d-sign{width:50%}
 .d-side{display:none}
 .d-slab{height:30px}
 .d-face{margin:0 6%;height:auto;aspect-ratio:3.6/1;grid-template-columns:14% 1fr 12% 1fr 14%}
 .d-neon{font-size:22px}
 .d-band .wrap,.d-hrs .wrap,.d-find .wrap{grid-template-columns:1fr}
 .d-prev{align-items:flex-start}
 .d-felt .r{font-size:13px;letter-spacing:.06em}
 .d-ticks span:nth-child(2n){display:none}
}
/* The U window: the films sit in a plain box and a cover with a U-shaped hole
   lies on top. A CSS mask on the films let a starting video flash outside the U. */
.st-uwin .ph{-webkit-mask:none;mask:none;overflow:hidden;transform:none;inset:1px}
.st-uwin:after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;background:var(--c-bg);
 -webkit-mask-image:linear-gradient(#000 0 0),var(--umask);mask-image:linear-gradient(#000 0 0),var(--umask);
 -webkit-mask-size:100% 100%,contain;mask-size:100% 100%,contain;-webkit-mask-position:0 0,center;mask-position:0 0,center;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}
.st-uwin .cap{z-index:3}

/* Find us: the real Google map, painted in the page's brown so it reads like part of the poster.
   The map itself is still; the yellow button opens the live one. */
.d-gmap{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#2a1810;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.d-gmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;filter:sepia(1) saturate(1.5) hue-rotate(-8deg) brightness(.55) contrast(1.35)}
.d-gmap:before{content:"";position:absolute;inset:0;z-index:1;background:rgba(59,32,13,.35);mix-blend-mode:multiply;pointer-events:none}
.d-gmap:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:22px;background:radial-gradient(ellipse at 50% 48%,transparent 40%,rgba(34,20,13,.9) 100%);box-shadow:inset 0 0 0 1px rgba(252,243,137,.16)}
.d-gmap .pin{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.d-gmap .pin img{width:48px;height:48px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.65))}
.d-gmap .pin b{font:650 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--y);background:rgba(34,20,13,.9);padding:8px 11px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(252,243,137,.25)}
.d-gmap a{position:absolute;left:14px;bottom:14px;z-index:3;font:650 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brown);background:var(--y);padding:11px 14px;border-radius:999px}
.d-gmap a:hover{transform:translateY(-1px)}
@media (max-width:760px){.d-gmap{aspect-ratio:1}}

/* Good to know: the short practical answers (parking, prayer, Wi-Fi, kids) from the admin */
.d-know{padding:0 0 clamp(70px,9vw,130px)}
.d-know h2{font:400 clamp(38px,4.4vw,70px)/1 var(--serif);letter-spacing:-.01em;margin:18px 0 28px}
html[lang=ar] .d-know h2{font-weight:700;line-height:1.35}
.d-know h2 em{color:var(--y)}html[lang=ar] .d-know h2 em{font-style:normal}
.d-qa{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.d-qa div{padding:20px 22px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(180deg,rgba(252,243,137,.03),transparent)}
.d-qa b{display:block;font:600 16px/1.3 var(--sans);margin-bottom:8px}
.d-qa p{font-size:15px;line-height:1.55;color:var(--muted)}