:root{--bg:#f7efe6;--bg-soft:#fbf6f0;--bg-deep:#f0e4d6;--logo-bg:#fbf8f3;--ink:#2a211c;--ink-soft:#5c4c44;--ink-muted:#8a7870;--rose:#c48a72;--rose-deep:#a06550;--rose-soft:#edd9cf;--line:#2a211c1f;--line-soft:#a0655066;--surface:#fffffff0;--surface-solid:#fffcf8;--on-accent:#fffcf8;--page-pad:clamp(18px, 4.5vw, 28px);--radius-logo:26px;--radius-shot:18px;--radius-card:20px;--font:"Tajawal", "IBM Plex Sans Arabic", sans-serif;--font-latin:"Montserrat", "Tajawal", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;overflow-x:hidden}img{max-width:100%}a:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.shell{isolation:isolate;min-height:100%;position:relative;overflow:clip}.bg{z-index:0;pointer-events:none;background:var(--bg);min-height:100%;position:absolute;inset:0;overflow:hidden}.bg-wash{background:radial-gradient(90% 55% at 50% -5%,#fffcf8f2 0%,#0000 55%),radial-gradient(70% 45% at 100% 30%,#edd9cf66 0%,#0000 50%),radial-gradient(60% 40% at 0 70%,#f0e4d673 0%,#0000 48%),linear-gradient(#fbf8f3 0%,#f7efe6 45%,#f0e4d6 100%);position:absolute;inset:0}.bg-grain{opacity:.32;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.bg-flourish{width:min(160px,38vw);color:var(--rose-deep);opacity:.22;position:absolute}.bg-flourish--tl{top:4%;inset-inline-start:2%;transform:rotate(-18deg)}.bg-flourish--br{bottom:8%;opacity:.18;inset-inline-end:1%;transform:rotate(155deg)}.bg-arc{border:1px solid #a065501f;border-radius:50%;width:min(720px,140vw);height:min(420px,70vw);position:absolute;top:-12%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #fffcf859,0 0 80px #a065500f}.page{z-index:1;width:min(100%,560px);margin:0 auto;padding:clamp(32px,7vw,56px) 0 clamp(40px,8vw,72px);position:relative}.skip-link{z-index:100;background:var(--ink);color:var(--on-accent);inset-inline-start:1rem;border-radius:999px;padding:.6rem 1rem;font-size:.88rem;font-weight:500;text-decoration:none;position:absolute;top:-3.5rem}.skip-link:focus{top:1rem}.brand{text-align:center;padding:0 var(--page-pad);animation:brand-rise 1s var(--ease-out) both;isolation:isolate;position:relative}.brand:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 50% at 50% 42%,#fffcf8f2 0%,#f7efe68c 38%,#0000 72%);width:min(28rem,120%);height:min(22rem,70vw);position:absolute;top:4%;left:50%;transform:translate(-50%)}.logo-wrap{background:var(--logo-bg);border:1px solid var(--line);border-radius:var(--radius-logo);width:min(44vw,176px);margin:.15rem auto 1.4rem;overflow:hidden;box-shadow:0 0 0 1px #fffcf873,0 14px 36px #2a211c14}.logo-wrap img{object-fit:contain;aspect-ratio:1;background:var(--logo-bg);width:100%;height:auto;display:block}.brand h1{letter-spacing:.06em;color:var(--ink);margin:0;font-size:clamp(1.75rem,6.2vw,2.35rem);font-weight:800;line-height:1.35}.english-name{font-family:var(--font-latin);letter-spacing:.38em;text-indent:.38em;text-transform:uppercase;color:var(--rose-deep);margin-top:.55rem;font-size:clamp(.7rem,2.1vw,.8rem);font-weight:500}.brand-rule{background:var(--rose-deep);opacity:.35;width:2.5rem;height:1px;margin:1.15rem auto 0}.tagline{color:var(--ink-soft);letter-spacing:.02em;margin-top:.85rem;font-size:clamp(.92rem,2.8vw,1rem);font-weight:400;line-height:1.75}.primary-cta{background:var(--rose-deep);min-height:3.1rem;color:var(--on-accent);font-family:var(--font);letter-spacing:.02em;transition:background .22s ease, transform .22s var(--ease-out), box-shadow .22s ease;border:1px solid #2a211c14;border-radius:999px;justify-content:center;align-items:center;margin-top:1.45rem;padding:.75rem 1.7rem;font-size:1.02rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #a0655047}.primary-cta:hover,.primary-cta:focus-visible{background:#8a5442;outline:none;transform:translateY(-2px);box-shadow:0 12px 28px #a0655057}@keyframes brand-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.marquee-section{direction:ltr;gap:12px;width:100vw;margin:clamp(1.75rem,4vw,2.25rem) calc(50% - 50vw) .35rem;display:grid}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.track{will-change:transform;width:max-content;animation:22s linear infinite marquee;display:flex}.marquee.reverse .track{animation-name:marquee-reverse;animation-duration:26s}.set{gap:12px;padding-inline-end:12px;display:flex}.shot{flex-shrink:0;margin:0;position:relative}.shot img{object-fit:cover;border:1px solid var(--line-soft);border-radius:var(--radius-shot);width:clamp(108px,28vw,152px);height:clamp(138px,36vw,192px);transition:transform .35s var(--ease-out);display:block;box-shadow:0 6px 18px #2a211c0f}.shot:hover img{transform:scale(1.02)}.marquee:hover .track,.marquee:focus-within .track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.badge{color:var(--ink);pointer-events:none;border:1px solid var(--line);letter-spacing:.01em;background:#fffcf8f0;border-radius:999px;max-width:calc(100% - 14px);padding:5px 10px 6px;font-size:clamp(.6rem,2.1vw,.7rem);font-weight:700;line-height:1.2;position:absolute;bottom:9px;right:8px;box-shadow:0 4px 12px #2a211c14}.badge:before{content:"· ";color:var(--rose-deep);font-weight:800}.invite{text-align:center;padding:clamp(1.5rem, 4vw, 2rem) var(--page-pad) 0;color:var(--rose-deep);letter-spacing:.02em;font-size:clamp(1rem,3vw,1.1rem);font-weight:500}.links{padding:1rem var(--page-pad) 0;gap:11px;display:grid}.link{color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);min-height:68px;transition:transform .22s var(--ease-out), background .22s ease, border-color .22s ease;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex;box-shadow:0 8px 22px #2a211c0a}.link:hover,.link:focus-visible{background:var(--surface-solid);border-color:#2a211c33;outline:none;transform:translateY(-2px)}.link--primary{background:var(--rose-deep);border-color:#0000;box-shadow:0 10px 24px #a0655042}.link--primary:hover,.link--primary:focus-visible{background:#8a5442}.link--primary .icon{color:var(--on-accent);background:#fffcf833;border-color:#fffcf847}.link--primary .label strong,.link--primary .label small{color:var(--on-accent)}.link--primary .label small{opacity:.82}.icon{color:var(--rose-deep);background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;place-items:center;width:46px;min-width:46px;height:46px;transition:background .22s,border-color .22s,color .22s;display:grid;overflow:hidden}.icon svg{width:22px;height:22px;display:block}.icon--snap{color:var(--rose-deep);background:var(--bg-soft);border:1px solid var(--line);padding:0;overflow:hidden}.icon--snap svg{width:22px;height:22px;display:block}.link:hover .icon,.link:focus-visible .icon{background:var(--rose-soft);border-color:#2a211c2e}.label{text-align:right;flex-direction:column;flex:1;gap:3px;line-height:1.25;display:flex}.label strong{font-size:1.06rem;font-weight:700}.label small{font-family:var(--font-latin);letter-spacing:.08em;color:var(--ink-muted);font-size:.86rem;font-weight:400}.map-section{padding:clamp(1.35rem, 3.5vw, 1.75rem) var(--page-pad) 0}.map-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 8px 22px #2a211c0a}.map-frame{aspect-ratio:16/11;background:linear-gradient(#f7efe68c,#0000 45%),#efe6dc;width:100%;position:relative}.map-frame iframe{filter:saturate(.78)contrast(.97)brightness(1.02);border:0;width:100%;height:100%;position:absolute;inset:0}.map-open{color:inherit;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 16px;text-decoration:none;transition:background .22s;display:flex}.map-open:hover,.map-open:focus-visible{background:var(--surface-solid);outline:none}.map-open-text{text-align:right;flex-direction:column;gap:3px;min-width:0;line-height:1.25;display:flex}.map-open-text strong{font-size:1.02rem;font-weight:700}.map-open-text small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.map-open-cta{color:var(--on-accent);background:var(--rose-deep);letter-spacing:.01em;transition:background .22s ease, transform .22s var(--ease-out);border-radius:999px;flex-shrink:0;padding:9px 14px;font-size:.8rem;font-weight:700}.map-open:hover .map-open-cta,.map-open:focus-visible .map-open-cta{background:#8a5442;transform:translateY(-1px)}footer{text-align:center;padding:clamp(1.75rem, 4.5vw, 2.25rem) var(--page-pad) 0;color:var(--ink-muted);font-size:.86rem;font-family:var(--font);letter-spacing:.02em;font-weight:400;line-height:1.7}@media (prefers-reduced-motion:reduce){.brand{animation:none}.track{animation:none!important}.shot:hover img{transform:none}}@media (width<=420px){.page{padding-top:clamp(24px,6vw,36px);padding-bottom:clamp(32px,8vw,48px)}.logo-wrap{width:min(40vw,152px);margin-bottom:1.15rem}.brand h1{font-size:clamp(1.55rem,7vw,1.95rem)}.primary-cta{width:min(100%,20rem)}.marquee-section{gap:10px;margin-top:1.4rem}.set{gap:10px;padding-inline-end:10px}.link{min-height:64px;padding:13px 14px}.icon{width:44px;min-width:44px;height:44px}.icon svg,.icon--snap svg{width:20px;height:20px}.map-open{flex-wrap:wrap;gap:10px}.map-open-cta{text-align:center;width:100%;padding:11px 14px}}