#website-types .drive-art { position: relative; isolation: isolate; }
#website-types .drive-art>a { position: relative; display:block; overflow:hidden; height:250px; }
#website-types .drive-art .drive-poster,#website-types .drive-art .drive-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:none; }
.drive-video { opacity:0; transition:opacity .3s ease; pointer-events:none; }
.drive-art.is-playing .drive-video { opacity:1; }
.drive-toggle { position:absolute; right:12px; bottom:12px; z-index:2; width:34px; height:34px; border-radius:50%; border:1px solid #ffffff88; background:#101821bb; color:white; font:14px Arial,sans-serif; cursor:pointer; backdrop-filter:blur(10px); }
.drive-toggle:focus-visible { outline:2px solid #91dfff; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .drive-video { transition:none; } }