.about-hero {
  position: relative;
}

.about-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: var(--grid-gap-xl);
  align-items: center;
}

@media (max-width: 1023.98px) {
  .about-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.about-hero-title {
  text-shadow: 0 0 30px rgba(0, 245, 255, 0.4), 0 0 60px rgba(255, 0, 122, 0.35);
}

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

.about-hero-pill {
  align-self: flex-start;
}

.about-hero-metrics {
  max-width: 32rem;
}

.about-hero-media {
  min-width: 0;
}

.about-hero-figure {
  width: 100%;
}

.about-hero-visual {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: radial-gradient(circle at 0 0, rgba(0, 245, 255, 0.3), transparent 55%), radial-gradient(circle at 100% 100%, rgba(255, 0, 122, 0.3), transparent 55%), #05060a;
  box-shadow: var(--shadow-strong), var(--shadow-glow-primary);
}

.about-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/10;
}

.about-hero-overlay-card {
  position: absolute;
  right: var(--space-lg);
  bottom: var(--space-lg);
  max-width: min(320px, 80%);
}

@media (max-width: 767.98px) {
  .about-hero-overlay-card {
    position: static;
    margin: var(--space-md);
    margin-top: calc(var(--space-md) * -1);
  }
}

.about-founder-row {
  align-items: center;
  gap: var(--grid-gap-xl);
}

.about-founder-copy {
  max-width: 40rem;
}

.about-founder-media {
  box-shadow: var(--shadow-soft), var(--shadow-glow-secondary);
}

.about-founder-highlights {
  margin-top: var(--space-sm);
}

.about-mission-surface {
  max-width: var(--container-max-width);
  margin-inline: auto;
}

.about-mission-grid {
  align-items: flex-start;
}

.about-mission-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--grid-gap-lg);
}

@media (max-width: 767.98px) {
  .about-mission-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

.about-mission-column {
  min-width: 0;
}

.about-projects-grid {
  align-items: stretch;
}

.about-project-card {
  height: 100%;
}

.about-project-media {
  margin-top: var(--space-sm);
}

.about-project-meta {
  margin-top: var(--space-md);
}

.about-why-row {
  align-items: flex-start;
  gap: var(--grid-gap-xl);
}

.about-why-grid {
  margin-bottom: var(--space-xl);
}

.about-why-item {
  min-width: 0;
}

.about-why-cta {
  max-width: 40rem;
}

.about-hero-cta .ty-btn {
  flex: 1 1 auto;
}

@media (min-width: 480px) {
  .about-hero-cta .ty-btn {
    flex: 0 0 auto;
  }
}

@media (max-width: 767.98px) {
  .about-hero-cta {
    align-items: stretch;
  }
}

.about-why .ty-btn-group {
  align-items: stretch;
}

.about-why .ty-btn-group .ty-btn {
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .about-why .ty-btn-group {
    flex-direction: column;
  }
}

.about-hero-metrics .ty-metric__value {
  transition: color var(--transition-base), text-shadow var(--transition-base);
}

.about-hero-metrics .ty-metric__value.is-animated {
  color: var(--color-accent);
  text-shadow: 0 0 20px rgba(255, 221, 53, 0.6);
}