.hero-basic{background:#fff;height:95vh}@media only screen and (min-width:992px){.hero-basic{height:100vh}}.hero-basic .container{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;z-index:5}.hero-basic .wp-block-group.content{max-width:73%}@media only screen and (min-width:992px){.hero-basic .wp-block-group.content{max-width:45%;transform:translateY(-60px)}}.hero-basic.block-editor-block-list__block{align-items:center;display:flex}.hero-basic.block-editor-block-list__block .container{will-change:clip-path;z-index:5}.hero-basic .has-large-font-size{margin-top:10px}@media only screen and (max-width:991px){.hero-basic .video-intro,.hero-basic .video-sequence-canvas{left:50%;max-width:50%;transform:scaleX(-1)}}@media only screen and (min-width:992px){.hero-basic .video-intro,.hero-basic .video-sequence-canvas{left:50%;max-width:50%;-o-object-position:center;object-position:center;transform:scaleX(-1)}}.hero-basic strong{color:var(--primary)}.hero-basic canvas.video-sequence-canvas{mix-blend-mode:difference}.hero-basic .element-animation{--video-scroll-progress:100;background-color:#000;bottom:0;clip-path:polygon(0 0,100% 0,100% calc(40% + 60%*(1 - var(--video-scroll-progress, 100)/100)),0 100%);height:100%;left:0;position:absolute;width:100%;z-index:1}@media only screen and (min-width:992px){.hero-basic .element-animation{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--video-scroll-progress, 100)*1%),0 100%)}}