/* APPROVED AL AZEEM IDENTITY · 25 OCTOBER 2026
   Corporate banner & falcon artwork is not redrawn or modified.
   Shared styles apply to existing sector pages without touching their content. */
:root { --brand-navy:#001d4d; --brand-blue:#035fc9; --brand-cyan:#20d0ee; --brand-gold:#bd9140; }
header { min-height:112px; height:auto; padding-top:8px; padding-bottom:8px; }
header .brand { align-items:center; min-width:0; flex-shrink:1; }
/* Existing pages: hide the old emblem and keep text accessible to assistive technology. */
.brand:not(.brand--approved) .brand-logo {display:none!important;}
.brand:not(.brand--approved) .wordmark {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.brand:not(.brand--approved)::before {content:"";display:block;flex:none;width:clamp(220px,28vw,340px);aspect-ratio:2048/682;background:url('/assets/branding/al-azeem-banner-transparent.webp') center / contain no-repeat;}
.brand--approved { display:inline-flex; align-items:center; }
.brand--approved picture {display:block; flex:none; line-height:0;}
.brand--approved img {display:block;width:clamp(220px,28vw,340px);max-width:100%;height:auto;object-fit:contain;}
.brand.footer-brand:not(.brand--approved)::before {width:clamp(175px,18vw,260px);}
.brand.footer-brand.brand--approved img {width:clamp(175px,18vw,260px);}
footer { gap:24px; }
/* Keep navigation legible when banner needs extra horizontal space. */
header nav { flex-wrap:wrap;justify-content:flex-end; gap:12px 25px; }
@media (max-width:950px){ header {flex-wrap:wrap;justify-content:space-between;gap:6px 20px;} header nav {gap:8px 20px;} }
@media (max-width:720px){ header {justify-content:center;padding:12px 6%;}header nav{width:100%;justify-content:center;gap:8px 20px;} .brand:not(.brand--approved)::before,.brand--approved img{width:min(72vw,300px);} footer{gap:18px;} }
@media (max-width:480px){ header nav{justify-content:space-between;gap:8px;font-size:12px;} .brand:not(.brand--approved)::before,.brand--approved img{width:min(78vw,275px);} .brand.footer-brand:not(.brand--approved)::before,.brand.footer-brand.brand--approved img{width:min(43vw,205px);} }