/* Alex's guitar clip on the Music card (gigvid.js). Only opacity animates. */
.gigvid { flex: none; width: 100%; position: relative; margin: 0 0 18px; border-radius: 10px; overflow: hidden; background: #0d0b0c; aspect-ratio: 16 / 9; }
.gigvid video { display: block; width: 100%; height: 100%; object-fit: cover; }
.gigvid figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 56px 14px 16px; margin: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, .78)); color: #fff; font: 600 clamp(15px, 2.2vw, 20px)/1.25 'Poppins', 'Yu Gothic UI', 'Nirmala UI', 'Segoe UI', sans-serif; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
.gv-btn { position: absolute; right: 10px; bottom: 10px; width: 36px; height: 36px; border: 0; border-radius: 50%; padding: 0;
  background: var(--verm, #c8341f); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .4); }
.gv-btn svg { width: 16px; height: 16px; fill: currentColor; }
.gv-btn .pa { display: none; } .gv-btn.on .pa { display: inline; } .gv-btn.on .pl { display: none; }
.gv-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
html[dir="rtl"] .gigvid figcaption { padding: 28px 16px 14px 56px; }
html[dir="rtl"] .gv-btn { right: auto; left: 10px; }