.c-home-strava-cta {
  padding: var(--wa-space-xl) var(--wa-space-l);
  color: var(--wr-color-text-primary);
  background: var(--wr-color-surface-raised);

  @media (width >= 64rem) {
    padding: var(--wa-space-2xl) var(--wa-space-3xl);
  }
}

.c-home-strava-cta__inner {
  display: flex;
  flex-direction: column;
  gap: var(--wa-space-l);
  width: 100%;

  /* Strip layout: copy stays pinned to the left, the connect action on the
     right. Cap the row width so the action doesn't drift to the far edge on
     wide screens — left-aligned, so the copy keeps its original position. */
  @media (width >= 48rem) {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--wa-space-2xl);
    max-width: 70rem;
  }
}

.c-home-strava-cta__copy {
  display: grid;
  gap: var(--wa-space-xs);
  min-width: 0;

  @media (width >= 48rem) {
    flex: 1 1 auto;
  }
}

.c-home-strava-cta__title {
  margin: 0;
  color: var(--wr-color-brand-primary);
  font-family: var(--wr-font-family-accent);
  font-size: var(--wa-font-size-2xl);
  font-weight: 900;
  line-height: var(--wa-line-height-condensed);
  text-transform: uppercase;

  @media (width >= 64rem) {
    font-size: var(--wa-font-size-3xl);
  }
}

.c-home-strava-cta__lede {
  margin: 0;
  color: var(--wr-color-text-muted);
  font-size: var(--wa-font-size-m);
  line-height: var(--wa-line-height-normal);
  text-wrap: pretty;

  @media (width >= 64rem) {
    font-size: var(--wa-font-size-l);
  }
}

.c-home-strava-cta__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--wa-space-xs);

  @media (width >= 48rem) {
    flex: 0 0 auto;
  }
}

/* The connect button flanked by mirrored shine bursts. */
.c-home-strava-cta__cta {
  display: flex;
  align-items: center;
  gap: var(--wa-space-s);

  @media (width >= 64rem) {
    gap: var(--wa-space-m);
  }
}

.c-home-strava-cta__spark {
  display: inline-flex;
  flex: none;
  width: 1.75rem;
  color: var(--wr-color-brand-primary);

  @media (width >= 64rem) {
    width: 2.25rem;
  }
}

.c-home-strava-cta__spark svg {
  width: 100%;
  height: auto;
}

.c-home-strava-cta__spark--right {
  transform: scaleX(-1);
}

.c-home-strava-cta__note {
  margin: 0;
  color: var(--wr-color-text-muted);
  font-size: var(--wa-font-size-s);
  line-height: var(--wa-line-height-condensed);
  text-align: center;
}