.videoArchive{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px 30px;display:grid}.videoRecord{min-width:0;color:var(--color-navy);border-radius:12px;display:block}.videoThumb{aspect-ratio:16/9;background:var(--color-surface-muted);border-radius:11px;display:block;position:relative;overflow:hidden}.videoThumb img{object-fit:cover;transition:transform .22s}.videoPlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b1f2ec2;border-radius:50%;place-items:center;width:48px;height:48px;transition:background-color .18s,transform .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.videoPlay>span{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid var(--color-on-dark);width:0;height:0;margin-left:3px}.videoCopy{padding-top:15px;display:block}.videoTitle{-webkit-line-clamp:2;font-family:var(--font-serif), Georgia, serif;color:var(--color-navy);-webkit-box-orient:vertical;font-size:1.45rem;line-height:1.22;transition:color .18s;display:-webkit-box;overflow:hidden}.videoMeta{color:var(--color-text);margin-top:7px;font-size:.9rem;line-height:1.45;display:block}.videoRecord:hover .videoThumb img{transform:scale(1.018)}.videoRecord:hover .videoPlay,.videoRecord:focus-visible .videoPlay{background:#0b1f2edb;transform:translate(-50%,-50%)scale(1.04)}.videoRecord:hover .videoTitle,.videoRecord:focus-visible .videoTitle{color:var(--color-copper)}.videoRecord:focus-visible{outline:3px solid var(--focus-ring);outline-offset:6px}.videoEmpty{grid-column:1/-1;max-width:560px}.videoEmpty h2{margin:0 0 8px;font-size:1.8rem}.videoEmpty p{line-height:1.65}@media (max-width:1050px){.videoArchive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.videoArchive{grid-template-columns:1fr;row-gap:36px}.videoPlay{width:44px;height:44px}.videoTitle{font-size:1.35rem}}@media (prefers-reduced-motion:reduce){.videoThumb img,.videoPlay,.videoTitle{transition:none}.videoRecord:hover .videoThumb img{transform:none}.videoRecord:hover .videoPlay,.videoRecord:focus-visible .videoPlay{transform:translate(-50%,-50%)}}