.showcase {
  --showcase-title-size: clamp(24px, calc(24px + 14 * var(--fluid-span)), 38px);
  display: flex;
  flex-direction: column;
  gap: var(--space-section);
}

.showcase__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.showcase__eyebrow {
  color: var(--color-accent);
  font-size: var(--text-eyebrow-size);
  font-weight: var(--text-eyebrow-weight);
  line-height: var(--text-eyebrow-line);
  letter-spacing: var(--text-eyebrow-tracking);
}

.showcase__title {
  font-size: var(--showcase-title-size);
  font-weight: var(--text-h2-weight);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  text-wrap: balance;
}

.showcase__lead {
  color: var(--color-text-secondary);
}

.showcase__points {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-top: var(--space-xs);
}

.showcase__point {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.showcase__check {
  width: 22px;
  height: 22px;
  margin-top: 1px;
  padding: 3px;
  border-radius: var(--radius-pill);
  background: var(--color-good-soft);
  color: var(--color-good);
}

@media (max-width: 1024px) {
  .showcase {
    gap: var(--space-3xl);
  }

  .showcase__row {
    row-gap: var(--space-xl);
  }
}