.as-video-container-wrapper{max-width:65%;margin:auto;padding-top:58px}
@media (max-width:1024px){
.as-video-container-wrapper{max-width:92%;padding-left:24px;padding-right:24px}
}
.as-video-title-overlay{position:relative;margin-top:25%;margin-left:2%;font-family:Oswald;color:#fff;font-size:23px;font-weight:700;z-index:3;line-height:1.2;letter-spacing:-.03em}
.as-video-wrapper{margin:0 auto;box-sizing:border-box}
.as-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);background-color:#000}
.as-video-container video,.as-video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.as-video{opacity:0;pointer-events:none;transition:opacity .3s ease}
.as-video-container.playing .as-video{opacity:1;pointer-events:auto}
.as-video-container.playing .as-play-button,.as-video-container.playing .as-video-poster{display:none}
.as-play-icon{width:89px;height:89px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0, 0, 0, .5))}
.as-video-title{margin-top:16px;text-align:center;font-size:24px;font-weight:700;color:#111}
.as-video-container .as-video-poster{display:block}
@media screen and (max-width:768px){
.as-video-container-wrapper{max-width:100%;padding-left:0;padding-right:0}
.as-video-container{border-radius:0;padding-bottom:50%;padding-top:55%}
.as-video-container video,.as-video-poster{border-radius:0}
.as-video-container::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);z-index:1;pointer-events:none}
.as-video-title-overlay{font-size:24px;line-height:1;max-width:90%;padding-left:32px;padding-right:25px}
}
.grey-bg{background-color:#f0f0f0}