/* 026E: composition only. The original artwork and logo colors are retained. */
.hero-shell{background:#dce9f1;position:relative;min-height:680px;overflow:clip;isolation:isolate}
.hero-shell .site-header{min-height:96px;padding-block:24px;z-index:30}
.hero-shell .brand{width:270px;padding:0;background:transparent}
.hero-shell .brand img{width:100%;height:auto;aspect-ratio:7678/1362;object-fit:contain}
.hero-shell .hero{position:relative;z-index:2;padding-top:30px;padding-bottom:52px;pointer-events:auto;min-height:584px}
.hero-shell .hero h1{max-width:8.2em;font-size:clamp(3rem,4.05vw,4.8rem);font-weight:400;line-height:1.04;letter-spacing:-.045em}
.hero-shell .hero h1 span{color:#006c7d}
.hero-shell .hero-copy{max-width:29em;width:39%;margin-top:22px;font-size:1.0625rem;line-height:1.55;color:#183849}
.hero-shell .hero-copy .actions{margin-top:24px;gap:14px 22px;align-items:center}
.hero-shell .hero-copy .text-link{color:#006174;font-size:.9375rem;background:rgba(235,244,248,.88);padding:6px 8px;box-shadow:none;text-shadow:none;border-radius:2px}
.hero-shell .hero-copy .button{font-size:.9375rem;min-height:48px;padding:13px 19px;white-space:normal}
.hero-shell .hero-panorama{position:absolute;z-index:0;inset:0;margin:0;pointer-events:none}
.hero-shell .hero-panorama picture{height:100%;width:100%;display:block}
.hero-shell .hero-panorama img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:right bottom}
.hero-shell .hero-panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(233,242,247,.97) 0%,rgba(233,242,247,.92) 22%,rgba(233,242,247,.78) 35%,rgba(233,242,247,0) 53%),linear-gradient(180deg,#dce9f1 0%,rgba(220,233,241,.9) 10%,rgba(220,233,241,0) 34%)}
.hero-shell .site-header:before{display:none}
.hero-shell .site-header .button{background:transparent;color:#006174;border-color:#598e9b}
.hero-shell .site-header .button:hover{background:#eff6f8}
/* An editorial gallery rather than five boxed tiles. */
.capabilities{background:linear-gradient(#eef4f7,#fff 65%);padding-block:46px 54px}
.capabilities h2{font-size:clamp(1.9rem,2.65vw,3.1rem);line-height:1.12;max-width:25em}
.capabilities>.wrap>p{margin-top:12px;font-size:1rem}
.cap-grid{grid-template-columns:1.35fr 1fr 1fr;gap:34px 30px;margin-top:30px;align-items:stretch}
.cap-grid .capability,.cap-grid .capability.lead-capability,.cap-grid .capability:not(.lead-capability){background:transparent;border:0;padding:0;align-self:start}
.cap-grid .capability.lead-capability{grid-row:1/3;padding-right:28px;border-right:1px solid #c5d6df}
.cap-grid .capability .cap-copy,.cap-grid .capability.lead-capability .cap-copy,.cap-grid .capability:not(.lead-capability) .cap-copy{padding:20px 0 0!important}
.cap-grid .capability .number{font-size:.75rem;margin-bottom:9px;letter-spacing:.12em}
.cap-grid .capability h3{font-size:1.4rem;font-weight:400;line-height:1.14}
.cap-grid .capability.lead-capability h3{font-size:clamp(1.8rem,2.4vw,2.8rem);max-width:13em}
.cap-grid .capability p{font-size:.9375rem;line-height:1.55;margin-top:13px}
.cap-grid .capability.lead-capability p{font-size:1.0625rem;max-width:30em}
.cap-grid .capability .text-link{font-size:.875rem;font-weight:600;margin-top:14px;padding-block:8px;min-height:40px;text-decoration-thickness:1px}
.cap-grid .capability.lead-capability .text-link{font-size:1rem}
.cap-grid .capability picture{border-bottom:1px solid #d5e2e8}
.intro{padding-top:54px}
@media(min-width:701px){.hero-shell .hero-panorama picture{position:absolute;bottom:0;height:auto;mask-image:linear-gradient(transparent,#000 7%)}.hero-shell .hero-panorama img{height:auto;aspect-ratio:2079/756}}
@media(min-width:1700px){.hero-shell{min-height:770px}.hero-shell .hero{min-height:674px;padding-top:42px}.hero-shell .hero-copy{font-size:1.125rem;width:34%;max-width:29em}.hero-shell .hero h1{font-size:4.8rem}.hero-shell .hero-panorama:after{background:linear-gradient(90deg,rgba(233,242,247,.97),rgba(233,242,247,.92) 22%,rgba(233,242,247,.8) 33%,transparent 50%),linear-gradient(#dce9f1,transparent 24%)}}
@media(min-width:701px) and (max-width:1100px){
 .hero-shell{min-height:640px}.hero-shell .hero{min-height:544px;padding-top:24px}.hero-shell .hero h1{font-size:3rem;max-width:8em}.hero-shell .hero-copy{width:48%;font-size:1rem}.hero-shell .hero-panorama:after{background:linear-gradient(90deg,#e9f2f7 5%,#e9f2f7ed 32%,#e9f2f780 48%,transparent 65%),linear-gradient(#dce9f1 10%,transparent 60%)}
 .cap-grid .capability.lead-capability{grid-column:1/-1;grid-row:auto;padding-right:0;border-right:0;border-bottom:1px solid #c5d6df;padding-bottom:28px;gap:28px}
 .cap-grid .capability.lead-capability .cap-copy{padding:0!important}
}
@media(max-width:980px){.hero-shell{overflow:visible}.hero-shell .site-header{min-height:88px;padding-block:22px}.hero-shell .brand{width:240px}#navigation{z-index:40}.hero-shell .hero{min-height:552px}}
@media(max-width:700px){
 .hero-shell{min-height:0;background:#eaf2f6;overflow:visible}
 .hero-shell .site-header{min-height:72px;padding-block:17px;gap:10px}.hero-shell .brand{width:200px}.hero-shell .menu-toggle{font-size:.875rem}
 .hero-shell .hero{padding-top:18px;padding-bottom:12px;min-height:0}
 .hero-shell .hero h1{font-size:clamp(2rem,8.6vw,3rem);line-height:1.06;max-width:10em}
 .hero-shell .hero-copy{width:100%;max-width:none;font-size:1rem;line-height:1.5;margin-top:16px;display:flex;flex-direction:column;gap:16px}
 .hero-shell .hero-copy .actions{order:-1;margin:0;gap:8px 16px;align-items:flex-start;flex-direction:row;flex-wrap:wrap}
 .hero-shell .hero-copy .button{min-height:46px;font-size:.875rem;padding:12px 17px}
 .hero-shell .hero-copy .text-link{font-size:.875rem;padding:8px 0;background:transparent}
 .hero-shell .hero-panorama{position:relative;inset:auto;overflow:hidden;width:100%;margin:0;line-height:0}
 .hero-shell .hero-panorama picture{width:116%;height:auto;margin-left:-16%;max-width:none}
 .hero-shell .hero-panorama img{width:100%;height:auto;max-width:none;aspect-ratio:2079/756;object-fit:contain}
 .hero-shell .hero-panorama:after{background:linear-gradient(#eaf2f6 0%,#eaf2f640 16%,transparent 33%)}
 .capabilities{padding-block:32px 36px}.capabilities h2{font-size:1.85rem}.capabilities>.wrap>p{font-size:.9375rem}
 .cap-grid{gap:0;margin-top:24px}
 .cap-grid .capability.lead-capability{padding:0 0 25px;border-right:0;border-bottom:1px solid #c5d6df;display:flex;flex-direction:column;gap:0}
 .cap-grid .capability.lead-capability .cap-copy{padding:18px 0 0!important}
 .cap-grid .capability.lead-capability h3{font-size:1.8rem}
 .cap-grid .capability.lead-capability p{font-size:1rem}
 .cap-grid .capability:not(.lead-capability){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:18px;row-gap:0;padding:24px 0;border-bottom:1px solid #c5d6df}
 .cap-grid .capability:not(.lead-capability) picture{grid-column:1;grid-row:1/3;align-self:start;margin:0;border:0}
 .cap-grid .capability:not(.lead-capability) .cap-copy{display:contents}
 .cap-grid .capability:not(.lead-capability) .number{grid-column:2;grid-row:1;align-self:end;margin-bottom:8px}
 .cap-grid .capability:not(.lead-capability) h3{grid-column:2;grid-row:2;font-size:1.2rem;line-height:1.18;align-self:start}
 .cap-grid .capability:not(.lead-capability) p{grid-column:1/-1;font-size:.9375rem;line-height:1.5;margin-top:14px}
 .cap-grid .capability:not(.lead-capability) .text-link{grid-column:1/-1;font-size:.875rem;margin-top:8px}
 .intro{padding-top:36px}
}
@media(max-width:350px){.hero-shell .brand{width:184px}.hero-shell .hero-copy{font-size:.9375rem}.cap-grid .capability:not(.lead-capability){column-gap:14px}.cap-grid .capability:not(.lead-capability) h3{font-size:1.125rem}}

/* 026F: align mobile reading order with DOM order; preserve the early CTA.
   Artwork framing, overall hero height and all desktop styles stay as accepted. */
@media(max-width:700px){.hero-shell .hero-copy .actions{order:0}}