/* Videos gallery-specific */
.featured-video{
  aspect-ratio:16/9;position:relative;
  background:var(--surface-2);border-radius:var(--r4);
  overflow:hidden;border:1px solid var(--border);
  margin-bottom:clamp(var(--s7),6vw,var(--s9));
}
.featured-video svg{
  width:100%;height:100%;position:absolute;inset:0;
}
.featured-video video{
  width:100%;height:100%;position:absolute;inset:0;
  object-fit:contain;background:#000;
}
.featured-video img{
  width:100%;height:100%;position:absolute;inset:0;
  object-fit:cover;
}
.featured-video iframe{
  width:100%;height:100%;position:absolute;inset:0;border:0;
}
.featured-video .video-play{width:72px;height:72px}
.featured-video .video-play svg{width:24px;height:24px}
.featured-label{
  position:absolute;top:var(--s6);left:var(--s6);
  background:rgba(14,14,15,.75);
  backdrop-filter:blur(8px);
  padding:var(--s3) var(--s5);border-radius:var(--r2);
  border:1px solid var(--border);
  pointer-events:none;
}
.featured-label span{
  display:block;font-size:var(--fs-xs);font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin-bottom:var(--s1);
}
.featured-label h3{font-size:var(--fs-lg)}

/* ── Unembeddable video fallback ──────────────────────────────
   Some videos (often other channels' uploads) have embedding disabled,
   or are age/region restricted. Rather than leave YouTube's raw error
   panel in place, the facade swaps to this: the thumbnail, dimmed, with
   a clear link out to YouTube. */
.video-fallback{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--s2);padding:var(--s5);
  text-align:center;
  background:rgba(14,14,15,.82);
  backdrop-filter:blur(6px);
  transition:background var(--dur-f) var(--ease-out);
}
.video-fallback:hover{background:rgba(14,14,15,.9)}
.video-fallback-title{
  font-size:var(--fs-sm);font-weight:600;color:var(--text);
  max-width:32ch;line-height:1.4;
}
.video-fallback-cta{
  font-size:var(--fs-sm);font-weight:700;color:var(--accent);
  letter-spacing:.04em;
}
.video-fallback:hover .video-fallback-cta{text-decoration:underline}
.video-fallback-note{
  font-size:var(--fs-xs);color:var(--text-muted);max-width:34ch;line-height:1.5;
}