.about-figure {
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid rgba(225, 228, 238, 0.9);
  box-shadow: var(--shadow-soft);
}

.about-figure img {
  width: 100%;
  height: auto;
  display: block;
}

.about-figure__caption {
  padding: var(--space-12) var(--space-16);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  background: linear-gradient(135deg, #f9fbff, #f3f6ff);
}

.about-figure--right {
  margin-left: auto;
}

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

.about-list {
  padding-left: 1rem;
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.about-list li + li {
  margin-top: 0.35rem;
}

.about-brand-visual {
  max-width: 40rem;
  margin-inline: auto;
}

@media (max-width: 768px) {
  .about-brand-visual {
    margin-top: var(--space-24);
  }
}