/* A quiet motion layer over the existing static hero image. */
.hero-art{background-image:url('assets/yu-exterior.webp')}
.hero-art .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;pointer-events:none}
.hero-art .hero-video[hidden]{display:none}
.hero-art::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(90deg,rgba(9,10,10,.93) 0%,rgba(10,11,11,.78) 27%,rgba(13,14,13,.22) 70%,rgba(9,10,10,.32) 100%),linear-gradient(0deg,rgba(17,18,17,.75) 0%,transparent 14%)}
.hero-video-toggle{position:absolute;right:0;bottom:28px;z-index:3;padding:8px 11px;border:1px solid rgba(231,222,210,.4);background:rgba(18,19,18,.48);color:#e7ddd1;font-size:10px;letter-spacing:.05em;line-height:1.4}
.hero-video-toggle:hover{background:rgba(92,61,47,.8);border-color:#d8b5a2}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle span{font-size:11px;margin-right:4px}
@media(max-width:720px){.hero-art::after{background-image:linear-gradient(90deg,rgba(8,9,9,.86),rgba(8,9,9,.58) 58%,rgba(8,9,9,.29)),linear-gradient(0deg,rgba(17,18,17,.75),transparent 18%)}.hero-art{background-position:72% center}.hero-art .hero-video{object-position:72% center}.hero-video-toggle{bottom:65px}}
/* Keep the video and its shade behind the headline and links. */
.hero-art{z-index:0}
.hero-grain{z-index:1}
.hero-inner{z-index:2}