.cover{background:var(--cover-field);border-radius:var(--radius-media);isolation:isolate;color:#fff;width:100%;height:100%;display:block;position:relative;overflow:hidden}.cover img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.cover-number{left:var(--space-3);top:var(--space-3);z-index:3;font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.06em;padding:2px var(--space-2);color:#fff;background:#000000c2;border-radius:2px;position:absolute}.cover-empty{padding:var(--space-4);background:var(--cover-field);background-image:repeating-linear-gradient(90deg,#0000 0 23px,#ffffff14 23px 24px);place-items:end start;display:grid}.cover-empty-mark{font-family:var(--font-display);font-weight:var(--weight-display);text-transform:uppercase;color:#ffffffb3;font-size:clamp(28px,4vw,56px);line-height:.9}.cover-full{border-bottom:6px solid var(--cover-field);width:100%;height:100%;display:block}.cover-full img{transition:transform 1.2s var(--ease-out)}.cover-crt{place-items:center;width:100%;height:100%;padding:6% 8%;display:grid}.cover-crt-tube{aspect-ratio:4/3;border-radius:7%/9%;width:100%;max-height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0006,0 0 0 9px #0d1322,0 18px 40px #0007}.cover-crt-tube:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000002e 2px 3px);position:absolute;inset:0;box-shadow:inset 0 0 60px #000a}.cover-crt img{transition:transform 1.2s var(--ease-out)}.cover-posters{width:100%;height:100%;display:block;position:relative}.cover-poster{width:min(30%,calc(80% / var(--n)));aspect-ratio:4/5;transform:translate(calc(-50% + (var(--i) - (var(--n) - 1) / 2) * 62%),-50%) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3deg));transition:transform var(--duration-panel) var(--ease-out);border-radius:2px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 14px 30px #0005}.cover:hover .cover-poster,a:hover .cover-poster,button:hover .cover-poster{transform:translate(calc(-50% + (var(--i) - (var(--n) - 1) / 2) * 70%),-52%) rotate(0deg)}.cover-window{transition:transform var(--duration-panel) var(--ease-out);background:#fff;border-radius:6px 6px 0 0;flex-direction:column;display:flex;position:absolute;inset:8% 7% 0;overflow:hidden;box-shadow:0 16px 40px #0004}.cover-window-bar{background:#f1efe9;border-bottom:1px solid #0000001a;flex:none;align-items:center;gap:5px;height:24px;padding:0 9px;display:flex}.cover-window-bar i{background:#00000026;border-radius:50%;width:7px;height:7px}.cover-window-bar span{font-family:var(--font-mono);color:#000000b0;white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:10px;overflow:hidden}.cover-window-view{flex:1;min-height:0;display:block}.cover-window-view img{object-position:left top}a:hover .cover-window,button:hover .cover-window{transform:translateY(-6px)}a:hover .cover-full img,button:hover .cover-full img,a:hover .cover-crt img,button:hover .cover-crt img{transform:scale(1.03)}.cover-thumb .cover-window{inset:10% 8% 0}.cover-thumb .cover-window-bar{gap:3px;height:12px;padding:0 5px}.cover-thumb .cover-window-bar i{width:4px;height:4px}.cover-thumb .cover-window-bar span{display:none}.cover-thumb .cover-crt{padding:8%}.cover-thumb .cover-crt-tube{box-shadow:0 0 0 1px #0006,0 0 0 4px #0d1322}.cover-thumb .cover-full{border-bottom-width:3px}.cover-hero .cover-window{inset:6% 9% 0}.cover-hero .cover-window-bar{height:30px}.cover-hero .cover-window-bar span{font-size:12px}@media (prefers-reduced-motion:reduce){.cover-poster,.cover-window,.cover img{transition:none!important}}@media print{.cover{-webkit-print-color-adjust:exact;print-color-adjust:exact}}