.service-backdrop.service-film-backdrop{top:0;height:100lvh}
.service-film-backdrop video,.service-backdrop.service-film-backdrop img{position:absolute;inset:0;width:100%;height:100%;max-height:none;max-width:none;margin:0;object-fit:cover;object-position:center;mask-image:none}
.service-film-backdrop video{opacity:0;transition:opacity .4s ease}
.service-film-backdrop video.is-playing{opacity:1}
.service-film-toggle{position:fixed;right:22px;bottom:22px;z-index:21;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff66;border-radius:4px;background:#090b0ccc;color:#fff;cursor:pointer}
.service-film-toggle[hidden],.service-film-toggle [hidden]{display:none!important}
.service-film-toggle span{display:grid;place-items:center;grid-area:1/1}
@media(max-width:760px){
 .service-backdrop.service-film-backdrop{top:82px;height:calc(100svh - 82px)}
 .service-film-backdrop video,.service-backdrop.service-film-backdrop img{object-fit:contain;object-position:center top}
 .service-film-toggle{right:12px;bottom:12px}
 .service-hero{height:auto;min-height:0;max-height:none;align-items:flex-start}
 .service-hero>.wrap{padding-top:calc(102px + 56.25vw);padding-bottom:32px}
 .service-hero-copy{padding:20px 18px;background:#090c0be8;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
 .service-hero-copy h1{font-size:30px;line-height:1.2}
 .service-hero-copy .breadcrumb{margin-bottom:14px}
 .service-hero-copy .hero-actions{margin-top:20px;gap:14px}
}
@media(prefers-reduced-motion:reduce){.service-film-backdrop video{transition:none}}