.video-block{min-height:100vh;background:#000}.video-block .video-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden}.video-block .video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.video-block .video-wrapper .video-poster{position:absolute;inset:0;z-index:2;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;opacity:1;transition:opacity .25s ease}.video-block .video-wrapper .video-poster.is-hidden{opacity:0}.video-block .video-wrapper .video-play-btn{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);z-index:3;width:120px;height:120px;border-radius:100px;display:flex;align-items:center;justify-content:center;background:rgba(1,206,250,.9);color:#fff;font-size:3rem;border:none;cursor:pointer;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 0 30px rgba(0,0,0,.3)}.video-block .video-wrapper .video-play-btn:hover{transform:translate(-50%, -50%) scale(1.08);box-shadow:0 0 40px rgba(0,0,0,.45)}.video-block .video-wrapper.is-playing .video-play-btn{opacity:0;pointer-events:none}.video-block .video-wrapper:not(.has-started) video{pointer-events:none}.video-block .video-wrapper:not(.has-started) video::-webkit-media-controls{display:none !important}