.hero-4{height:auto}
.hero-4 .hero-4-media{margin-bottom:-100vh}
.hero-4 .hero-4-screen-start{height:100vh;height:100svh}
@media(min-width:576px) and (max-height:750px){.hero-4 .hero-4-screen-start .hero-4-copy-container{margin-top:4rem}
}
@media(min-width:576px) and (max-height:500px){.hero-4 .hero-4-screen-start .hero-4-copy-container{margin-top:2rem}
}
.hero-4 .hero-4-screen-end{min-height:50vh}
.hero-4 .hero-4-screen-end p,.hero-4 .hero-4-screen-end a{font-size:.625rem}
@media(min-width:992px){.hero-4 .hero-4-screen-end p,.hero-4 .hero-4-screen-end a{font-size:.875rem}
}
.hero-4 .hero-4-screen-end a{text-decoration:none}
.hero-4 .hero-4-screen-end a:hover{color:currentColor;text-decoration:underline}
@media(min-width:992px){.hero-4 .hero-4-screen-end svg{height:20px;width:20px}
}
.hero-4 .play-pause-container{padding-top:5.5rem}
.hero-4 .lt-hero-join{width:100%;margin-top:4rem}
@media(min-width:768px){.hero-4 .lt-hero-join{width:auto;margin-top:5rem}
}