@scope (.alhaqbani-component) {
:scope.alhaqbani-page-intro,:scope.alhaqbani-page-content{--inner-green:#052a24;--inner-gold:#a59048;--inner-paper:#f4f2ee;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;color:var(--inner-green);direction:rtl}
.alhaqbani-page-intro__inner,.alhaqbani-page-content__inner{width:min(100% - 48px,1140px);margin-inline:auto}
:scope.alhaqbani-page-intro{padding-block:64px 72px;background:var(--inner-green);color:#fff}
.alhaqbani-page-intro__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:clamp(40px,7vw,96px);align-items:center}
.alhaqbani-page-intro__inner:not(:has(>figure)){grid-template-columns:minmax(0,1fr)}
.alhaqbani-page-intro__breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 24px;padding:0;list-style:none;color:#c6deda;font-size:13px}
.alhaqbani-page-intro__breadcrumbs li{display:flex;align-items:center;gap:12px}.alhaqbani-page-intro__breadcrumbs li:not(:last-child)::after{content:"/";color:var(--inner-gold)}
.alhaqbani-page-intro__breadcrumbs a:hover{color:#fff}.alhaqbani-page-intro__breadcrumbs a:focus-visible,.alhaqbani-page-content__actions a:focus-visible{outline:3px solid var(--inner-gold);outline-offset:4px}
:scope.alhaqbani-page-intro h1{max-width:16ch;margin:0;font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1.45}.alhaqbani-page-intro__copy>p{max-width:58ch;margin:24px 0 0;color:#c6deda;font-size:clamp(15px,1.5vw,18px);line-height:2}
.alhaqbani-page-intro__media{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;background:#0b3932}.alhaqbani-page-intro__media::before{content:"";position:absolute;z-index:1;inset:16px;border:1px solid rgba(165,144,72,.65);pointer-events:none}.alhaqbani-page-intro__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
:scope.alhaqbani-page-content{padding-block:clamp(64px,8vw,112px);background:#fff}.alhaqbani-page-content__inner{max-width:920px}:scope.alhaqbani-page-content h2{max-width:22ch;margin:0 0 18px;font-size:clamp(28px,4vw,44px);line-height:1.55}.alhaqbani-page-content__date{margin-bottom:28px;color:#5f6e6c;font-size:13px}.alhaqbani-page-content__media{position:relative;aspect-ratio:16/8.5;margin:0 0 clamp(40px,6vw,72px);overflow:hidden;background:var(--inner-paper)}.alhaqbani-page-content__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.alhaqbani-page-content__body{max-width:72ch}.alhaqbani-page-content__section+.alhaqbani-page-content__section{margin-top:40px}.alhaqbani-page-content__section h3{margin:0 0 14px;font-size:clamp(20px,2.5vw,27px);line-height:1.7}.alhaqbani-page-content__section p{margin:0;color:#45615c;font-size:16px;line-height:2.15;white-space:normal}.alhaqbani-page-content__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:48px}.alhaqbani-page-content__actions a{display:inline-flex;min-height:52px;padding:11px 28px;align-items:center;justify-content:center;border:1px solid var(--inner-gold);font-weight:700}.alhaqbani-page-content__cta{background:var(--inner-gold);color:#fff}.alhaqbani-page-content__back{background:#fff;color:var(--inner-green)}
@media(max-width:767px){.alhaqbani-page-intro__inner{grid-template-columns:1fr}.alhaqbani-page-intro__media{max-width:520px}.alhaqbani-page-intro__inner,.alhaqbani-page-content__inner{width:min(100% - 40px,1140px)}}
@media(max-width:389px){.alhaqbani-page-intro__inner,.alhaqbani-page-content__inner{width:calc(100% - 32px)}.alhaqbani-page-intro__actions,.alhaqbani-page-content__actions{display:grid}.alhaqbani-page-content__actions a{width:100%}}
@media(min-width:1024px){:scope.alhaqbani-page-intro{padding-block:82px 88px}}
@media(min-width:1440px){.alhaqbani-page-intro__inner,.alhaqbani-page-content__inner{width:min(100% - 80px,1220px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}

/* Internal routes reuse the same identity with content-driven section heights. */
.alhaqbani-shared-header .e-con,.alhaqbani-shared-footer .e-con{position:static}
.alhaqbani-inner-page .alhaqbani-shared-header .site-header{position:relative;inset:auto;background:#052a24;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px max(24px,calc((100% - 1220px)/2));height:150px}
.alhaqbani-inner-page .alhaqbani-shared-header .site-header .brand{position:relative;inset:auto;transform:none;flex:0 0 238px}
.alhaqbani-inner-page .alhaqbani-shared-header .site-header nav{position:static;width:auto;gap:30px}
.alhaqbani-inner-page .alhaqbani-shared-header .site-header .header-contact,.alhaqbani-inner-page .alhaqbani-shared-header .site-header .search-toggle{position:static;flex-shrink:0}
.alhaqbani-inner-page .alhaqbani-component.section{height:auto;padding:80px max(24px,calc((100% - 1220px)/2))}
.alhaqbani-inner-page .alhaqbani-component.section>h2{font-size:40px;line-height:1.7;margin-bottom:40px}
.alhaqbani-inner-page .alhaqbani-component.about .about-panel{height:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;padding:48px;align-items:center}
.alhaqbani-inner-page .about-panel img{width:100%;height:auto;aspect-ratio:530/678;object-fit:cover}
.alhaqbani-inner-page .about-panel h2{font-size:38px;line-height:1.8}
.alhaqbani-inner-page .about-panel p{width:auto;height:auto;font-size:16px;line-height:2}
.alhaqbani-inner-page .about-panel .about-copy{min-width:0}
.alhaqbani-inner-page .alhaqbani-component.about .vision{position:static;width:auto;height:auto;display:grid;grid-template-columns:30px minmax(0,1fr);gap:20px;margin:48px 0 0}
.alhaqbani-inner-page .vision>div,.alhaqbani-inner-page .vision>img{position:static;width:auto}
.alhaqbani-inner-page .vision>img{width:30px;margin-top:8px}
.alhaqbani-inner-page .vision p{max-width:72ch}
.alhaqbani-inner-page .alhaqbani-component .service-grid,.alhaqbani-inner-page .alhaqbani-component .news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.alhaqbani-inner-page .service-card,.alhaqbani-inner-page .news-card{height:auto;min-width:0}
.alhaqbani-inner-page .service-card h3,.alhaqbani-inner-page .service-card p{width:auto}
.alhaqbani-inner-page .alhaqbani-component.whatsapp{position:fixed;inset:auto 24px 24px auto}
@media(max-width:1399px){
.alhaqbani-inner-page .alhaqbani-shared-header .site-header{height:108px}
.alhaqbani-inner-page .alhaqbani-shared-header .site-header .brand{height:auto}
.alhaqbani-inner-page .alhaqbani-shared-header .site-header .menu-toggle{position:static;flex-shrink:0}
.alhaqbani-inner-page .alhaqbani-shared-header .site-header nav{position:absolute;top:88px;inset-inline:20px;gap:14px}
.alhaqbani-inner-page .alhaqbani-component .service-grid,.alhaqbani-inner-page .alhaqbani-component .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
.alhaqbani-inner-page .alhaqbani-shared-header .site-header{padding:20px;gap:12px}
.alhaqbani-inner-page .alhaqbani-shared-header .site-header .brand{flex-basis:205px;white-space:normal}
.alhaqbani-inner-page .brand strong{font-size:11px}.alhaqbani-inner-page .brand span,.alhaqbani-inner-page .brand small{font-size:8px}.alhaqbani-inner-page .brand i{width:100%}
.alhaqbani-inner-page .alhaqbani-component.section{padding:56px 20px}
.alhaqbani-inner-page .alhaqbani-component.section>h2{font-size:30px}
.alhaqbani-inner-page .alhaqbani-component.about .about-panel{display:flex;padding:28px 22px;gap:28px}
.alhaqbani-inner-page .about-panel h2{font-size:28px}
.alhaqbani-inner-page .alhaqbani-component .service-grid,.alhaqbani-inner-page .alhaqbani-component .news-grid{grid-template-columns:minmax(0,1fr)}
}

.alhaqbani-inner-page .about-media{width:100%;height:auto;aspect-ratio:530/678}
.alhaqbani-inner-page .about-media>img{inset:0;width:100%;height:100%;object-fit:cover}
.alhaqbani-inner-page .alhaqbani-component.about .vision{grid-template-columns:70px minmax(0,1fr)}