/* Service openings reuse the tested silent background controller from the homepage. */
.service-video{position:relative;isolation:isolate;overflow:hidden;background:#171718}
.service-video>.container{position:relative;z-index:1}
.service-video.page-heading{min-height:420px;padding-block:64px 78px;display:flex;align-items:center}
.service-video.page-heading h1,.service-video.page-heading .lead{color:#fff}
.service-video .breadcrumb,.service-video .breadcrumb a{color:#f0f0f2}
.service-video .hero-video-shade{background:linear-gradient(90deg,rgba(14,15,17,.83),rgba(14,15,17,.65) 52%,rgba(14,15,17,.25))}
.service-video.beach-opening .split>div:first-child h1,.service-video.beach-opening .split>div:first-child p,.service-video.beach-opening .split>div:first-child .eyebrow,.service-video.beach-opening .split>div:first-child p a{color:#fff}
.service-video.beach-opening .hero-video-media img,.service-video.beach-opening .hero-video-media video{object-position:center 53%}
/* This source is portrait. Keep the complete frame next to the heading. */
.service-video-portrait.page-heading{min-height:500px}
.service-video-portrait>.container{padding-right:42%}
.service-video-portrait .hero-video-media{left:58%;right:max(32px,calc((100% - var(--width))/2));width:auto}
.service-video-portrait .hero-video-media img,.service-video-portrait .hero-video-media video{object-fit:contain;object-position:center}
.service-video-portrait .hero-video-shade{background:none}
@media(max-width:900px){.service-video.page-heading{padding-block:44px 72px;min-height:380px}.service-video-portrait>.container{padding-right:40%}.service-video-portrait .hero-video-media{left:58%;right:24px}}
@media(max-width:650px){.service-video.page-heading{min-height:360px;padding-block:35px 70px}.service-video .hero-video-shade{background:rgba(14,15,17,.72)}.service-video-portrait.page-heading{display:flex;flex-direction:column;align-items:stretch;min-height:0}.service-video-portrait>.container{padding-right:0;order:1}.service-video-portrait .hero-video-media{position:relative;inset:auto;order:2;width:214px;height:380px;max-width:calc(100% - 40px);margin:28px auto 0;border-radius:4px}.service-video-portrait .hero-video-shade{background:none}.service-video.beach-opening{padding-bottom:70px}}