/* Corporate films and editorial copy each have their own space. */
.hero-scrim{background:linear-gradient(90deg,rgba(5,17,12,.87) 0%,rgba(5,17,12,.64) 63%,rgba(5,17,12,.3) 100%),linear-gradient(0deg,rgba(5,17,12,.8),transparent 64%)}
.hero-content>p{color:#f0f4ed}.header.over-film:not(.is-scrolled){background:rgba(7,19,14,.7)}
.system-campaign{height:auto;min-height:640px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;background:#102219;isolation:isolate}
.system-campaign:after{display:none}.campaign-copy{grid-column:1;grid-row:1;max-width:none;padding:70px var(--pad) 45px;background:#102219}.campaign-copy h2{font-size:clamp(45px,4.65vw,74px);max-width:630px;line-height:1.08}.campaign-copy .eyebrow{font-size:9px;color:#bad0b4;max-width:none;line-height:1.8}.campaign-copy>p{max-width:430px;font-size:15px;color:#e0e9dc;line-height:1.85}.campaign-copy .white-link{color:#f5f7f0}.campaign-picture{position:relative;grid-column:2;grid-row:1 / 3;inset:auto;min-width:0;min-height:640px}.campaign-picture video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}.campaign-bottom{position:relative;grid-column:1;grid-row:2;left:auto;right:auto;bottom:auto;padding:0 var(--pad) 36px;gap:12px;font-size:8px;color:#dce8d4;flex-wrap:wrap}.campaign-bottom i{width:18px}
/* The service name never competes with the filmed equipment. */
.expertise-mosaic .domain-card{display:grid;grid-template-columns:1fr 70px;grid-template-rows:auto auto 1fr;min-height:0;padding:0;background:#12241b;color:#f4f6f0;align-content:start;justify-content:normal}
.expertise-mosaic .domain-card>div{position:relative;inset:auto;grid-column:1 / -1;grid-row:1;aspect-ratio:1.62;opacity:1;transform:none;overflow:hidden}
.expertise-mosaic .domain-card>div:after{display:none}.expertise-mosaic .domain-card video{position:absolute;inset:0;width:100%;height:100%;transition:transform .8s;filter:none}.expertise-mosaic .domain-card:hover>div{transform:none;opacity:1}.expertise-mosaic .domain-card:hover video{transform:scale(1.025);filter:none}
.expertise-mosaic .domain-number{grid-row:2;grid-column:1;position:relative;inset:auto;padding:23px 28px 0;font:10px var(--mono);color:#b9cdb1}.expertise-mosaic .domain-card h3{grid-column:1;grid-row:3;max-width:none;margin:10px 0 0;padding:0 0 28px 28px;font-size:clamp(27px,2.5vw,38px);line-height:1.15}.expertise-mosaic .domain-arrow{display:grid;place-items:center;position:relative;inset:auto;grid-column:2;grid-row:2 / 4;align-self:center;justify-self:center;width:35px;height:35px;color:#f4f6f0}.expertise-mosaic .domain-arrow svg{width:22px;height:22px}
/* Methodology: an unobstructed film beside the text, steps on a solid ground. */
.engineering-story{padding:75px var(--pad) 60px;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 65px;background:#102219;align-items:center}.engineering-shade{display:none}.engineering-title{grid-column:1;grid-row:1;max-width:none}.engineering-title h2{font-size:clamp(43px,4.7vw,72px);line-height:1.08}.engineering-title>p{color:#e0e9dc;font-size:15px}.engineering-title .eyebrow{font-size:9px;color:#bad0b4;line-height:1.8}.engineering-film{position:relative;inset:auto;grid-column:2;grid-row:1;height:390px;overflow:hidden}.engineering-film video{width:100%;height:100%;object-fit:cover;object-position:60% center}.engineering-steps{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:60px}.engineering-step p{color:#e0e9dc}.engineering-step small{color:#bbd0b2;font-size:9px}
/* Network footage sits next to the infrastructure proposition. */
.infrastructure-banner{height:auto;min-height:620px;display:grid;grid-template-columns:1fr 1fr;background:#e8ece3;color:#112219;isolation:isolate}.infrastructure-banner:after{display:none}.infrastructure-banner>video.subject-film{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;height:100%;min-height:620px;object-fit:cover;object-position:var(--film-focus,center)}.infrastructure-banner>div{position:relative;inset:auto;grid-column:2;grid-row:1;padding:65px var(--pad);background:#e8ece3}.infrastructure-banner .eyebrow{color:#3b5943;font-size:9px;line-height:1.8;max-width:none}.infrastructure-banner h2{font-size:clamp(43px,4.6vw,70px)}.infrastructure-banner p{color:#344d3b;max-width:430px;font-size:15px}.infrastructure-banner .button-secondary{border-color:#51644e;color:#12251a}.infrastructure-banner .button-secondary:hover{background:#12251a;color:#fff}
/* Environment titles also remain readable throughout every moving frame. */
.environment-window{aspect-ratio:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;background:#102219}.environment-window:after{display:none}.environment-window video{position:relative;inset:auto;grid-column:1;grid-row:1;aspect-ratio:1.62;width:100%;height:auto;object-fit:cover;filter:none}.environment-caption{position:relative;inset:auto;grid-row:2;padding:24px 27px 28px;background:#102219}.environment-caption>span{color:#c2d2bb}.environment-caption h3{font-size:clamp(27px,2.55vw,40px)}.environment-number,.environment-arrow{background:#102219e8;padding:5px 7px}.environment-arrow{padding:0}.environment-card:hover video{transform:none;filter:none}
.environment-campaign{height:auto;overflow:hidden}.environment-campaign:after{display:none}.environment-campaign>video{position:relative;inset:auto;height:clamp(400px,45vw,680px)}.environment-film-caption{position:relative;inset:auto;background:#102219;padding:30px var(--pad) 36px;color:#fff}.environment-film-caption>p{max-width:950px}.environment-campaign>.media-control{top:calc(clamp(400px,45vw,680px) - 62px);bottom:auto}
@media(max-width:1050px){.campaign-copy{padding-right:35px}.campaign-copy h2{font-size:52px}.campaign-bottom{padding-right:30px}.engineering-story{gap:0 35px}.engineering-title h2{font-size:53px}.engineering-film{height:370px}.engineering-steps{grid-template-columns:1fr 1fr;gap:35px}.infrastructure-banner>div{padding-left:35px}.infrastructure-banner h2{font-size:52px}.environment-caption h3{font-size:29px}}
@media(max-width:720px){.hero-scrim{background:linear-gradient(90deg,#06150dde,#06150d91),linear-gradient(0deg,#06150dd9,transparent 70%)}.system-campaign{display:flex;flex-direction:column;min-height:0}.campaign-copy{padding:48px var(--pad) 37px;order:1}.campaign-copy h2{font-size:49px;max-width:550px}.campaign-copy .eyebrow{font-size:8px;margin-bottom:24px}.campaign-copy>p{font-size:14px;max-width:490px}.campaign-bottom{order:2;padding:0 var(--pad) 32px;font-size:7px;gap:13px}.campaign-picture{order:3;min-height:0;aspect-ratio:1.48}.campaign-picture video{object-position:55% center}.expertise-mosaic .domain-card>div{aspect-ratio:1.45}.expertise-mosaic .domain-number{padding:21px 23px 0}.expertise-mosaic .domain-card h3{font-size:31px;padding:0 0 25px 23px}.expertise-mosaic .domain-card{grid-template-columns:1fr 60px}.engineering-story{display:flex;flex-direction:column;align-items:stretch;padding:50px var(--pad);gap:0}.engineering-title h2{font-size:49px}.engineering-title>p{font-size:14px;max-width:none}.engineering-film{margin-top:32px;height:auto;aspect-ratio:1.43}.engineering-steps{margin-top:38px;grid-template-columns:1fr 1fr;gap:29px 22px}.engineering-step h3{font-size:24px}.engineering-step p{font-size:12px}.engineering-step small{font-size:8px;line-height:1.9}.infrastructure-banner{display:flex;flex-direction:column;min-height:0}.infrastructure-banner>div{order:1;padding:48px var(--pad)}.infrastructure-banner>video.subject-film{order:2;min-height:0;height:auto;aspect-ratio:1.45;object-position:var(--film-focus-mobile,var(--film-focus,center))}.infrastructure-banner h2{font-size:49px}.infrastructure-banner p{font-size:14px;max-width:490px}.infrastructure-banner .eyebrow{font-size:8px}.environment-window video{aspect-ratio:1.45}.environment-caption{padding:22px 23px 26px}.environment-caption h3{font-size:31px}.environment-caption>span{font-size:8px}.environment-campaign>video{height:330px}.environment-film-caption{padding:25px var(--pad) 30px}.environment-film-caption>p{font-size:25px}.environment-campaign>.media-control{top:275px;bottom:auto;right:20px}}
@media(max-width:460px){.campaign-copy h2,.engineering-title h2,.infrastructure-banner h2{font-size:43px}.engineering-steps{grid-template-columns:1fr}.engineering-step h3{font-size:27px}.engineering-step p{font-size:13px}.expertise-mosaic .domain-card h3{font-size:29px}.environment-campaign>video{height:300px}.environment-campaign>.media-control{top:245px}}
@media(prefers-reduced-motion:reduce){.expertise-mosaic .domain-card video{transition:none}.expertise-mosaic .domain-card:hover video{transform:none}}
.motion-off .expertise-mosaic .domain-card:hover video{transform:none}