/* Detroit’s Baba Charles — series landing portrait treatment */
.series-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
  align-items: center;
  gap: clamp(2.25rem, 6vw, 5.5rem);
}
.series-hero-copy { min-width: 0; }
.series-portrait {
  position: relative;
  margin: 0;
  padding: clamp(.55rem, 1.2vw, .8rem);
  background: #17140f;
  border: 1px solid rgba(184,138,42,.7);
  box-shadow: 0 24px 60px rgba(23,20,15,.24);
}
.series-portrait::before {
  content: "";
  position: absolute;
  inset: -.65rem .65rem .65rem -.65rem;
  z-index: -1;
  border: 1px solid rgba(184,138,42,.45);
}
.series-portrait picture,
.series-portrait img {
  display: block;
  width: 100%;
}
.series-portrait img {
  aspect-ratio: 1;
  object-fit: cover;
}
.series-portrait figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .35rem 1rem;
  padding: .7rem .15rem .05rem;
  color: #d7cdb9;
  font-size: .72rem;
  line-height: 1.45;
}
.series-portrait figcaption a {
  color: #e0b64f;
  text-underline-offset: .2em;
}
.series-portrait figcaption a:hover,
.series-portrait figcaption a:focus-visible { color: #fff3cf; }

@media (max-width: 760px) {
  .series-hero-grid { grid-template-columns: 1fr; }
  .series-portrait { width: min(100%, 32rem); }
}