.concept-hero {
  align-items: flex-end;
  padding-top: var(--space-20);
  padding-bottom: var(--space-20);
}

.concept-hero__content {
  max-width: 640px;
}

.concept-hero__intro {
  background: radial-gradient(circle at top left, rgba(200, 164, 90, 0.2), transparent 55%),
              rgba(11, 12, 16, 0.88);
  backdrop-filter: blur(16px);
  border-radius: var(--radius-lg);
  padding: var(--space-8) var(--space-7);
  box-shadow: var(--shadow-elevated);
  border: 1px solid rgba(214, 195, 165, 0.28);
}

.concept-hero__lead {
  color: var(--color-muted);
  max-width: 40rem;
}

.concept-hero__actions {
  margin-top: var(--space-6);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.concept-section__grid--vertical-center {
  align-items: center;
}

.concept-section__grid--reverse {
  direction: rtl;
}

.concept-section__grid--reverse > * {
  direction: ltr;
}

.concept-section__media {
  position: relative;
}

.concept-figure {
  border-radius: var(--radius-lg);
  overflow: hidden;
  background-color: var(--color-surface);
  box-shadow: var(--shadow-soft);
}

.concept-figure img {
  width: 100%;
  height: auto;
}

.concept-figure figcaption {
  padding: var(--space-4) var(--space-5);
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.concept-figure--accent {
  background: radial-gradient(circle at top, rgba(180, 94, 60, 0.32), transparent 55%),
              var(--color-surface);
}

.concept-figure--compact figcaption {
  padding-top: var(--space-3);
}

.concept-section__highlight {
  max-width: 420px;
  margin-left: auto;
}

.concept-section__cards {
  max-width: 460px;
  margin-left: auto;
}

.concept-section__cta,
.concept-section__cta-group,
.concept-section__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}

.concept-section--closing {
  padding-bottom: var(--space-20);
}

.concept-section__summary {
  max-width: 420px;
  margin-left: auto;
}

@media (max-width: 1024px) {
  .concept-hero {
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
  }

  .concept-hero__intro {
    padding: var(--space-6) var(--space-5);
  }

  .concept-section__highlight,
  .concept-section__cards,
  .concept-section__summary {
    margin-left: 0;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .concept-hero {
    min-height: auto;
  }

  .concept-hero__content {
    max-width: 100%;
  }

  .concept-section__grid--reverse {
    direction: ltr;
  }

  .concept-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .concept-section__cta-group,
  .concept-section__cta,
  .concept-section__links {
    flex-direction: column;
    align-items: stretch;
  }
}