.about-overview {
  padding-block: var(--space-2xl);
  background: var(--color-surface-dark);
  color: var(--color-on-accent);
}

.about-overview__inner {
  display: grid;
  gap: var(--space-xl);
}

.about-overview__intro {
  display: grid;
  gap: var(--space-md);
}

.about-overview__eyebrow {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.about-overview__description {
  width: min(100%, 620px);
  margin: 0 0 0 auto;
  color: var(--color-text-secondary);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: var(--lh-tight);
  letter-spacing: -.02625em;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-wrap: anywhere;
}

.about-overview__visual { width: 100%; }
.about-overview__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 598;
  object-fit: contain;
}

@media (width <= 48rem) {
  .about-overview__inner { gap: var(--space-lg); }
  .about-overview__description { width: 100%; }
}