.video-backdrop{position:absolute;inset:0 0 0 40%;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 40%)}
.video-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.5) brightness(.5)}
.video-variant .hero-main{position:relative}.video-variant h1{text-shadow:0 3px 20px #102d2350}
.video-toggle{position:absolute;right:var(--gutter);bottom:24px;background:#102d23;color:#f2f6ef;border:1px solid #90b09b;padding:10px 14px;min-height:44px;z-index:2;cursor:pointer;font-size:12px}
@media(max-width:760px){.video-backdrop{inset:0 0 0 15%;mask-image:linear-gradient(90deg,transparent,#000 65%)}.video-backdrop video{filter:saturate(.4) brightness(.3)}.video-toggle{bottom:18px}}