html[data-site-entry] .site-preloader{display:grid}
/* One quiet brand reveal, driven by real locale/font readiness, never a fake percentage. */
.site-preloader{display:none;position:fixed;inset:0;z-index:1000;place-items:center;padding:28px;background:#fffdfa;color:#60212c;opacity:1;transition:opacity 200ms ease;isolation:isolate}
html[data-theme=dark] .site-preloader{background:#171316;color:#fffdfa}
.entry-composition{display:flex;flex-direction:column;align-items:center;width:min(100%,380px);text-align:center;gap:26px}
.entry-mark{width:58px;aspect-ratio:1;background:currentColor;-webkit-mask:url('/brand/logo-mark.svg') center/contain no-repeat;mask:url('/brand/logo-mark.svg') center/contain no-repeat;animation:entry-arrive 480ms cubic-bezier(.2,.7,.2,1) both}
.entry-wordmark{width:min(70vw,236px);aspect-ratio:924/353;background:currentColor;-webkit-mask:url('/brand/logo.svg') center/contain no-repeat;mask:url('/brand/logo.svg') center/contain no-repeat;animation:entry-arrive 560ms cubic-bezier(.2,.7,.2,1) both}
.entry-rule{position:relative;overflow:hidden;width:104px;height:1px;background:#d7c5c2;margin-top:5px}
.entry-rule:after{content:'';position:absolute;inset:0;background:currentColor;transform:translateX(-100%);animation:entry-progress 1200ms ease-in-out 3}
.entry-category{margin:0;font:400 11px/1.8 'IBM Plex Sans Arabic',Inter,sans-serif;letter-spacing:0;color:#765c62}
.entry-category [lang=en]{font-family:Inter,sans-serif;font-size:9px;letter-spacing:.12em}
html[data-theme=dark] .entry-category{color:#c9b7bd}
.entry-status{margin:0;font:400 12px/1.8 'IBM Plex Sans Arabic',Inter,sans-serif;color:inherit}
.entry-status [lang=en]{font-family:Inter,sans-serif;font-size:11px}
html[lang=ar] .entry-en,html[lang=en] .entry-ar{display:none!important}
.entry-recovery{display:none;max-width:340px}
.entry-recovery p{font:400 14px/1.8 Inter,'IBM Plex Sans Arabic',sans-serif;margin:0 0 15px}
.entry-recovery-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.entry-recovery button{font:400 13px/1.6 Inter,'IBM Plex Sans Arabic',sans-serif;min-height:44px;padding:10px 16px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.entry-recovery button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.site-preloader[data-recovery=true] .entry-recovery{display:block}
.site-preloader[data-recovery=true] :is(.entry-rule,.entry-status){display:none}
html[data-site-entry=leaving] .site-preloader{opacity:0;pointer-events:none}
@keyframes entry-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes entry-progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.site-preloader,.entry-mark,.entry-wordmark,.entry-rule:after{animation:none;transition:none}.entry-rule:after{transform:none}}
@media(forced-colors:active){.site-preloader{background:Canvas!important;color:CanvasText!important}.entry-category{color:CanvasText!important}.entry-mark,.entry-wordmark{forced-color-adjust:none;background:CanvasText}.entry-rule{background:CanvasText}}

.entry-wordmark>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}