/* YouTube embed — autoplay muted, controls on click */
.yt-embed {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000;
  cursor: pointer;
}

.yt-embed--16x9 { aspect-ratio: 16 / 9; }
.yt-embed--9x16 { aspect-ratio: 9 / 16; }

.yt-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Transparent layer catches clicks over autoplay iframe (pointer-events:none) */
.yt-click-shield {
  position: absolute;
  inset: 0;
  z-index: 5;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
}

.yt-embed--interactive {
  cursor: auto;
}

.yt-embed--interactive .yt-click-shield {
  display: none;
}

/* Fill absolute-positioned media slots */
.portfolio-item .yt-embed,
.reel-thumb .yt-embed,
.svc-img .yt-embed,
.vreel-thumb .yt-embed {
  position: absolute;
  inset: 0;
  height: 100%;
  aspect-ratio: auto;
}

.hero-panel .yt-embed {
  position: relative;
  inset: auto;
  height: auto;
}

.work-card .yt-embed {
  position: relative;
  inset: auto;
  height: auto;
  width: 100%;
}

/* Let clicks reach the video / click-shield through decorative overlays */
.portfolio-item-info,
.reel-thumb-meta,
.reel-thumb-overlay,
.work-card-overlay,
.vreel-play {
  pointer-events: none;
}