@charset "UTF-8";

.hero {
  padding-top: var(--space-16);
  padding-bottom: var(--space-16);
}

.section--soft {
  backdrop-filter: blur(12px);
}

.card-highlight {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.details summary {
  cursor: pointer;
}

.hero-media-frame img {
  min-height: 260px;
}

@media (max-width: 768px) {
  .hero {
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
  }
}