/* All six interactive projects share the same horizontal cover format. */
.lab-art,.lab-card:first-child .lab-art{aspect-ratio:2/1}
.lab-art img,.lab-card:first-child .lab-art img{object-fit:cover;object-position:center}
.lab-grid-six .lab-card .lab-art{aspect-ratio:2/1}
.lab-grid-six .lab-card .lab-art .lab-cover{object-fit:cover}
.lab-grid-six .lab-card .lab-art .lab-snapshot{object-fit:contain}
.lab-art .lab-snapshot,.lab-card:first-child .lab-art .lab-snapshot{object-fit:contain;background:#070b0e;padding:0;opacity:0;z-index:2;transform:none;pointer-events:none;transition:opacity 180ms ease}
.lab-preview-label{position:absolute;left:12px;bottom:12px;z-index:3;padding:5px 7px;background:#070b0ed9;color:#d9e7e2;font:9px Consolas,monospace;opacity:0;pointer-events:none;transition:opacity 180ms ease}
.lab-art .lab-cover{transition:opacity 180ms ease,transform 700ms var(--ease-out)}
.lab-enter{z-index:4}
@media(hover:hover) and (pointer:fine){
 .lab-card.snapshot-ready:hover .lab-snapshot,.lab-card.snapshot-ready:hover .lab-preview-label{opacity:1}
 .lab-card.snapshot-ready:hover .lab-art .lab-snapshot{transform:none}
 .lab-card.snapshot-ready:hover .lab-cover,.lab-card.snapshot-ready:hover .lab-image-tag{opacity:0}
}
.lab-card.snapshot-ready:focus-visible .lab-snapshot,.lab-card.snapshot-ready:focus-visible .lab-preview-label{opacity:1;transition:none}
.lab-card.snapshot-ready:focus-visible .lab-cover,.lab-card.snapshot-ready:focus-visible .lab-image-tag{opacity:0;transition:none}
@media(prefers-reduced-motion:reduce){.lab-art img,.lab-preview-label{transition:none!important;transform:none!important}}