.section--hero-story {
  padding-top: var(--space-20);
}

.section-hero-grid {
  align-items: center;
  gap: var(--space-10);
}

.hero-story-image {
  min-height: 280px;
}

.hero-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.story-block-grid {
  align-items: center;
  gap: var(--space-10);
}

@media (min-width: 768px) {
  .story-block-grid--reverse {
    direction: rtl;
  }
  .story-block-grid--reverse > * {
    direction: ltr;
  }
}

.story-image-card {
  max-width: 520px;
}

.story-list {
  list-style: none;
  padding: 0;
  margin: var(--space-4) 0 0;
}

.story-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: var(--space-2);
  font-size: var(--font-size-sm);
}

.story-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--color-primary);
}

.story-link-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

@media (max-width: 767px) {
  .section--hero-story {
    padding-top: var(--space-12);
  }
}