/* Still images remain the default. Preview media load only after deliberate hover/focus. */
#all-work .archive-card[data-preview] .cover,#all-work .archive-card[data-preview-youtube] .cover{height:auto!important;aspect-ratio:16/10!important}
.archive-card .archive-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;opacity:0;pointer-events:none;transition:opacity .28s ease;background:#15121b}
.archive-card.motion-active .archive-preview{opacity:1}
.archive-preview-host{position:absolute;inset:0;overflow:hidden;z-index:3;opacity:0;pointer-events:none;transition:opacity .28s ease;background:#15121b}
.archive-preview-host iframe{position:absolute;width:120%;height:120%;left:-10%;top:-10%;border:0;pointer-events:none}
.archive-card.motion-active .archive-preview-host{opacity:1}
.archive-card .motion-cue{position:absolute;top:14px;right:14px;z-index:4;border:1px solid #ffffff40;border-radius:30px;padding:6px 9px;background:#100d1755;backdrop-filter:blur(6px);font:8px/1 Objective,Arial,sans-serif;letter-spacing:.1em;color:#fff;pointer-events:none;transition:opacity .25s}
.archive-card.motion-active .motion-cue{opacity:0}
.archive-card:focus-visible{outline:2px solid #ff459a;outline-offset:4px}
.archive-card[href="beyond-the-grid.html"] .cover{background:#141d19}
.archive-card[href="beyond-the-grid.html"] .cover>img{object-position:center!important}
.archive-card[href="beyond-the-grid.html"] .cover:before{z-index:4;background:linear-gradient(0deg,#101b17e6,transparent 70%);pointer-events:none}
.btg-archive-title{z-index:5;font-size:clamp(22px,2vw,30px);left:20px;bottom:22px;text-shadow:0 2px 20px #0005;pointer-events:none}
@media(hover:none),(prefers-reduced-motion:reduce){.archive-preview,.archive-preview-host,.motion-cue{display:none!important}.archive-card:hover{transform:none}.archive-card:hover img{transform:none}}

.archive-card[href="beyond-the-grid.html"]:hover .btg-archive-title,.archive-card[href="beyond-the-grid.html"]:focus-visible .btg-archive-title{opacity:0}
@media(max-width:800px){.btg-archive-title{display:none}}
@media(max-width:600px){.archive-preview,.archive-preview-host,.motion-cue{display:none!important}}