html.site-loading { overflow: hidden; background: #f3f0e9; }
.site-loading body > :not(.site-loader) { visibility: hidden; }
.site-loader { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: #f3f0e9; color: #302c26; opacity: 1; transition: opacity .4s ease; }
.site-loader-content { width: min(260px, 70vw); text-align: center; }
.site-loader-brand { display: flex; flex-direction: column; align-items: center; }
.site-loader-brand > span { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(36px, 7vw, 46px); font-weight: 400; line-height: 1.2; letter-spacing: .1em; white-space: nowrap; }
.site-loader-brand small { margin-top: 8px; font-family: Manrope, Arial, sans-serif; font-size: 8px; letter-spacing: .38em; }
.site-loader-content p { max-width: none; margin: 48px 0 20px; font-family: Manrope, 'Noto Sans Arabic', Arial, sans-serif; font-size: 11px; letter-spacing: .04em; color: #716b61; }
.site-loader-track { height: 1px; background: #d5cfc4; overflow: hidden; }
.site-loader-track i { display: block; width: var(--load-progress, 0%); height: 100%; background: #8e6d4e; transition: width .25s ease; }
.site-loader-progress { display: block; margin-top: 14px; font-family: Manrope, Arial, sans-serif; font-size: 10px; font-variant-numeric: tabular-nums; color: #716b61; }
.site-loader.is-complete { opacity: 0; pointer-events: none; }
.site-loader-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { .site-loader, .site-loader-track i { transition: none; } }