.videos{list-style:none;margin:0;padding:0;display:grid;gap:clamp(2rem,5vh,3.25rem)}.video-item{display:grid;grid-template-columns:minmax(0,21rem) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.25rem);align-items:start;padding-bottom:clamp(2rem,5vh,3.25rem);border-bottom:1px solid var(--rule)}.videos>li:last-child .video-item,.video-item:last-child{border-bottom:0;padding-bottom:0}.video-thumb{display:block;width:100%;aspect-ratio:16/9;margin:0;padding:0;border:1px solid var(--rule);border-radius:2px;background:var(--panel) var(--thumb, url("/video-placeholder.svg")) center/cover no-repeat;cursor:pointer;position:relative;overflow:hidden;transition:border-color 160ms,transform 160ms}.video-thumb:hover,.video-thumb:focus-visible{border-color:var(--accent)}.video-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,color-mix(in oklch,var(--bg-deep) 55%,transparent) 100%);transition:opacity 160ms}.video-thumb::after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:0;height:0;border-style:solid;border-width:.85rem 0 .85rem 1.4rem;border-color:transparent transparent transparent var(--ink);filter:drop-shadow(0 0 10px color-mix(in oklch,var(--bg-deep) 80%,transparent));transition:border-left-color 160ms,scale 160ms}.video-thumb:hover::after,.video-thumb:focus-visible::after{border-left-color:var(--accent);scale:1.12}.video-thumb[aria-disabled=true]{cursor:default;opacity:.55}.video-thumb[aria-disabled=true]:hover{border-color:var(--rule)}.video-thumb[aria-disabled=true]:hover::after{border-left-color:var(--ink);scale:1}.video-frame{width:100%;aspect-ratio:16/9;border:1px solid var(--rule);border-radius:2px;display:block}.video-body h3{margin:0 0 .3rem;font-size:1.0625rem;font-weight:600;letter-spacing:-.015em;line-height:1.3}.video-sub{margin:0 0 .75rem;font-size:.875rem;font-weight:500;color:var(--accent)}.video-body p{margin:0;font-size:.875rem;line-height:1.6;color:var(--ink-soft);max-width:62ch}.video-meta{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--rule);font-size:.75rem;color:var(--ink-faint);display:flex;flex-wrap:wrap;gap:.35rem .9rem}.video-meta a{color:var(--accent);text-decoration:none}.video-meta a:hover{text-decoration:underline}@media (max-width:46rem){.video-item{grid-template-columns:1fr;gap:1rem}}