/* ------------------------------------
   REEL SECTION 2 (Issues + Video)
------------------------------------- */
#reel-issues {
  color: var(--white);
  padding-bottom: 6rem;
}
/* Center the "TOP Issues" title */
#reel-issues .issues-heading {
  width: 100%;
  text-align: center;
  margin: 0 0 1.25rem 0;
}
@media (max-width: 899px) {
  #reel-issues {
    padding-bottom: 7rem;
  }
}
/* Grid wrapper */
.reel-issues {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 1rem + 1.2vw, 2.25rem);
  align-items: stretch; /* ← was: center; now both columns match height */
}
/* Desktop layout */
@media (min-width: 900px) {
  .reel-issues {
    grid-template-columns: 2fr 3fr;
    gap: clamp(1rem, 1rem + 1vw, 2rem);
  }
}
/* LEFT: video */
.reel-issues__left {
  display: flex;
  justify-content: center;
  align-items: stretch; /* ← was: center; lets frame grow to full column height */
}
@media (max-width: 1079px) {
  #reel-issues .issues-preview-container .legal-section:nth-of-type(3) {
    display: none;
  }
}
@media (min-width: 900px) {
  .reel-issues__left {
    justify-content: flex-start;
  }
}
/* RIGHT: issues preview */
.reel-issues__right {
  position: relative;
}
/* Make sure issues text reads well on dark bg */
#reel-issues .legal-content,
#reel-issues .legal-content h2,
#reel-issues .legal-content p {
  color: var(--white);
}
/* Optional: soften the fade overlay on dark bg */
#reel-issues .issues-preview-fade {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
/* ------------------------------------
   VIDEO FRAME & PLAYER
------------------------------------- */
.reel-frame {
  position: relative;
  width: 100%;
  height: 100%;        /* ← fills the full column height instead of fixed ratio */
  min-height: 280px;   /* ← safety floor so it never collapses on mobile */
  background: #000;
  border-radius: 8px;
  overflow: hidden;
                       /* ← aspect-ratio: 16/9 removed */
}
.reel-video {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* ← already correct; fills frame, no black bars */
  display: block;
  border-radius: 8px;
}