/* Compact, balanced content system shared by service and work-area pages. */
:root{--internal-line:rgba(8,60,95,.14);--internal-warm:#f5f1ea;--internal-navy:#083c5f;--internal-orange:#f99d1b}

.hero-grid{min-height:600px}
.hero-media{min-height:600px}
.hero-copy{padding-top:62px;padding-bottom:62px}

.content{padding:64px 0 72px}
.content-grid{display:block}
.side-title{position:static;display:grid;grid-template-columns:.78fr 1.22fr;grid-template-rows:auto auto;column-gap:70px;align-items:end;padding-bottom:28px;border-bottom:1px solid var(--internal-line)}
.side-title .eyebrow{grid-column:1;grid-row:1}
.side-title h2{grid-column:1;grid-row:2;margin:15px 0 0;font-size:clamp(32px,3.1vw,48px);line-height:1.15;max-width:620px}
.side-title>p{grid-column:2;grid-row:1/3;align-self:end;max-width:680px;margin:0;color:#687780;font-size:16px;line-height:1.9}

.blocks{display:grid;grid-template-columns:.82fr 1.18fr;column-gap:34px;row-gap:0;border:0}
.block{padding:30px 0;border-bottom:1px solid var(--internal-line)}
.block:first-child{padding-inline-end:30px;border-inline-end:1px solid var(--internal-line)}
.block:nth-child(2){padding-inline-start:4px}
.block:nth-child(3){grid-column:1/-1;padding-bottom:0;border-bottom:0}
.block h3{margin:0 0 18px;font-size:22px}
.block p{max-width:none;margin:0;font-size:16px;line-height:1.9}

.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.item{min-height:88px;padding:19px 18px;background:var(--internal-warm)}
.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:0}
.step{min-height:145px;padding:20px 18px;border:1px solid var(--internal-line);background:#fff}
.step:last-child{border-inline-end:1px solid var(--internal-line)}

/* Keep every Arabic internal-page component anchored to the reading edge. */
html[dir="rtl"] .side-title,
html[dir="rtl"] .blocks,
html[dir="rtl"] .block,
html[dir="rtl"] .items,
html[dir="rtl"] .steps{text-align:right}
html[dir="rtl"] .side-title .eyebrow,
html[dir="rtl"] .side-title h2,
html[dir="rtl"] .side-title>p,
html[dir="rtl"] .block h3,
html[dir="rtl"] .block p{justify-self:stretch;text-align:right}
html[dir="ltr"] .side-title,
html[dir="ltr"] .blocks{text-align:left}

.cta{padding:58px 0}
.cta h2{font-size:clamp(31px,3.6vw,48px)}

@media(max-width:900px){
  .hero-grid{min-height:auto}
  .hero-media{min-height:470px}
  .side-title{grid-template-columns:1fr;row-gap:0}
  .side-title .eyebrow,.side-title h2,.side-title>p{grid-column:1;grid-row:auto}
  .side-title>p{margin-top:17px}
  .blocks{grid-template-columns:1fr}
  .block:first-child,.block:nth-child(2){padding-inline:0;border-inline-end:0}
  .block:nth-child(3){grid-column:auto}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  .hero-media{min-height:360px}
  .hero-copy{padding-top:45px;padding-bottom:52px}
  .content{padding:52px 0 58px}
  .side-title{padding-bottom:23px}
  .side-title h2{font-size:34px}
  .block{padding:25px 0}
  .items,.steps{grid-template-columns:1fr}
  .item{min-height:76px}
  .step{min-height:0}
  .cta{padding:52px 0}
}