body {
}
.hero--themes {
  background: radial-gradient(circle at top, rgba(242, 54, 168, 0.26), transparent 60%),
              radial-gradient(circle at bottom, rgba(91, 73, 255, 0.3), transparent 65%),
              #05030a;
}
.hero__banner--themes {
  background:
    linear-gradient(135deg, rgba(242, 54, 168, 0.3), rgba(91, 73, 255, 0.4)),
    url("/assets/images/scenariusze-tematyczne.webp") center/cover no-repeat;
}
.hero__note {
  margin-top: 20px;
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}
.themes-intro {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}
.themes-intro p {
  font-size: var(--font-size-lg);
}
.themes-intro__grid {
  margin-top: var(--space-32);
  display: grid;
  gap: var(--space-24);
}
@media (min-width: 900px) {
  .themes-intro__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.themes-intro__card {
  text-align: left;
}
.themes-section-head {
  max-width: 820px;
  margin: 0 auto var(--space-40);
  text-align: center;
}
.themes-grid {
  display: grid;
  gap: clamp(24px, 3vw, 32px);
}
@media (min-width: 1024px) {
  .themes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.themes-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
}
.themes-card__media {
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.themes-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.themes-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.themes-card__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.themes-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.themes-card__footer {
  margin-top: auto;
}
.section-cta-bottom__card {
  text-align: center;
}
.section-cta-bottom__content {
  max-width: 780px;
  margin: 0 auto;
}
.section-cta-bottom__actions {
  margin-top: var(--space-24);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-16);
}