.video-cover{display:block;border:1px solid #d7d0df;border-radius:6px;overflow:hidden;background:#17171b}
.video-cover-art{height:410px;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:center;padding:32px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#3b324d,#17171b)}
.video-cover-art img{display:block;width:100%;height:290px;object-fit:cover;border:1px solid #ffffff22;box-shadow:0 12px 32px #0005}
.video-cover-art img:first-child{transform:rotate(-5deg)}
.video-cover-art img:last-of-type{transform:rotate(5deg)}
.video-cover-art img:nth-child(2){height:340px;object-fit:contain;background:#0b0b0e}
.video-cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:1px solid #ffffff80;background:#17171bc9;color:white;font-size:24px;padding-left:4px;transition:background .2s}
.video-cover:hover .video-cover-play{background:var(--purple)}
.video-cover:focus-visible{outline:3px solid var(--purple);outline-offset:6px}
.video-grid{columns:3;column-gap:22px;padding-bottom:30px}
.video-card{break-inside:avoid;display:block;margin:0 0 22px;border:1px solid #d7d0df;border-radius:6px;overflow:hidden;background:#f2eef7}
.portfolio-video{display:block;width:100%;height:auto;max-height:550px;object-fit:contain;background:#101014}
.video-card figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:17px 18px;font-size:13px;line-height:1.5}
.video-duration{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px;padding-top:2px}
.video-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.video-filter{font-size:11px;line-height:1.5;border:1px solid #c9c0d6;border-radius:3px;padding:11px 16px;min-height:44px;background:transparent;color:#51445f}
.video-filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.video-filter:hover{background:#e7dff0;color:var(--ink)}
.video-filter[aria-pressed=true]:hover{background:#34303c;color:white}
.video-card[hidden],.video-filters[hidden]{display:none}
@media(max-width:1100px){.video-cover-art{height:350px;padding:25px}.video-cover-art img{height:235px}.video-cover-art img:nth-child(2){height:290px}}
@media(max-width:800px){.video-grid{columns:2;column-gap:18px}.video-card{margin-bottom:18px}.video-cover-art{height:320px;gap:12px;padding:20px}.video-cover-art img{height:215px}.video-cover-art img:nth-child(2){height:265px}}
@media(max-width:560px){.video-grid{columns:1}.video-cover-art{display:block;height:300px;padding:18px}.video-cover-art img:first-child,.video-cover-art img:last-of-type{display:none}.video-cover-art img:nth-child(2){height:100%;max-width:100%;object-fit:contain;margin:auto}.video-cover-play{width:60px;height:60px;font-size:20px}.portfolio-video{max-height:70svh}.video-card figcaption{font-size:12px;padding:15px}.video-filters{gap:7px;margin-bottom:25px}.video-filter{font-size:10px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.video-cover-play{transition:none}}