/* ==========================================================================
   club: "Discover the Club" intro (from template "About" intro)
   ========================================================================== */

.club {
  padding-block: var(--section-pad) calc(var(--section-pad) * 0.75);
  background-color: var(--bg-soft);
}

.club__inner {
  display: grid;
  gap: var(--space-lg);
}

.club__title {
  max-width: 18ch;
}

.club__text {
  max-width: 34rem;
}

@media (min-width: 1000px) {
  .club__inner {
    grid-template-columns: 12rem minmax(0, 1fr);
    column-gap: var(--space-xl);
    row-gap: var(--space-xl);
  }

  .club__label {
    padding-top: 1.2em;
  }

  .club__text {
    grid-column: 2;
    margin-left: auto;
  }
}