/* The "Watch a real take" link and the window it opens (video-pop.js).
   v2 (2026-09-29, Steve: the card link and the full-page black player felt off, and
   the close was hard to find): a quiet link like the site's other orange links, and
   a QuickTime-style window that zooms out of the play button over a lightly dimmed
   page, closed by its own red button (or Esc, or a click outside). */
.vlink{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-size:15.5px;font-weight:600;color:var(--accent-dark,#d96400);text-decoration:none}
.vlink small{font-size:14px;font-weight:500;color:var(--muted,#6e6e73);font-variant-numeric:tabular-nums}
.vlink-ic{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent,#ff7a00);box-shadow:0 4px 12px -3px rgba(255,122,0,.55);transition:transform .25s ease,box-shadow .25s ease}
.vlink-ic::after{content:"";position:absolute;left:12px;top:9.5px;border-style:solid;border-width:5.5px 0 5.5px 9px;border-color:transparent transparent transparent #fff}
.vlink:hover .vlink-ic{transform:scale(1.1);box-shadow:0 6px 16px -3px rgba(255,122,0,.65)}
.vlink:focus-visible{outline:3px solid rgba(255,122,0,.45);outline-offset:4px;border-radius:8px}
.vlink-row{display:flex;justify-content:center;margin-top:6px}
.vlink-row .vlink{margin-top:18px}

.vpop{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;padding:4vh 4vw;background:rgba(28,28,32,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .35s ease,-webkit-backdrop-filter .35s ease,backdrop-filter .35s ease}
.vpop.on{display:flex}
.vpop.lit{background:rgba(28,28,32,.34);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.vpop-win{width:min(920px,90vw,calc((88vh - 38px) * 1.6));border-radius:13px;overflow:hidden;background:#1c1c1e;box-shadow:0 0 0 .5px rgba(0,0,0,.35),0 30px 80px -10px rgba(0,0,0,.55),0 10px 24px rgba(0,0,0,.18);transform-origin:0 0;will-change:transform}
.vpop-bar{position:relative;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:linear-gradient(#ececee,#dfdfe2);border-bottom:1px solid #c9c9cd}
.vpop-bar i{width:13px;height:13px;border-radius:50%;background:#d6d6da;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}
.vpop-close{position:relative;width:13px;height:13px;padding:0;border:0;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.2);cursor:pointer}
.vpop-close::before{content:"";position:absolute;inset:-14px}
.vpop-close svg{position:absolute;left:3px;top:3px;width:7px;height:7px;stroke:#4d0000;stroke-width:1.8;stroke-linecap:round}
.vpop-close:hover{filter:brightness(1.05)}
.vpop-close:focus-visible{outline:2px solid rgba(0,122,255,.6);outline-offset:2px}
.vpop-title{position:absolute;left:70px;right:70px;text-align:center;font:600 13px/38px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#3a3a3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.vpop video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#000;outline:none}
html.vpop-open{overflow:hidden}
@media (max-width:600px){.vpop{padding:12px}.vpop-win{width:100%}}
@media (prefers-reduced-motion:reduce){.vlink-ic,.vpop{transition:none}}
.golinks .vlink{margin-top:0;gap:10px}