/* alsaamirgroup.com: site styles. Brand: navy #102A43, orange #EF6B2A, white; ink #1F2D3A, muted #5B6B7A, rule #DCE2E8. */
@font-face{font-family:"Saamir Display";src:url(/assets/fonts/saamir-display.479a9a4fd9.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir Text";src:url(/assets/fonts/saamir-text.eacf82631b.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir Arabic Names";src:url(/assets/fonts/saamir-arabic-names.f68aa36f37.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir Arabic Text";src:url(/assets/fonts/saamir-arabic-text.5fb9cf2e82.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir Arabic Display";src:url(/assets/fonts/saamir-arabic-display.738ce1de3c.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir KR Label";src:url(/assets/fonts/saamir-kr-label.208bd02c0b.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir KR";src:url(/assets/fonts/saamir-kr.89fbef99dd.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir JP Label";src:url(/assets/fonts/saamir-jp-label.93218bf44b.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir JP";src:url(/assets/fonts/saamir-jp.f8b04132d9.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir SC Label";src:url(/assets/fonts/saamir-sc-label.ca481399cd.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Saamir SC";src:url(/assets/fonts/saamir-sc.329c93e01b.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{--navy:#102A43;--navy-deep:#0B2034;--orange:#EF6B2A;--white:#fff;--ink:#1F2D3A;--muted:#5B6B7A;
--rule:#DCE2E8;--tint:#F1F4F7;--soft:rgba(255,255,255,.8);--line:rgba(255,255,255,.16);
--latin-display:"Saamir Display",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--latin-text:"Saamir Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--display:var(--latin-display);--text:var(--latin-text);
--ar-names:"Saamir Arabic Names","Saamir Arabic Text",Tahoma,"Geeza Pro",sans-serif;
--gutter:clamp(20px,5vw,64px);--max:1280px;--focus:var(--navy);--radius:4px}
/* per-language type: Arabic pages set Arabic faces first (Latin words fall through to the Latin faces);
   Korean, Japanese and Chinese pages keep the Latin faces for Latin letters and add Noto Sans for their script */
.l-ar{--display:"Saamir Arabic Display","Saamir Display",Tahoma,"Geeza Pro",system-ui,sans-serif;
--text:"Saamir Arabic Text","Saamir Text",Tahoma,"Geeza Pro",system-ui,sans-serif}
.l-ko{--display:"Saamir Display","Saamir KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
--text:"Saamir Text","Saamir KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
.l-ja{--display:"Saamir Display","Saamir JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;
--text:"Saamir Text","Saamir JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif}
.l-zh{--display:"Saamir Display","Saamir SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
--text:"Saamir Text","Saamir SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.6;
font-feature-settings:"cv05" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
@media (min-width:768px){body{font-size:1.125rem}}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
h1,h2,h3{font-family:var(--display);color:var(--navy);font-weight:600;line-height:1.12;letter-spacing:-.005em;text-wrap:balance}
p,li{text-wrap:pretty}
strong{font-weight:600}
body:not(.l-ar) :lang(ar){font-family:var(--ar-names)}
.l-ar :lang(en){font-family:var(--latin-text)}
.lede span[lang=ar],.prose span[lang=ar]{white-space:nowrap}
/* Arabic: no tracking or capitals on the joined script, taller lines, slightly larger small labels */
.l-ar{line-height:1.8}
.l-ar h1,.l-ar h2,.l-ar h3,.l-ar .hero h1,.l-ar .title-band h1,.l-ar .area-title,.l-ar .area-card .t,.l-ar .note,.l-ar .contact-grid dd{letter-spacing:0;line-height:1.35}
.l-ar .hero h1{font-size:clamp(2.375rem,1.3rem + 4vw,4.5rem);line-height:1.3}
.l-ar .title-band h1{font-size:clamp(2.125rem,1.3rem + 3vw,3.875rem);line-height:1.3}
.l-ar .lede,.l-ar .who p,.l-ar .area-summary{line-height:1.7}
.l-ar .eyebrow,.l-ar .menu-label,.l-ar .f-h,.l-ar .contact-grid dt,.l-ar .photo-cap{letter-spacing:0;text-transform:none;font-size:.9375rem}
.l-ar .photo-cap{font-size:.8125rem}
.l-ar .btn{font-size:1.0625rem}
/* French, German, Spanish: longer words, so a slightly smaller hero headline */
.l-fr .hero h1,.l-de .hero h1,.l-es .hero h1{font-size:clamp(2.5rem,1.2rem + 3.6vw,4.125rem)}
.l-fr .title-band h1,.l-de .title-band h1,.l-es .title-band h1{font-size:clamp(2.25rem,1.3rem + 3vw,3.75rem)}
/* Korean, Japanese, Chinese: taller lines, no negative tracking, no breaks inside Korean words */
.l-ko,.l-ja,.l-zh{line-height:1.75}
.l-ko h1,.l-ja h1,.l-zh h1,.l-ko h2,.l-ja h2,.l-zh h2,.l-ko h3,.l-ja h3,.l-zh h3,.l-ko .hero h1,.l-ja .hero h1,.l-zh .hero h1,
.l-ko .title-band h1,.l-ja .title-band h1,.l-zh .title-band h1,.l-ko .area-title,.l-ja .area-title,.l-zh .area-title,
.l-ko .note,.l-ja .note,.l-zh .note,.l-ko .area-card .t,.l-ja .area-card .t,.l-zh .area-card .t{letter-spacing:0;line-height:1.3}
.l-ko .hero h1,.l-ja .hero h1,.l-zh .hero h1{font-size:clamp(2.25rem,1.3rem + 3.8vw,4.25rem);line-height:1.2}
.l-ko .title-band h1,.l-ja .title-band h1,.l-zh .title-band h1{font-size:clamp(2rem,1.3rem + 2.8vw,3.625rem);line-height:1.2}
.l-ko .lede,.l-ja .lede,.l-zh .lede,.l-ko .who p,.l-ja .who p,.l-zh .who p{line-height:1.65}
.l-ko .eyebrow,.l-ja .eyebrow,.l-zh .eyebrow,.l-ko .menu-label,.l-ja .menu-label,.l-zh .menu-label,.l-ko .f-h,.l-ja .f-h,.l-zh .f-h,
.l-ko .contact-grid dt,.l-ja .contact-grid dt,.l-zh .contact-grid dt{letter-spacing:.08em;font-size:.875rem}
.l-ko{word-break:keep-all;overflow-wrap:anywhere}
.lname:lang(ko){font-family:"Saamir KR Label","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.lname:lang(ja){font-family:"Saamir JP Label","Hiragino Sans","Yu Gothic",sans-serif}
.lname:lang(zh){font-family:"Saamir SC Label","PingFang SC","Microsoft YaHei",sans-serif}
.wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
.on-navy{--focus:var(--orange)}
.skip{position:absolute;inset-inline-start:16px;top:-120px;z-index:100;background:#fff;color:var(--navy);padding:12px 18px;
font-weight:600;border-radius:var(--radius);text-decoration:none}
.skip:focus{top:16px}

/* buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border:2px solid transparent;
border-radius:var(--radius);font-family:var(--text);font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;
transition:background-color .2s,border-color .2s,color .2s}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{background:#E4EAF0}
.btn-ghost{border-color:var(--navy);color:var(--navy)}
.btn-ghost:hover{background:var(--tint)}
.on-navy .btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.on-navy .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-dark{background:var(--navy);color:#fff}
.btn-dark:hover{background:var(--navy-deep)}
.btn-sm{min-height:44px;padding:9px 18px;font-size:.9375rem}
.arrow-link{display:inline-flex;align-items:center;gap:12px;font-weight:600;color:var(--navy);text-decoration:none;padding-block:6px}
.arrow-link::after{content:"";flex:none;width:22px;height:12px;background:currentColor;
-webkit-mask:url(/assets/img/arrow.61c21cfc14.svg) center/contain no-repeat;mask:url(/assets/img/arrow.61c21cfc14.svg) center/contain no-repeat;transition:translate .25s}
.arrow-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.arrow-link:hover::after{translate:4px 0}
[dir=rtl] .arrow-link::after{transform:scaleX(-1)}
[dir=rtl] .arrow-link:hover::after{translate:-4px 0}
.prose a,.text-link{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.prose a:hover,.text-link:hover{text-decoration-thickness:2px}

/* header */
.site-header{position:relative;z-index:30;background:#fff;color:var(--navy);border-bottom:1px solid var(--rule)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.brand{display:block;flex:none}
.brand img{width:168px}
.nav{display:none}
.nav-list{display:flex;align-items:center;gap:2px}
.nav-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 14px;border-radius:var(--radius);color:var(--navy);
font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}
.nav-link::-webkit-details-marker{display:none}
.nav-link:hover{background:var(--tint)}
.nav-link[aria-current=page],.nav-link[data-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.nav .btn{margin-inline-start:10px}
.caret{flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
transform:translateY(-2px) rotate(45deg);transition:transform .2s}
details[open]>summary .caret{transform:translateY(2px) rotate(-135deg)}
.globe{flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url(/assets/img/globe.b04df441ee.svg) center/contain no-repeat;mask:url(/assets/img/globe.b04df441ee.svg) center/contain no-repeat}
.dd{position:relative}
.dd-panel{position:absolute;top:calc(100% + 12px);inset-inline-start:0;z-index:40;min-width:340px;padding:10px;background:#fff;color:var(--ink);
border-radius:6px;box-shadow:0 20px 44px rgba(11,32,52,.3);--focus:var(--navy)}
.dd-lang .dd-panel{inset-inline-start:auto;inset-inline-end:0;min-width:200px}
.dd-panel a{display:flex;align-items:baseline;gap:14px;padding:11px 14px;border-radius:var(--radius);color:var(--navy);font-weight:600;
text-decoration:none;line-height:1.35}
.dd-panel a:hover,.dd-panel a[aria-current]{background:var(--tint)}
.dd-panel .n{flex:none;min-width:1.6em;color:var(--muted);font-size:.875rem}
.n{font-variant-numeric:tabular-nums}
.menu-toggle>summary{margin-inline-end:-12px}
.burger{position:relative;flex:none;width:22px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;transition:border-color .2s}
.burger::before{content:"";position:absolute;inset-inline:0;top:4px;height:2px;background:currentColor;transition:transform .2s}
.burger::after{content:"";position:absolute;inset-inline:0;top:4px;height:2px;background:currentColor;transition:transform .2s}
.menu-toggle[open] .burger{border-color:transparent}
.menu-toggle[open] .burger::before{transform:rotate(45deg)}
.menu-toggle[open] .burger::after{transform:rotate(-45deg)}
.menu-panel{position:absolute;inset-inline:0;top:100%;max-height:calc(100vh - 72px);overflow-y:auto;padding:8px var(--gutter) 36px;
background:#fff;border-top:1px solid var(--rule);box-shadow:0 30px 40px rgba(16,42,67,.14)}
.menu-main>li>a{display:block;padding:15px 0;border-bottom:1px solid var(--rule);color:var(--navy);font-size:1.25rem;font-weight:600;text-decoration:none}
.menu-label{display:block;padding:22px 0 6px;color:var(--muted);font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.menu-panel .sub{border-bottom:1px solid var(--rule);padding-bottom:10px}
.menu-panel .sub a{display:flex;gap:14px;align-items:baseline;padding:9px 0;color:var(--navy);font-size:1.0625rem;font-weight:500;text-decoration:none}
.menu-panel .sub .n{flex:none;min-width:1.6em;color:var(--muted);font-size:.875rem}
.menu-langs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.menu-langs a{display:block;padding:9px 0;color:var(--navy);text-decoration:none}
.menu-langs a[aria-current]{text-decoration:underline;text-underline-offset:6px}
@media (min-width:600px){.bar{min-height:120px}.brand img{width:240px}.menu-panel{max-height:calc(100vh - 120px)}}
@media (min-width:1024px){.nav{display:flex;align-items:center;gap:6px}.menu-toggle{display:none}}

/* hero and title band: the photograph full-bleed behind the text with the navy blend; the header stays white */
.hero,.title-band{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.hero{padding:clamp(48px,7vw,112px) 0 clamp(64px,9vw,152px)}
.title-band{padding:clamp(44px,6vw,96px) 0 clamp(52px,7vw,112px)}
.hero h1,.title-band h1{color:#fff;font-weight:700;letter-spacing:-.012em}
.hero h1{max-width:12.5em;font-size:clamp(2.625rem,1.4rem + 4.5vw,5rem);line-height:1.02}
.title-band h1{max-width:13em;font-size:clamp(2.375rem,1.4rem + 3.4vw,4.25rem);line-height:1.04}
.lede{margin-top:clamp(20px,2vw,28px);max-width:38em;color:var(--soft);font-size:clamp(1.125rem,1rem + .45vw,1.375rem);line-height:1.5}
.hero-copy,.tb-copy{position:relative;z-index:1}
.hero-copy{max-width:52rem}
.tb-copy{max-width:50rem}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";flex:none;width:26px;height:3px;background:var(--orange)}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(28px,3vw,40px)}
.device{display:block;pointer-events:none;user-select:none}
.hero .device{width:min(86%,420px);height:auto;margin-top:56px;margin-inline-start:auto;margin-inline-end:-26%}
.title-band .device{width:min(62%,300px);height:auto;margin-top:40px;margin-inline-start:auto;margin-inline-end:-22%}
@media (min-width:900px){
.hero .device,.title-band .device{position:absolute;top:50%;margin:0;transform:translateY(-50%)}
.hero .device{width:clamp(420px,44vw,760px);inset-inline-end:calc(-1 * clamp(60px,8vw,170px))}
.title-band .device{width:clamp(300px,28vw,470px);inset-inline-end:calc(-1 * clamp(40px,5vw,110px))}
.hero-copy{max-width:min(58%,52rem)}
.tb-copy{max-width:min(64%,50rem)}}
/* photograph behind a hero or title band (concept illustrations) */
.photo{position:absolute;inset:0;z-index:0}
.photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.photo::after{content:"";position:absolute;inset:0;background:
linear-gradient(to bottom,rgba(16,42,67,.9) 0%,rgba(16,42,67,.78) 55%,rgba(16,42,67,.42) 100%)}
.has-photo .wrap{position:relative;z-index:1}
.photo-cap{position:absolute;z-index:2;inset-inline-start:var(--gutter);bottom:14px;margin:0;padding:4px 9px;
background:rgba(16,42,67,.92);border-radius:3px;color:rgba(255,255,255,.85);font-size:.75rem;letter-spacing:.06em}
/* with a photograph the chevron device is small, bottom right, as in the brand reference */
.has-photo .device{position:relative;z-index:1;width:150px;margin:36px 0 0 auto;transform:none}
[dir=rtl] .has-photo .device{margin:36px auto 0 0}
@media (min-width:900px){
.photo::after{background:linear-gradient(to right,rgba(16,42,67,.95) 0%,rgba(16,42,67,.88) 40%,rgba(16,42,67,.5) 62%,rgba(16,42,67,.1) 80%,rgba(16,42,67,.1) 100%),
linear-gradient(to top,rgba(16,42,67,.55) 0%,rgba(16,42,67,0) 40%)}
[dir=rtl] .photo::after{background:linear-gradient(to left,rgba(16,42,67,.95) 0%,rgba(16,42,67,.88) 40%,rgba(16,42,67,.5) 62%,rgba(16,42,67,.1) 80%,rgba(16,42,67,.1) 100%),
linear-gradient(to top,rgba(16,42,67,.55) 0%,rgba(16,42,67,0) 40%)}
.photo-cap{inset-inline-start:auto;inset-inline-end:var(--gutter);top:18px;bottom:auto}
.has-photo .hero-copy{max-width:min(57%,52rem)}.has-photo .tb-copy{max-width:min(52%,46rem)}
.has-photo .lede{max-width:34em}
.has-photo .device{position:absolute;inset-inline-end:var(--gutter);bottom:28px;top:auto;width:clamp(160px,13vw,220px);margin:0}}
@media (prefers-reduced-motion:no-preference){.device{animation:device-in 1.1s cubic-bezier(.2,.7,.2,1) .15s both}}
.device.static{animation:none}
@keyframes device-in{from{opacity:0;translate:-64px 0}to{opacity:1;translate:0 0}}

/* sections */
.section{padding-block:clamp(64px,8vw,120px)}
.tint{background:var(--tint)}
.section-head{max-width:48rem;margin:0 auto clamp(36px,5vw,64px);text-align:center}
.h2,.section-head h2{font-size:clamp(2rem,1.45rem + 1.9vw,2.875rem)}
.section-head p{margin-top:16px;color:var(--muted);font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem)}
.who p{max-width:47rem;margin-inline:auto;text-align:start;font-size:clamp(1.1875rem,1.05rem + .45vw,1.375rem);line-height:1.65}
.who h2{margin-bottom:clamp(20px,2.4vw,32px);text-align:center}
@media (min-width:768px){.who p{text-align:center}}

/* areas accordion */
.areas{max-width:1120px;margin-inline:auto;border-top:1px solid var(--rule);--num-w:2.6rem;--gap:16px}
.area{border-bottom:1px solid var(--rule)}
.area>summary{display:grid;grid-template-columns:var(--num-w) minmax(0,1fr) auto;align-items:center;gap:var(--gap);
padding:clamp(20px,2.3vw,30px) 0;cursor:pointer;list-style:none}
.area>summary::-webkit-details-marker{display:none}
.area>summary:hover .area-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}
.num{font-family:var(--display);font-weight:600;color:var(--orange);font-variant-numeric:tabular-nums lining-nums;line-height:1}
.area .num{font-size:clamp(1.5rem,1.2rem + .9vw,2rem)}
.area-title{font-family:var(--display);font-weight:600;color:var(--navy);font-size:clamp(1.375rem,1.1rem + 1vw,2rem);line-height:1.15}
.pm{position:relative;flex:none;width:22px;height:22px}
.pm::before,.pm::after{content:"";position:absolute;inset-inline:0;top:10px;height:2px;background:var(--navy);transition:transform .25s}
.pm::after{transform:rotate(90deg)}
.area[open] .pm::after{transform:rotate(0)}
.area-body{display:grid;gap:22px;padding:0 0 clamp(28px,3vw,44px)}
.area-summary{font-size:clamp(1.125rem,1.05rem + .3vw,1.3125rem);line-height:1.5;color:var(--ink)}
.area-summary+.arrow-link{justify-self:start}
.tags{display:grid;gap:0 32px}
.tags li{padding:11px 0;border-top:1px solid var(--rule);color:var(--navy);font-weight:500}
@media (min-width:600px){.areas{--num-w:3.4rem;--gap:24px}.area-body{padding-inline-start:calc(var(--num-w) + var(--gap));padding-inline-end:46px}.tags{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.area-body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:56px;align-items:start}
.area-lead{display:grid;gap:22px}}

/* how we work */
.how-grid{display:grid;gap:44px 36px}
.how-grid li{padding-top:24px;border-top:2px solid var(--navy)}
.how-grid h3{margin-bottom:12px;font-size:clamp(1.25rem,1.15rem + .35vw,1.4375rem)}
.how-foot{margin-top:clamp(40px,5vw,60px);text-align:center}
@media (min-width:640px){.how-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.how-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;row-gap:0}
.how-grid li{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:start}}

/* closing band */
.band-section{padding-block:clamp(56px,7vw,104px)}
.band{display:grid;gap:28px;align-items:center;padding:clamp(36px,5.5vw,80px);background:var(--navy);color:#fff;border-radius:var(--radius)}
.band h2{color:#fff;font-size:clamp(1.875rem,1.3rem + 2vw,2.875rem)}
.band p{margin-top:14px;color:var(--soft);font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)}
.band .btn{justify-self:start}
@media (min-width:900px){.band{grid-template-columns:minmax(0,1fr) auto;gap:56px}.band .btn{justify-self:end}}

/* category pages */
.items{display:grid;gap:clamp(36px,4vw,56px) clamp(32px,5vw,88px)}
.item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 clamp(16px,1.8vw,24px);padding-top:26px;border-top:1px solid var(--rule)}
.item .num{font-size:1.5rem;line-height:1.3}
.item h2{margin-bottom:10px;font-size:clamp(1.375rem,1.2rem + .55vw,1.6875rem);line-height:1.2}
@media (min-width:800px){.items{grid-template-columns:1fr 1fr}}
.note{max-width:52rem;margin-top:clamp(48px,6vw,80px);padding-inline-start:24px;border-inline-start:4px solid var(--navy);
color:var(--navy);font-family:var(--display);font-weight:600;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);line-height:1.35}
.others h2{margin-bottom:clamp(24px,3vw,36px);font-size:clamp(1.5rem,1.25rem + 1vw,2.125rem)}
.others ul{display:grid;gap:16px}
@media (min-width:800px){.others ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.area-card{display:grid;align-content:start;gap:12px;height:100%;padding:clamp(24px,2.4vw,32px);background:#fff;border:1px solid var(--rule);
border-radius:var(--radius);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.area-card:hover{border-color:var(--navy);box-shadow:0 14px 30px rgba(16,42,67,.1)}
.area-card .num{font-size:1.5rem}
.area-card .t{font-family:var(--display);font-weight:600;font-size:clamp(1.25rem,1.15rem + .35vw,1.4375rem);line-height:1.2;color:var(--navy)}
.area-card .s{color:var(--muted)}
.area-card::after{content:"";width:22px;height:12px;margin-top:6px;background:var(--navy);
-webkit-mask:url(/assets/img/arrow.61c21cfc14.svg) center/contain no-repeat;mask:url(/assets/img/arrow.61c21cfc14.svg) center/contain no-repeat;transition:translate .25s}
.area-card:hover::after{translate:4px 0}
[dir=rtl] .area-card::after{transform:scaleX(-1)}

/* about, partners, contact, privacy */
.rows{display:grid}
.row{display:grid;gap:14px 64px;padding-block:clamp(32px,4vw,52px);border-top:1px solid var(--rule)}
.row:last-child{border-bottom:1px solid var(--rule)}
.row h2{font-size:clamp(1.5rem,1.25rem + 1vw,2.125rem)}
.row .prose{display:grid;gap:16px;max-width:44rem}
.prose ul.bullets{display:grid;gap:10px}
.bullets li{position:relative;padding-inline-start:26px}
.bullets li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:10px;height:10px;background:var(--navy);border-radius:1px}
@media (min-width:900px){.row{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.mark-figure{display:flex;align-items:center;gap:32px;margin-top:8px}
.mark-figure img{width:clamp(160px,18vw,240px)}
.cards{display:grid;gap:16px}
@media (min-width:800px){.cards{grid-template-columns:1fr 1fr}}
.card{padding:clamp(26px,2.6vw,36px);background:#fff;border:1px solid var(--rule);border-radius:var(--radius)}
.card h3{margin-bottom:10px;font-size:clamp(1.25rem,1.15rem + .35vw,1.4375rem)}
.split{display:grid;gap:40px 64px}
@media (min-width:900px){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.band .bullets li::before{background:var(--orange)}
.band .prose{display:grid;gap:16px;color:var(--soft)}
.band .prose a{color:#fff}
.contact-grid{display:grid;gap:20px}
@media (min-width:800px){.contact-grid{grid-template-columns:1fr 1fr}}
.contact-grid dt{color:var(--muted);font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.contact-grid dd{margin:10px 0 0;font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);color:var(--navy);line-height:1.2;overflow-wrap:anywhere}
.contact-grid dd a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.16em}
.contact-grid>div{padding:clamp(28px,3vw,44px);border:1px solid var(--rule);border-radius:var(--radius)}
.after{margin-top:clamp(32px,4vw,48px);font-size:1.125rem}
.article{max-width:46rem}
.article h2{margin:clamp(36px,4vw,52px) 0 12px;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem)}
.article p+p{margin-top:14px}
.updated{color:var(--soft);margin-top:18px;font-size:1rem}
.nf{min-height:60vh}

/* footer */
.site-footer{padding-top:clamp(56px,7vw,96px);background:var(--navy);color:var(--soft);font-size:1rem;line-height:1.55}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer p a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.site-footer p a:hover{text-decoration-thickness:2px}
.footer-grid{display:grid;gap:40px 32px}
.f-logo{width:240px;margin-bottom:28px}
.f-contact{display:grid;gap:6px}
.f-h{margin-bottom:14px;color:var(--soft);font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.f-list{display:grid;gap:10px}
.f-list a{display:inline-flex;align-items:baseline}
.f-list .n{flex:none;min-width:2.3em;color:var(--soft);font-size:.875rem}
.f-nav{display:grid;gap:28px}
.f-nav .f-spacer{display:none}
@media (min-width:560px){.f-nav{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px}.f-nav .f-spacer{display:block}}
.f-legal{display:grid;gap:10px;margin-top:clamp(40px,5vw,64px);padding-block:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#fff}
.f-legal [lang=ar]{text-align:right}
[dir=rtl] .f-legal [lang=en]{text-align:right}
.f-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 32px;padding-block:22px 34px;font-size:.9375rem}
.f-langs{display:flex;flex-wrap:wrap;gap:6px 18px}
.f-langs a[aria-current]{text-decoration:underline;text-underline-offset:4px}
@media (min-width:768px){.footer-grid{grid-template-columns:1fr 1fr}.f-legal{grid-template-columns:1fr 1fr;align-items:baseline}
[dir=rtl] .f-legal [lang=en]{text-align:left}}
@media (min-width:1100px){.footer-grid{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr)}}
.p-home .photo img{object-position:50% 50%}
.p-contracting-engineering .photo img{object-position:65% 55%}
.p-heavy-equipment .photo img{object-position:50% 55%}
.p-supply-procurement .photo img{object-position:50% 55%}
.p-trading-agencies .photo img{object-position:50% 50%}
.p-partners .photo img{object-position:35% 60%}
.p-about .photo img{object-position:40% 50%}
.p-contact .photo img{object-position:50% 50%}