/* ------------------------------------
   REEL SECTION 2 (Issues + Video)
------------------------------------- */

#reel-issues {
  color: var(--white);
}
/* Center the "TOP Issues" title */
#reel-issues .issues-heading {
  width: 100%;
  text-align: center;
  margin: 0 0 1.25rem 0;
}

/* Grid wrapper */
.reel-issues {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 1rem + 1.2vw, 2.25rem);

  align-items: center;
}

/* 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: center;
}

@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));
}