/* The proposition builds upward; the people photograph explains the brand. */
.hero.hero-foundations{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;background:#183342;color:#fff;min-height:650px;padding-block:64px}
.hero-foundations .hero-copy{max-width:620px}
.hero-foundations h1{font-size:clamp(36px,3.825vw,54px);line-height:1.08;letter-spacing:-1.3px;color:#fff;max-width:620px}
.hero-foundations .hero-description{color:#d8e3e9;font-size:21px;line-height:1.5;max-width:570px}
.hero-foundations .primary{background:#fff;color:#183342}
.hero-foundations .primary:hover{background:#e5edf1}
.hero-foundations .text-link{color:#fff}
.hero-foundations :focus-visible{outline-color:#fff}
.hero-foundations .hero-actions{gap:18px 25px}
/* Architectural tiers: a broad foundation, a working layer and open outcomes. */
.leverage-model{margin:0;min-width:0;width:100%;padding:15px 0 25px}
.leverage-layers{list-style:none;display:flex;flex-direction:column-reverse;margin:0;padding:0;gap:32px;position:relative}
.leverage-layer{position:relative;padding:27px 30px;isolation:isolate}
.leverage-layer h2{font-size:32px;line-height:1.15;font-weight:400;letter-spacing:-.6px;margin:0 0 11px;color:#fff}
.leverage-layer p{font-size:16px;line-height:1.4;margin:0;color:#cbdce5}
.bedrock-layer{background:linear-gradient(105deg,#526e7d,#365464);border-top:1px solid #91a8b480;box-shadow:0 7px 0 #2c4858,0 8px 0 #607b8c,0 15px 0 #233f50;border-radius:2px}
.foundation-assets{display:flex;flex-wrap:wrap;gap:7px 0;list-style:none;margin:22px 0 0;padding:0}
.foundation-assets li{background:none;padding:0;font-size:15px;color:#e7eff3;display:flex;align-items:center}
.foundation-assets li+li:before{content:'·';margin:0 10px;color:#b4c8d4}
.technology-layer{width:91%;align-self:center;background:linear-gradient(105deg,#2f5366,#264859);border-top:1px solid #7995a680;border-bottom:1px solid #102c3c;box-shadow:0 6px 0 #132e3f;border-radius:2px;padding-block:28px}
.technology-layer h2{font-size:25px;color:#fff;letter-spacing:-.3px}
.technology-layer p{color:#bfd2dd}
.outcomes-layer{width:83%;align-self:center;background:none;padding:0 8px 12px;border:0}
.outcomes-layer h2{font-size:46px;letter-spacing:-1.1px;margin-bottom:22px}
.outcomes-layer>p{display:none}
.leverage-outcomes{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;padding:0;margin:0;font-size:17px;line-height:1.35;color:#e3ecf1}
.leverage-outcomes li{display:flex;gap:10px;align-items:baseline}
.leverage-outcomes li:before{content:'↗';color:#a6c2d2}
.technology-layer:before,.bedrock-layer:before{content:'';position:absolute;width:1px;height:32px;left:50%;top:-33px;background:linear-gradient(#7895a5,#7895a52b)}
.why-photographic{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;max-width:calc(100% - 48px);border-radius:8px;min-height:620px;margin-block:65px;padding:66px max(40px,calc((100vw - 1280px)/2 - 24px));color:#fff;background:#183342}
.why-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.why-photographic:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,30,42,.94) 0%,rgba(12,30,42,.85) 39%,rgba(12,30,42,.36) 65%,rgba(12,30,42,.08) 100%)}
.why-copy{max-width:620px}
.why-copy h2{font-size:54px;line-height:1.08;letter-spacing:-1.3px;color:#fff;margin:0 0 28px;max-width:550px}
.why-copy>p{font-size:22px;line-height:1.5;color:#e4eaf0;max-width:550px}
.why-actions{display:flex;flex-wrap:wrap;gap:20px 25px;align-items:center;margin-top:32px}
.why-actions .primary{background:#fff;color:#183342}
.why-actions .primary:hover{background:#e7eeed}
.why-actions .text-link{color:#fff;font-size:16px}
.why-photographic :focus-visible{outline-color:#fff}
@media(max-width:1100px){.hero.hero-foundations{gap:35px;padding-inline:32px}.hero-foundations h1{font-size:43.5px}.leverage-layer{padding:23px}.why-photographic{padding-inline:48px}.why-copy{max-width:560px}}
@media(max-width:900px){.hero.hero-foundations{grid-template-columns:1fr;gap:45px;padding-block:45px}.hero-foundations .hero-copy{max-width:680px}.hero-foundations h1{max-width:680px}.leverage-model{max-width:650px}.why-copy h2{font-size:43.5px}.why-photographic{min-height:550px}.why-background{object-position:65% center}.why-photographic:before{background:linear-gradient(90deg,rgba(12,30,42,.94),rgba(12,30,42,.72) 65%,rgba(12,30,42,.45))}}
@media(max-width:550px){.hero.hero-foundations{max-width:calc(100% - 24px);padding:35px 24px;gap:34px}.hero-foundations h1{font-size:33.75px;letter-spacing:-.8px}.hero-foundations .hero-description{font-size:19px}.leverage-layer{padding:20px}.leverage-layer h2{font-size:26px}.technology-layer h2{font-size:22px}.leverage-outcomes{grid-template-columns:1fr;font-size:17px;gap:10px}.foundation-assets{gap:6px}.foundation-assets li{font-size:14px;padding:5px 8px}.why-photographic{max-width:calc(100% - 24px);padding:42px 24px;min-height:540px;margin-block:45px}.why-copy h2{font-size:38px}.why-copy>p{font-size:20px}.why-background{object-position:62% center}.why-photographic:before{background:linear-gradient(90deg,rgba(12,30,42,.92),rgba(12,30,42,.76))}}

@media(max-width:1100px) and (min-width:901px){.leverage-layer{padding-inline:21px}.technology-layer h2{font-size:22px}.leverage-outcomes{grid-template-columns:1fr;font-size:16px;gap:10px}.outcomes-layer h2{font-size:40px}}
@media(max-width:550px){.leverage-model{padding-top:8px}.leverage-layers{gap:27px}.leverage-layer{padding:22px 19px}.outcomes-layer{width:94%;padding:0 9px 6px}.outcomes-layer h2{font-size:38px}.technology-layer{width:94%}.technology-layer h2{font-size:21px}.bedrock-layer h2{font-size:29px}.foundation-assets li{font-size:14px;padding:0}.foundation-assets li+li:before{margin:0 7px}.technology-layer:before,.bedrock-layer:before{height:27px;top:-28px}}

/* The approved sculpture blends into the hero instead of sitting in a card. */
.hero-foundations .hero-copy{position:relative;z-index:1}
.hero-sculpture{position:absolute;inset:0 0 0 auto;width:49%;margin:0;display:flex;align-items:center;justify-content:center;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 96%,transparent)}
.hero-sculpture img{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 95%,transparent)}
@media(max-width:900px){.hero-sculpture{position:relative;inset:auto;width:100%;max-width:650px;justify-self:center;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.hero-sculpture img{height:auto}.hero.hero-foundations{gap:20px;padding-bottom:10px}}
@media(max-width:550px){.hero-sculpture{width:calc(100% + 32px);max-width:none;margin-inline:-16px}.hero.hero-foundations{gap:12px}}
