/* ============================================
   Resources — Podcasts.

   Page-specific overrides to the shared .gs-uc-hero, scoped via
   the .gs-podcasts-hero modifier on the section. The Giant
   Conversations brand mark is heavier visual weight than a
   typical IIoT-style illustration, so it reads better at a
   smaller size with more breathing room between the columns.

   Desktop-only — mobile (≤900px) collapses to a single stacked
   column, where the base .gs-uc-hero rules already cap the image
   at 400px and center it. We don't need (or want) to override
   those.
   ============================================ */

/* The .gs-podcasts-cta padding override that used to live here
   was lifted into the base .gs-cta--horizontal rule — every
   horizontal closing CTA gets the slim 3rem vertical padding
   by default now. */

@media (min-width: 901px) {
  /* Wider column gap — was 3rem in the base hero, bumped here so
     the logo and the title don't feel crowded together. */
  .gs-podcasts-hero .gs-uc-hero__inner {
    gap: 5rem;
  }

  /* Cap the brand mark at a comfortable display size. Without this
     it'd stretch to fill the 1fr left column (≈540px at the 1120px
     content frame), which makes the wordmark feel oversized
     relative to the body copy on the right. */
  .gs-podcasts-hero .gs-uc-hero__media img {
    max-width: 480px;
  }
}