.hero--video {grid-template-columns:1fr;}
.hero--video::after {display:none;}
.hero--video .hero-content {width:min(70%,62rem);min-height:40rem;padding-bottom:7rem;}
.hero--video .hero-content::before,.hero--video .hero-content::after {display:none;}
.hero--video h1 {max-width:none;}
.hero-video {position:absolute;z-index:0;inset:0 0 0 35%;pointer-events:none;overflow:hidden;background:var(--black);}
.hero-video video {display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.43;filter:saturate(.65);}
.hero-video::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0a,rgba(10,10,10,.3) 45%,rgba(10,10,10,.15)),linear-gradient(0deg,#0a0a0a,transparent 32%);}
.hero-video-toggle {position:absolute;z-index:3;right:var(--gutter);bottom:8rem;min-height:44px;padding:.7rem 1rem;border:1px solid #777;color:var(--white);background:#141414;font:700 .75rem/1.4 var(--display);cursor:pointer;}
.hero-video-toggle:hover {border-color:var(--white);}
.hero-video-caption {margin:2rem 0 0;color:var(--steel);font:800 .75rem/1.4 var(--display);letter-spacing:.12em;text-transform:uppercase;}
.hero--video .hero-facts {position:relative;z-index:2;background:rgba(10,10,10,.85);}
@media(max-width:900px) {
 .hero--video .hero-content {width:85%;min-height:39rem;}
 .hero-video {left:20%;}
}
@media(max-width:680px) {
 .hero--video .hero-content {width:100%;min-height:0;padding-bottom:6rem;}
 .hero-video {inset:0;}
 .hero-video::after {background:linear-gradient(90deg,rgba(10,10,10,.7),rgba(10,10,10,.25)),linear-gradient(0deg,#0a0a0a,transparent 48%);}
 .hero-video-toggle {bottom:18.4rem;}
 .hero-video-caption {max-width:21rem;}
}