.video-display-art { padding: 28px; }
.video-screen { position: relative; aspect-ratio: 16/9; margin: 26px 0; display: grid; grid-template-columns: repeat(16,1fr); grid-template-rows: repeat(9,1fr); gap: 2px; padding: 5px; background: #080b13; border: 1px solid rgba(161,170,255,.3); border-radius: 7px; overflow: hidden; box-shadow: 0 12px 35px rgba(0,0,0,.5),0 0 30px rgba(94,106,210,.15); }
.video-screen span { background: var(--pixel-colour); border-radius: 1px; }
.video-screen::after { content: ''; position: absolute; inset: 0; background: linear-gradient(115deg,transparent 25%,rgba(255,255,255,.12) 48%,transparent 70%); transform: translateX(-100%); animation: video-screen-sweep 9s ease-in-out infinite; pointer-events: none; }
@keyframes video-screen-sweep { 0%,25% { transform: translateX(-100%); } 75%,100% { transform: translateX(100%); } }
.video-art-flow { grid-template-columns: 1fr 1fr 1fr; }
.video-hero .audio-use-row { margin-top: 48px; }
@media (max-width: 900px) { .video-display-art { padding: 22px 18px; } }
@media (max-width: 700px) { .video-hero .audio-use-row { margin-top: 32px; } }
@media (prefers-reduced-motion: reduce) { .video-screen::after { animation: none; opacity: 0; } }