.about-hero {
  background: radial-gradient(circle at top left, rgba(255, 75, 58, 0.18), transparent 55%),
    radial-gradient(circle at bottom right, rgba(56, 189, 248, 0.16), transparent 60%),
    linear-gradient(145deg, #020617 0%, #020617 40%, #050816 100%);
}

.about-hero-inner {
  align-items: center;
}

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

.about-hero-lead {
  font-size: var(--font-size-lg);
  color: var(--color-gray-200);
}

.about-hero-image-frame,
.about-dev-image-frame,
.about-core-image-frame {
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-md);
  background: radial-gradient(circle at top, rgba(15, 23, 42, 0.9), #020617);
}

.about-hero-image-frame img,
.about-dev-image-frame img,
.about-core-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-stats {
  align-self: center;
}

@media (max-width: 768px) {
  .about-hero {
    text-align: left;
  }

  .about-hero-text {
    max-width: 100%;
  }
}