.hero-media{position:relative;width:100%;height:100%;isolation:isolate}
.hero-media picture{display:contents}
.hero-media__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0;transition:opacity .4s ease;pointer-events:none}
.hero-media.is-playing .hero-media__video{opacity:1}
.hero-media__toggle{position:absolute;right:22px;bottom:22px;z-index:5;pointer-events:auto;width:auto;min-height:38px;padding:8px 14px;border:1px solid #ffffff70;border-radius:999px;background:#10202ade;color:white;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer;box-shadow:0 3px 16px #0003}
.hero-media__toggle[hidden]{display:none!important}
.hero-media__toggle:hover{background:#10202a}
.hero-media__toggle:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:1000px){.hero-media__video{object-fit:contain}.hero-media__toggle{right:14px;bottom:16px;font-size:12px}.wl-industrial .transport-hero__media .hero-media__video{mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.hero-media__video{display:none}.hero-media__toggle{display:none!important}}

.wl-industrial .transport-hero__media{z-index:0}
.wl-industrial .transport-hero::after{z-index:1;pointer-events:none}
.wl-industrial .transport-hero__inner{position:relative;z-index:2;pointer-events:none}
.wl-industrial .transport-hero__copy{pointer-events:auto}

@media(min-width:1001px){.wl-industrial .transport-hero__media .hero-media--video img{object-position:center 30%}}