/**
 * Super Power Hour — one wrapper class; globals + typography handle cards, hero-img, img-duo, sec-head.
 */
.power {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  gap: var(--spacing-m);
}

.power .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Match episode-style spread rows: even column height on wide viewports */
@media (min-width: 811px) {
  .power .img-duo {
    align-items: stretch;
  }

  .power .img-duo > figure {
    min-height: clamp(220px, 38vh, 480px);
  }
}