/* Transform only: keep the masonry columns and scroll position stable. */
#waterfall{isolation:isolate}
#waterfall>.video-card{position:relative;transform-origin:center;transition:transform 240ms ease,box-shadow 240ms ease;z-index:0}
@media(hover:hover) and (pointer:fine){
  body:not(:has(dialog[open])) #waterfall:has(>.video-card:hover)>.video-card{transform:scale(.97)}
  body:not(:has(dialog[open])) #waterfall:has(>.video-card:hover)>.video-card:hover{transform:scale(1.035);z-index:2;box-shadow:0 12px 32px #0008}
}
body:not(:has(dialog[open])) #waterfall:has(video:focus-visible)>.video-card{transform:scale(.97)}
body:not(:has(dialog[open])) #waterfall>.video-card:has(video:focus-visible){transform:scale(1.035);z-index:2;box-shadow:0 12px 32px #0008}
@media(prefers-reduced-motion:reduce){#waterfall>.video-card{transition:none;transform:none!important}}