/* The complete corporate lockup, with a permanent Arabic tagline. */
@font-face{font-family:NotoArabic;src:url('../fonts/noto-sans-arabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
.company-logo{display:inline-flex;flex-direction:row;align-items:center;gap:11px;direction:ltr;color:inherit;max-width:100%}.company-logo-icon{width:49px;height:57px;flex-shrink:0}.company-logo-type{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.company-logo-name{font:600 29px/1 Cormorant,Georgia,serif;letter-spacing:.04em}.company-logo-company{font:500 8px/1.2 Inter,Arial,sans-serif;letter-spacing:.16em;white-space:nowrap}.company-logo-tagline{font:400 10px/1.8 NotoArabic,Tahoma,sans-serif;letter-spacing:0;color:var(--bronze-text);white-space:nowrap}.site-footer .company-logo-tagline{color:var(--bronze)}.site-footer .company-logo-name{font-size:34px}.site-footer .company-logo-company{font-size:9px}.mobile-panel-top .company-logo-icon{width:36px;height:45px}.mobile-panel-top .company-logo-name{font-size:25px}.mobile-panel-top .company-logo-company{font-size:7px}.mobile-panel-top .company-logo-tagline{font-size:8px}
html[lang=ar] body{font-family:NotoArabic,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:NotoArabic,Arial,sans-serif;letter-spacing:0;line-height:1.45;font-weight:500}html[lang=ar] h1{font-size:clamp(36px,4.2vw,62px)}html[lang=ar] h2{font-size:clamp(29px,3.1vw,43px)}html[lang=ar] h3{font-size:25px}html[lang=ar] .eyebrow{font-family:NotoArabic,Arial,sans-serif;letter-spacing:0}html[lang=ar] .hero h1{line-height:1.45;font-size:clamp(39px,4.8vw,70px)}html[lang=ar] .hero h1 em{font-style:normal}html[lang=ar] .nav-list{gap:17px}html[lang=ar] .company-logo{font-family:Inter,sans-serif}.language-link{font-size:11px;padding:5px 3px;min-width:20px;line-height:1.2}.language-link[aria-current=page]{color:#E0C4AD}.language-link[lang=ar]{font-family:NotoArabic,sans-serif;font-size:16px}
.pg-leadership-head{padding-block:65px}.pg-leadership-head h1{font-size:72px;line-height:1.06;margin-block-end:25px}.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.leadership-card{position:relative;border:1px solid var(--border);padding:35px;min-height:220px;background:var(--white);border-radius:5px;display:flex;flex-direction:column;justify-content:flex-end}.leadership-number{position:absolute;inset-block-start:24px;inset-inline-end:28px;font:500 31px/1 Cormorant,serif;color:var(--bronze-heading)}.leadership-role{font-size:11px;color:var(--bronze-text);max-width:250px;padding-block-start:32px;margin-block-end:14px}.leadership-card h2{font-size:34px;line-height:1.12}.leadership-rule{width:35px;height:1px;background:var(--bronze);margin-block-start:25px}.leadership-chairman{grid-column:span 2;background:var(--forest);border-color:var(--forest)}.leadership-chairman h2{color:var(--white);font-size:43px}.leadership-chairman .leadership-role,.leadership-chairman .leadership-number{color:var(--bronze)}
@media(max-width:1250px){.header-inner{gap:20px}.nav-list{gap:16px}.company-logo-name{font-size:27px}.company-logo-icon{width:43px;height:53px}.company-logo-company{font-size:7px}}
@media(max-width:800px){.leadership-grid{grid-template-columns:1fr 1fr}.pg-leadership-head h1{font-size:60px}.leadership-card{padding:28px}.leadership-card h2{font-size:31px}}
@media(max-width:600px){.header-inner{gap:13px}.header-inner>.brand{margin-inline-end:auto}.company-logo{gap:7px}.company-logo-icon{width:30px;height:42px}.company-logo-name{font-size:23px}.company-logo-company{font-size:6px;letter-spacing:.08em}.company-logo-tagline{font-size:8px}.header-apply{min-height:36px;padding-inline:9px}.menu-toggle{width:25px}.site-footer .company-logo{gap:12px}.site-footer .company-logo-icon{width:48px;height:58px}.site-footer .company-logo-tagline{font-size:10px}.pg-leadership-head{padding-block:45px}.pg-leadership-head h1{font-size:46px}.leadership-grid{grid-template-columns:1fr}.leadership-chairman{grid-column:auto}.leadership-card{min-height:200px}.leadership-chairman h2{font-size:35px}html[lang=ar] .hero{min-height:790px}html[lang=ar] .hero h1{font-size:38px}html[lang=ar] .hero-subline{font-size:13px}html[lang=ar] h1{font-size:37px}html[lang=ar] h2{font-size:30px}html[lang=ar] h3{font-size:24px}}
