.benefit-spotlight:has(.benefit-video){background:#0a0a0a}
.benefit-art--video{background:#0a0a0a;min-height:450px}
.benefit-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:grayscale(1) contrast(1.07) brightness(.88)}
.benefit-video-texture{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.benefit-video-texture::before{content:'';position:absolute;inset:0;opacity:.11;mix-blend-mode:soft-light;background:url('assets/video-grain.svg') repeat;background-size:180px}
.benefit-video-texture::after{content:'';position:absolute;inset:-12px 0;opacity:.20;background:repeating-linear-gradient(0deg,transparent 0 2px,#0009 2px 3px,transparent 3px 5px);animation:video-raster 2.8s steps(8,end) infinite;animation-play-state:paused}
[data-video-state="playing"] .benefit-video-texture::after{animation-play-state:running}
.benefit-video-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a0a0a12 0%,transparent 38%,#0a0a0a0a 52%,#0a0a0a65 72%,#0a0a0ade 91%,#0a0a0a 100%)}
.benefit-spotlight:has(.benefit-video) .benefit-spotlight-copy{background:#0a0a0a}
@keyframes video-raster{from{transform:translateY(0)}to{transform:translateY(10px)}}
@media(max-width:800px){.benefit-art--video{min-height:400px}}
@media(max-width:540px){.benefit-art--video{min-height:430px}}
@media(prefers-reduced-motion:reduce){.benefit-video-texture::after{animation:none}}