/* Unified sector overview, with four compact text-and-image cards. */
.sectors-overview .page-title{padding-block:38px 34px}.sectors-overview .page-title h1{font-size:clamp(42px,4.5vw,66px);line-height:1.1;margin-bottom:0}.sectors-overview .page-title .eyebrow{margin-bottom:18px}
.sector-overview-intro{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:32px}.sector-overview-intro h2{font-size:clamp(28px,3vw,42px);color:var(--blue)}.sector-overview-intro p{font-size:17px;line-height:1.65;color:var(--grey);margin:0;max-width:650px}
.sector-overview-grid{background:var(--soft);padding-block:28px}.sector-grid-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.sector-summary-card{display:grid;grid-template-columns:56% 44%;min-width:0;min-height:210px;background:#fff;border:1px solid #d8e6da;transition:border-color .2s}.sector-summary-card:hover{border-color:var(--green)}.sector-summary-copy{padding:22px;align-self:center}.sector-summary-copy h3{font-size:clamp(19px,1.7vw,25px);line-height:1.25;color:var(--green);letter-spacing:-.02em;margin:0 0 10px}.sector-project-count{display:block;font-size:13px;font-weight:600;color:var(--blue);margin-bottom:9px}.sector-summary-copy p{font-size:13px;line-height:1.55;color:var(--grey);margin:0}.sector-summary-image{min-height:100%;overflow:hidden}.sector-summary-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.sector-summary-card:hover img{transform:scale(1.035)}
html[lang=ar] .sector-summary-copy{text-align:right}html[lang=ar] .sector-summary-copy h3{letter-spacing:0;line-height:1.6;font-size:21px}html[lang=ar] .sector-summary-copy p{line-height:1.85}
@media(min-width:1001px) and (max-height:800px){.sector-overview-grid{padding-block:22px}.sector-grid-four{gap:16px}.sector-summary-card{min-height:190px}.sector-summary-copy{padding:18px}.sector-summary-copy h3{font-size:20px;margin-bottom:7px}.sector-project-count{margin-bottom:6px}.sector-summary-copy p{font-size:12px}.sector-overview-grid .sector-summary-image{max-height:210px}}
@media(max-width:1100px){.sector-summary-copy{padding:17px}.sector-summary-card{grid-template-columns:58% 42%}.sector-summary-copy h3{font-size:20px}}
@media(max-width:800px){.sector-grid-four{grid-template-columns:1fr;gap:16px}.sector-summary-card{min-height:195px}.sector-overview-intro{grid-template-columns:1fr;gap:18px;padding-block:28px}.sectors-overview .page-title{padding-block:30px}.sectors-overview .page-title h1{font-size:42px}.sector-overview-grid{padding-block:24px}.sector-summary-copy p{font-size:13px}html[lang=ar] .sector-summary-copy h3{font-size:20px}}
@media(max-width:420px){.sector-summary-card{grid-template-columns:62% 38%}.sector-summary-copy{padding:16px}.sector-summary-copy h3{font-size:19px}.sector-project-count{font-size:12px}.sector-summary-copy p{font-size:12px}.sector-summary-image img{object-position:center}.sectors-overview .page-title h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.sector-summary-image img{transition:none}}

/* Restore the generous green/white opening before the first scroll to sectors. */
@media(min-width:801px){
.sectors-overview .page-title{min-height:calc((100svh - 104px)*.62);padding-block:38px;display:flex;flex-direction:column;justify-content:center}
.sectors-overview .page-title h1{font-size:clamp(44px,4.8vw,72px);line-height:1.12}
.sectors-overview .page-title .page-intro{font-size:18px;line-height:1.6;max-width:900px;margin-top:22px;margin-bottom:0;color:var(--blue)}
.sectors-overview .sector-overview-intro{min-height:calc((100svh - 104px)*.38);padding-block:32px}
.sectors-overview .sector-overview-intro h2{font-size:clamp(32px,3.3vw,48px)}
}
@media(min-width:801px) and (max-width:1100px){.sectors-overview .page-title{min-height:calc((100svh - 90px)*.62)}.sectors-overview .sector-overview-intro{min-height:calc((100svh - 90px)*.38)}}
.sectors-overview .sector-overview-grid{background:#fff}
.sectors-overview .sector-closing{background:var(--soft);padding-block:48px}
.sectors-overview .sector-closing h2{color:var(--blue);font-size:clamp(32px,3.6vw,52px)}
.sectors-overview .sector-closing p{color:var(--grey);font-size:17px;line-height:1.75;margin:0 0 18px}
.sectors-overview .sector-closing .text-link{color:var(--blue)}
.sectors-overview .page-cta{background:var(--green);color:white}
@media(max-width:800px){.sectors-overview .page-title{padding-block:38px}.sectors-overview .page-title .page-intro{font-size:17px;line-height:1.7;margin:22px 0 0;color:var(--blue)}.sectors-overview .sector-overview-intro{padding-block:36px}.sectors-overview .sector-closing{padding-block:36px}}

/* Expanded introduction retains the same two-part first-screen rhythm. */
.sectors-overview .page-title .page-intro{max-width:1120px;font-size:17px;line-height:1.65}
@media(min-width:801px) and (max-height:800px){.sectors-overview .page-title{padding-block:26px}.sectors-overview .page-title .eyebrow{margin-bottom:12px}.sectors-overview .page-title .page-intro{font-size:16px;margin-top:18px}.sectors-overview .page-title h1{font-size:clamp(42px,4.6vw,64px)}}

/* Match the supplied reference: green opening, white editorial introduction. */
.sector-home-link{align-self:flex-start;font-size:15px;color:var(--blue);margin-bottom:20px}
.sectors-overview .sector-overview-intro{align-items:start;gap:60px}
.sectors-overview .sector-overview-intro p{font-size:16px;line-height:1.75;margin:0 0 15px}
.sectors-overview .sector-overview-intro .text-link{display:inline-block;color:var(--blue);margin-top:4px}
@media(min-width:801px){.sectors-overview .page-title{min-height:calc((100svh - 104px)*.57)}.sectors-overview .sector-overview-intro{min-height:calc((100svh - 104px)*.43);padding-block:30px}.sectors-overview .sector-overview-intro h2{font-size:clamp(32px,3.5vw,54px);line-height:1.15}.sectors-overview .page-title .page-intro{max-width:930px}}
@media(min-width:801px) and (max-width:1100px){.sectors-overview .page-title{min-height:calc((100svh - 90px)*.57)}.sectors-overview .sector-overview-intro{min-height:calc((100svh - 90px)*.43)}}
@media(min-width:801px) and (max-height:800px){.sector-home-link{margin-bottom:12px}.sectors-overview .sector-overview-intro{padding-block:22px}.sectors-overview .sector-overview-intro p{font-size:14px;line-height:1.6;margin-bottom:10px}.sectors-overview .sector-overview-intro .text-link{font-size:14px}}
@media(max-width:800px){.sectors-overview .sector-overview-intro{gap:20px}}
@media(min-width:801px) and (max-height:800px){html[lang=ar] .sectors-overview .sector-overview-intro p{font-size:13px;line-height:1.6}html[lang=ar] .sectors-overview .sector-overview-intro h2{font-size:36px;line-height:1.4}html[lang=ar] .sectors-overview .page-title{padding-block:20px}html[lang=ar] .sectors-overview .page-title .page-intro{font-size:15px;line-height:1.7}}
@media(min-width:801px) and (max-height:800px){html[lang=ar] .sectors-overview .sector-overview-intro{padding-block:14px}html[lang=ar] .sectors-overview .page-title h1{font-size:44px;line-height:1.25}}

/* Give the white introduction the breathing room shown in the reference. */
.sectors-overview .sector-overview-intro{padding-block:56px}
@media(min-width:801px) and (max-height:800px){.sectors-overview .sector-overview-intro,html[lang=ar] .sectors-overview .sector-overview-intro{padding-block:48px}}
@media(max-width:800px){.sectors-overview .sector-overview-intro{padding-block:40px}}
/* Use content-led spacing instead of stretching the opening to a viewport. */
.sectors-overview .page-title{min-height:0;padding-block:44px 48px}
.sectors-overview .sector-overview-intro{min-height:0;padding-block:48px}
@media(min-width:801px) and (max-height:800px){.sectors-overview .page-title,html[lang=ar] .sectors-overview .page-title{min-height:0;padding-block:36px 40px}.sectors-overview .sector-overview-intro,html[lang=ar] .sectors-overview .sector-overview-intro{min-height:0;padding-block:44px}}
@media(max-width:800px){.sectors-overview .page-title{padding-block:36px}.sectors-overview .sector-overview-intro{padding-block:40px}}
/* Keep the homepage portfolio heading and card rows aligned, including on direct scroll jumps. */
.experience-home .section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:40px}
.experience-home .section-heading>p{max-width:none;margin:0}
.experience-home>.eyebrow,.experience-home .section-heading>*{opacity:1!important;transform:none!important;transition:none!important}
@media(min-width:801px){.sector-summary-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start}.sector-summary-copy h3{min-height:2.5em}html[lang=ar] .sector-summary-copy h3{min-height:3.2em}}
@media(max-width:800px){.experience-home .section-heading{grid-template-columns:1fr;gap:20px}}