/* Keep the selected landscape footage at its original proportions. */
.service-hero.service-areas-motion{min-height:0;aspect-ratio:16/9;padding:72px 6.5vw 80px;isolation:isolate}
.service-areas-motion:before{z-index:1;background:linear-gradient(90deg,rgba(4,17,34,.84),rgba(4,17,34,.48) 58%,rgba(4,17,34,.2));pointer-events:none}
.service-areas-motion>.service-areas-media{position:absolute;inset:0;z-index:0;background:#081d38 var(--hero-poster,url('/assets/melbourne-skyline-poster.webp')) center/contain no-repeat}
.service-areas-video{display:block;width:100%;height:100%;object-fit:contain}
.service-areas-motion>.service-hero-copy{z-index:2;max-width:1000px}
.service-areas-motion>.service-areas-playback{position:absolute;z-index:3;bottom:22px;right:6.5vw;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.6);background:#081d38;color:#fff;font:500 14px/1.5 var(--sans);cursor:pointer}
.service-areas-playback[hidden]{display:none}
.service-areas-playback:focus-visible{outline:3px solid #cda85e;outline-offset:4px}
@media(max-width:760px){
 .service-hero.service-areas-motion{display:block;aspect-ratio:auto;min-height:0;padding:0}
 .service-areas-motion>.service-areas-media{position:relative;inset:auto;aspect-ratio:16/9;width:100%}
 .service-areas-motion:before{display:none}
 .service-areas-motion>.service-hero-copy{padding:38px 6vw 86px;background:#081d38}
 .service-areas-motion .eyebrow{margin-top:0}
 .service-areas-motion>.service-areas-playback{right:6vw;bottom:20px}
}