@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff")}@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2) format("woff2"),url(/assets/dm-serif-display-latin-400-normal-_kVFYEpx.woff) format("woff")}@font-face{font-family:"DM Serif Display";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-italic-DpcbibHm.woff2) format("woff2"),url(/assets/dm-serif-display-latin-400-italic-BgxzcTJK.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2) format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff) format("woff")}:root{--page: #fbfcff;--ink-sky: #f7faff;--ink-sky-soft: rgba(255,255,255,.8);--ink-cloud: #13215a;--ink-cloud-soft: rgba(19,33,90,.7);--shade-sky: rgba(8,24,110,.42);--glow-cloud: rgba(255,255,255,.75);--glass: rgba(255,255,255,.34);--glass-hover: rgba(255,255,255,.52);--glass-edge: rgba(255,255,255,.62);--focus-sky: #f7faff;--focus-cloud: #13215a;--gloss-hi: rgba(255,255,255,.62);--gloss-lo: rgba(255,255,255,.18);--tape-shadow-far: rgba(19,33,90,.28);--tape-shadow-near: rgba(19,33,90,.16);--pill-shadow: rgba(19,33,90,.1);--focus-glow: rgba(255,255,255,.85);--font-ar: "Amiri", Georgia, serif;--font-title: "DM Serif Display", Georgia, serif;--font-mono: "Space Mono", "Courier New", monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-move: cubic-bezier(.32, .72, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:clip;background:var(--page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cassetteFloat{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(.3deg)}70%{transform:translateY(-2px) rotate(-.2deg)}}@keyframes swipeGesture{0%{opacity:0;transform:translate(-50%,calc(-50% + 40px))}18%{opacity:1;transform:translate(-50%,calc(-50% + 40px))}78%{opacity:1;transform:translate(-50%,calc(-50% - 30px))}to{opacity:0;transform:translate(-50%,calc(-50% - 50px))}}*{-webkit-tap-highlight-color:transparent}@keyframes swipeFade{0%,to{opacity:0}20%,80%{opacity:1}}@media (prefers-reduced-motion: reduce){.tape>div{animation:none!important}.tape{transition:opacity .28s ease!important}.swipe-hint{animation:swipeFade 2.4s ease forwards!important;transform:translate(-50%,-50%)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tape:focus-visible{outline:none}.tape:focus-visible img{filter:drop-shadow(0 0 1px var(--focus-sky)) drop-shadow(0 0 2px var(--focus-cloud)) drop-shadow(0 0 8px var(--focus-glow)) drop-shadow(0 22px 26px var(--tape-shadow-far))}.tapes.is-idle .tape:focus-visible{z-index:20!important}.tapes.is-idle .tape:focus-visible .tape-lift{transform:translateY(-16px)}.dot:focus-visible,main a:focus-visible,main button:not(.tape):focus-visible{outline:2px solid var(--focus-sky);outline-offset:4px;border-radius:6px}.hdr{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:center;pointer-events:none;padding-top:clamp(1.4rem,3.4vw,2.6rem);color:var(--ink-sky)}.hdr-brand{display:flex;flex-direction:column;align-items:center;gap:.45rem}.hdr-icon{width:clamp(2.1rem,3.2vw,2.6rem);height:auto;filter:drop-shadow(0 2px 10px var(--shade-sky))}.hdr-names{display:flex;flex-direction:column;align-items:center;gap:.3rem}.hdr-names svg{filter:drop-shadow(0 1px 10px var(--shade-sky))}.hdr-label{font:700 clamp(.72rem,.95vw,.84rem)/1.2 var(--font-mono);letter-spacing:.24em;padding-left:.24em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 12px var(--shade-sky)}.hdr-action{position:absolute;top:calc(.6rem + env(safe-area-inset-top,0px));right:max(.6rem,env(safe-area-inset-right,0px));min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 .8rem;pointer-events:auto;cursor:pointer;background:none;border:0;font:italic 400 1rem/1 var(--font-title);color:var(--ink-sky-soft);text-decoration:none;text-shadow:0 1px 10px var(--shade-sky);transition:color .16s ease}.hdr-close{font:400 1.7rem/1 var(--font-title);letter-spacing:0}@media (hover: hover) and (pointer: fine){.hdr-action:hover{color:var(--ink-sky)}}.info{position:absolute;left:0;right:0;bottom:clamp(4.4rem,8vw,5.8rem);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.55rem;color:var(--ink-cloud);pointer-events:none;animation:infoIn .42s var(--ease-out) both}.info>*{pointer-events:auto}.info-titles{display:flex;align-items:baseline;gap:.9rem}.info-title{margin:0;font:italic 400 clamp(1.9rem,3.4vw,2.75rem)/1.05 var(--font-title);letter-spacing:-.01em;text-shadow:0 0 24px var(--glow-cloud)}.info-title-ar{margin:0;font:400 clamp(1.75rem,3.1vw,2.5rem)/1.15 var(--font-ar);color:var(--ink-cloud-soft);text-shadow:0 0 24px var(--glow-cloud)}.info-meta{margin:0;display:flex;gap:1.1rem;font:400 .75rem/1 var(--font-mono);color:var(--ink-cloud-soft)}.info-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem;padding:0 1rem}.pill{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1.05rem;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 6px 20px var(--pill-shadow);color:var(--ink-cloud);text-decoration:none;font:400 .95rem/1 var(--font-title);transition:background-color .16s ease,transform .12s var(--ease-out)}.pill:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.pill:hover{background:var(--glass-hover)}}@keyframes infoIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.social{position:absolute;left:max(clamp(.3rem,2vw,1.6rem),env(safe-area-inset-left,0px));bottom:calc(clamp(.3rem,2vw,1.4rem) + env(safe-area-inset-bottom,0px));z-index:10;display:flex;color:var(--ink-cloud);pointer-events:auto}.social a{width:44px;height:44px;display:grid;place-items:center;color:inherit;opacity:.72;transition:opacity .16s ease,transform .12s var(--ease-out)}.social a:active{transform:scale(.94)}@media (hover: hover) and (pointer: fine){.social a:hover{opacity:1}}.dots{position:absolute;right:max(clamp(.2rem,1.6vw,1.4rem),env(safe-area-inset-right,0px));bottom:calc(clamp(.3rem,2vw,1.4rem) + env(safe-area-inset-bottom,0px));z-index:10;display:flex;pointer-events:auto}.dot{width:32px;height:44px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.dot span{width:8px;height:8px;border-radius:50%;background:var(--ink-cloud);opacity:.3;transform:scale(.7);transition:transform .2s var(--ease-out),opacity .2s ease}.dot[aria-current=true] span{opacity:.9;transform:scale(1)}@media (hover: hover) and (pointer: fine){.dot:hover span{opacity:.6}}@media (max-width: 639px){:root{--stage-shift: 6vh}.hdr{padding-top:calc(1.2rem + env(safe-area-inset-top,0px))}.hdr-icon{width:1.9rem}.hdr-label{font-size:.7rem;letter-spacing:.2em;padding-left:.2em}.info{bottom:calc(4.2rem + env(safe-area-inset-bottom,0px));gap:.4rem}.info-titles{flex-direction:column;align-items:center;gap:.1rem}.info-links{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:.4rem;padding:0 .6rem}.pill{padding:0 .75rem;gap:.4rem;font-size:.9rem}}@media (prefers-reduced-motion: reduce){.info{animation:infoFade .2s ease both}.pill,.social a,.dot span{transition:none}}@keyframes infoFade{0%{opacity:0}to{opacity:1}}html.js:not(.intro-done) .hdr-names svg{visibility:hidden}html.js:not(.intro-done) .tape-lift{opacity:0}html.js:not(.intro-done) .tapes{pointer-events:none}.tape{position:absolute;top:50%;left:50%;display:block;padding:0;border:0;background:none;font:inherit;cursor:pointer;transition:transform .52s var(--ease-move),opacity .3s var(--ease-out)}.tape-lift{transition:transform .26s var(--ease-out)}.tape-tilt{transform-style:preserve-3d;will-change:transform}.tape-float{position:relative}.tape img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 26px var(--tape-shadow-far)) drop-shadow(0 4px 6px var(--tape-shadow-near))}.tape-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;mix-blend-mode:screen;opacity:.8}.tape-band{position:absolute;top:0;bottom:0;left:-60%;width:220%;background:linear-gradient(105deg,transparent 36%,var(--gloss-hi) 46%,var(--gloss-lo) 51%,transparent 60%)}@media (hover: hover) and (pointer: fine){.tapes.is-idle .tape:hover .tape-lift{transform:translateY(-16px)}}.tape:active .tape-lift{transform:translateY(-4px) scale(.985)}@media (prefers-reduced-motion: reduce){.tape{transition:opacity .2s ease}.tape-float{animation:none!important}.tape-lift{transition:none}}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");background-size:180px 180px}main button.dot:focus-visible,main .social a:focus-visible,main a.pill:focus-visible{outline-color:var(--focus-cloud)}@media (max-height: 520px){.hdr{padding-top:max(.6rem,env(safe-area-inset-top,0px))}.hdr-icon{display:none}.hdr-brand{gap:.2rem}.info{bottom:calc(3.2rem + env(safe-area-inset-bottom,0px));gap:.25rem}.info-title{font-size:1.5rem}.info-title-ar{font-size:1.4rem}.info-links{margin-top:.2rem}:root{--stage-shift: 9vh}}