/* The original transparent logo is unchanged. A clipped light pass follows its silhouette. */
:root{--header:124px}
.brand.brand-lockup{--brand-logo-size:96px;display:inline-flex;align-items:center;gap:16px;flex-shrink:0;max-width:100%;text-align:right}
.brand-lockup .brand-logo{width:var(--brand-logo-size);height:var(--brand-logo-size);position:relative;display:block;flex:none;isolation:isolate}
.brand-lockup .brand-logo>img{width:100%;height:100%;object-fit:contain}
.brand-logo-glint{position:absolute;inset:0;pointer-events:none;-webkit-mask:url("../media/logo-256.a223fff52fab.webp") center/contain no-repeat;mask:url("../media/logo-256.a223fff52fab.webp") center/contain no-repeat;overflow:hidden}
.brand-logo-glint::after{content:"";position:absolute;inset:-12%;background:linear-gradient(112deg,transparent 36%,#fff8df0a 42%,#fff9e599 50%,#fff8df0a 58%,transparent 64%);transform:translate3d(115%,0,0);animation:brand-light-pass 8s cubic-bezier(.4,0,.2,1) .6s infinite;opacity:0}
@keyframes brand-light-pass{0%,7%{transform:translate3d(115%,0,0);opacity:0}11%{opacity:.85}43%{transform:translate3d(-115%,0,0);opacity:.85}48%,100%{transform:translate3d(-115%,0,0);opacity:0}}
.brand-lockup .brand-copy{display:flex;flex-direction:column;gap:9px;min-width:0}
.brand-lockup .brand-ar{display:block;font: 700 23px/1.45 var(--body-font);letter-spacing:0;white-space:nowrap}
/* The English line shares both edges of the Arabic name, including centered footer lockups. */
.brand-lockup .brand-en{display:block;inline-size:100%;font:400 13.5px/1.5 var(--body-font);letter-spacing:.025em;white-space:nowrap;text-align:justify;text-align-last:justify;opacity:.86}
.brand-lockup.footer-brand{--brand-logo-size:112px;gap:18px}
.footer-brand .brand-ar{font-size:24px}
.footer-brand .brand-en{font-size:14px;color:var(--gold-light);opacity:1}
.portal-header .brand-lockup{--brand-logo-size:88px}
.portal-header .brand-lockup .brand-ar{font-size:22px}
.assistant-header .brand-lockup{--brand-logo-size:88px}
.assistant-header:has(.brand-lockup){flex-wrap:wrap}
@media(max-width:1180px){.footer-columns{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){
 :root{--header:108px}
 .site-header{padding-inline:4vw;gap:10px}
 .brand.brand-lockup{--brand-logo-size:76px;gap:10px}
 .brand-lockup .brand-copy{gap:7px}
 .brand-lockup .brand-ar,.portal-header .brand-lockup .brand-ar{font-size:19px}
 .brand-lockup .brand-en{font-size:11.5px;letter-spacing:.01em}
 .brand-lockup.footer-brand{--brand-logo-size:94px;gap:14px}
 .footer-brand .brand-ar{font-size:22px}.footer-brand .brand-en{font-size:13px}
 .portal-header .brand-lockup,.assistant-header .brand-lockup{--brand-logo-size:76px}
 .portal-header{row-gap:16px}
 .assistant-header:has(.brand-lockup)>div{margin-inline-start:auto}
}
@media(max-width:600px){.site-header .mobile-service-entry{display:none}.site-header .menu-toggle{margin-inline-start:auto;flex:none;padding:10px}}
@media(max-width:400px){
 .brand.brand-lockup{--brand-logo-size:68px;gap:9px}
 .brand-lockup .brand-ar,.portal-header .brand-lockup .brand-ar{font-size:18px}
 .brand-lockup .brand-en{font-size:11px;letter-spacing:0}
 .brand-lockup.footer-brand{--brand-logo-size:80px;gap:12px}
 .footer-brand .brand-ar{font-size:19px}.footer-brand .brand-en{font-size:11.5px}
}
@media(max-width:350px){
 :root{--header:98px}
 .site-header{padding-inline:3vw;gap:6px}
 .brand.brand-lockup{--brand-logo-size:58px;gap:7px}
 .brand-lockup .brand-ar,.portal-header .brand-lockup .brand-ar{font-size:17px}
 .brand-lockup .brand-en{font-size:10.5px}
 .brand-lockup.footer-brand{--brand-logo-size:72px}.footer-brand .brand-ar{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.brand-logo-glint{display:none}.brand-logo-glint::after{animation:none}}
@media print{.brand-logo-glint{display:none}}