/* Contained supporting footage; hero layouts retain their original photographs. */
.service-film{min-width:0;margin:0;background:#101719;border-top:3px solid var(--green)}
.service-film-stage{position:relative;aspect-ratio:16/9}
.service-film video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
.service-film.portrait{width:100%;max-width:310px;justify-self:center}
.service-film.portrait .service-film-stage,.service-film.portrait video{aspect-ratio:9/16}
.service-film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:68px;height:68px;min-height:0;padding:0;border:0;border-radius:50%;background:var(--green);color:#172023;cursor:pointer;box-shadow:0 4px 24px #0007}
.service-film-play svg{width:28px;height:28px;margin-left:2px;fill:currentColor}
.service-film-play:hover{background:#a2cf61}
.service-film-play:focus-visible,.service-film video:focus-visible{outline:2px solid white;outline-offset:4px}
.service-film-play[hidden],.service-film-error[hidden]{display:none}
.service-film-error{font-size:14px;padding:18px;line-height:1.6}
.service-film-error a{text-decoration:underline}
.maintenance-visit-layout{grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}
.maintenance-visit .section-heading{margin-bottom:36px}
.maintenance-visit .section-heading h2{font-size:37px}
.installation-film-section{background:#192023}
.installation-film-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;max-width:960px}
.installation-film-layout h2{font-size:39px}
.installation-film-layout p:not(.eyebrow){font-size:17px;line-height:1.75;margin-top:24px;max-width:420px}
.installation-film-layout .text-link{margin-top:22px}
@media(max-width:1100px){.maintenance-visit-layout{gap:32px}.installation-film-layout{gap:40px}}
@media(max-width:767px){
 .service-film-play{width:54px;height:54px}.service-film-play svg{width:24px;height:24px}
 .maintenance-visit-layout,.installation-film-layout{grid-template-columns:1fr;gap:30px}
 .maintenance-visit .section-heading{display:block}.maintenance-visit .section-heading>p{margin-top:22px}
 .maintenance-visit .section-heading h2,.installation-film-layout h2{font-size:32px}
 .installation-film-layout>div{grid-row:1}.installation-film-layout p:not(.eyebrow){font-size:16px}
 .service-film.portrait{max-width:280px}
}
