body {
  background: radial-gradient(circle at top, rgba(255, 48, 85, 0.18), transparent 55%), radial-gradient(circle at bottom, rgba(47, 123, 255, 0.18), transparent 55%), var(--mk-color-bg);
}

.hero-about {
  position: relative;
}

.hero-about-grid > * {
  min-width: 0;
}

.hero-about-content {
  max-width: 40rem;
}

.hero-lead-secondary {
  margin-top: var(--mk-space-sm);
}

.hero-about-meta {
  margin-top: var(--mk-space-lg);
  display: grid;
  gap: var(--mk-space-md);
}

.hero-about-meta dt {
  font-size: var(--mk-font-size-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mk-color-text-muted);
  margin-bottom: var(--mk-space-2xs);
}

.hero-about-meta dd {
  margin: 0;
  font-size: var(--mk-font-size-sm);
  color: var(--mk-color-text-soft);
}

.hero-cta-primary,
.hero-cta-secondary {
  max-width: 100%;
}

.hero-about-media {
  align-self: stretch;
}

.hero-about-media .hero-card-media-16x9 {
  border-radius: calc(var(--mk-radius-xl) - 6px);
}

.hero-about-media .hero-card-caption {
  font-size: var(--mk-font-size-sm);
}

.about-mission-row > * {
  min-width: 0;
}

.about-mission-card {
  background: radial-gradient(circle at top left, rgba(255, 48, 85, 0.22), transparent 55%), radial-gradient(circle at bottom right, rgba(47, 123, 255, 0.22), transparent 55%), var(--mk-color-surface-glass);
}

.about-mission-grid {
  margin-top: var(--mk-space-lg);
}

.about-mission-pill {
  padding: var(--mk-space-lg);
  border-radius: var(--mk-radius-lg);
  background: radial-gradient(circle at top, rgba(255, 214, 92, 0.18), transparent 60%), rgba(5, 5, 9, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.about-mission-list {
  margin-top: var(--mk-space-sm);
  display: grid;
  gap: var(--mk-space-xs);
}

.about-mission-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--mk-space-xs);
  font-size: var(--mk-font-size-sm);
  color: var(--mk-color-text-soft);
}

.about-mission-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 0%, var(--mk-color-accent-emerald), transparent 70%);
  box-shadow: 0 0 12px rgba(47, 224, 160, 0.7);
  flex-shrink: 0;
}

.about-mission-highlight {
  display: flex;
  align-items: stretch;
}

.about-mission-highlight-inner {
  width: 100%;
  padding: var(--mk-space-xl);
  border-radius: var(--mk-radius-xl);
  background: radial-gradient(circle at top, rgba(47, 123, 255, 0.25), transparent 55%), radial-gradient(circle at bottom, rgba(255, 48, 85, 0.25), transparent 55%), rgba(5, 5, 9, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: var(--mk-shadow-soft);
}

.about-mission-highlight-inner p {
  margin-top: var(--mk-space-sm);
}

.about-link-inline {
  display: inline-flex;
  align-items: center;
  gap: var(--mk-space-2xs);
  margin-top: var(--mk-space-md);
  font-size: var(--mk-font-size-sm);
  color: var(--mk-color-accent-yellow);
}

.about-link-inline::after {
  content: "→";
  font-size: 0.9em;
  opacity: 0.9;
}

.about-team-row > * {
  min-width: 0;
}

.about-team-card {
  background: radial-gradient(circle at top left, rgba(255, 48, 85, 0.28), transparent 55%), radial-gradient(circle at bottom right, rgba(47, 123, 255, 0.28), transparent 55%), var(--mk-color-surface-glass);
}

.about-team-content-row > * {
  min-width: 0;
}

.about-team-copy {
  display: flex;
  flex-direction: column;
  gap: var(--mk-space-md);
}

.about-team-points {
  display: grid;
  gap: var(--mk-space-sm);
}

.about-team-point {
  display: flex;
  gap: var(--mk-space-sm);
}

.about-team-point-accent {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 0%, var(--mk-color-accent-blue), transparent 70%);
  box-shadow: 0 0 14px rgba(47, 123, 255, 0.8);
  margin-top: 0.25rem;
  flex-shrink: 0;
}

.about-team-point p {
  font-size: var(--mk-font-size-sm);
  color: var(--mk-color-text-soft);
}

.about-team-cta {
  margin-top: var(--mk-space-md);
}

.about-team-cta .btn {
  max-width: 100%;
}

.about-team-figure {
  border-radius: var(--mk-radius-xl);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: var(--mk-shadow-soft);
}

.about-space-row > * {
  min-width: 0;
}

.about-space-figure {
  border-radius: var(--mk-radius-xl);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: var(--mk-shadow-soft);
}

.about-space-card {
  background: radial-gradient(circle at top, rgba(255, 214, 92, 0.22), transparent 60%), var(--mk-color-surface-glass-soft);
}

.about-space-layout {
  margin-top: var(--mk-space-lg);
}

.about-space-chiplist {
  display: grid;
  gap: var(--mk-space-sm);
}

.about-space-chip {
  padding: var(--mk-space-sm) var(--mk-space-md);
  border-radius: var(--mk-radius-pill);
  background: radial-gradient(circle at 0% 0%, rgba(255, 48, 85, 0.4), transparent 60%), rgba(5, 5, 9, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  font-size: var(--mk-font-size-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mk-color-text-soft);
}

.about-space-details {
  display: flex;
  flex-direction: column;
  gap: var(--mk-space-sm);
}

.about-space-details p {
  color: var(--mk-color-text-soft);
}

.about-experience-grid {
  margin-top: var(--mk-space-2xl);
}

.about-experience-card {
  background: radial-gradient(circle at top left, rgba(255, 48, 85, 0.22), transparent 55%), radial-gradient(circle at bottom right, rgba(47, 123, 255, 0.22), transparent 55%), var(--mk-color-surface-glass-soft);
  transition: transform var(--mk-transition-base) var(--mk-ease-soft), box-shadow var(--mk-transition-base) var(--mk-ease-soft), border-color var(--mk-transition-base) var(--mk-ease-soft);
}

.about-experience-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 214, 92, 0.5);
}

.about-experience-card .card-footer .btn {
  max-width: 100%;
}

.about-experience-footer {
  margin-top: var(--mk-space-2xl);
  padding-top: var(--mk-space-xl);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: var(--mk-space-md);
  align-items: center;
  justify-content: space-between;
}

.about-experience-footer p {
  font-size: var(--mk-font-size-md);
  color: var(--mk-color-text-soft);
}

.about-experience-cta-group .btn {
  max-width: 100%;
}

@media (max-width: 1023.98px) {
  .hero-about-content {
    max-width: 100%;
  }

  .about-mission-highlight-inner {
    margin-top: var(--mk-space-lg);
  }
}

@media (max-width: 767.98px) {
  .hero-about-meta {
    gap: var(--mk-space-sm);
  }

  .about-mission-card {
    padding: var(--mk-space-lg);
  }

  .about-mission-pill {
    padding: var(--mk-space-md);
  }

  .about-mission-highlight-inner {
    padding: var(--mk-space-lg);
  }

  .about-team-card {
    padding: var(--mk-space-lg);
  }

  .about-experience-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-experience-card,
  .btn,
  a {
    transition: none;
  }
}