.hero--subpage {
  background: radial-gradient(circle at top left, #f6e3e7 0, #f8f4f0 42%, #ffffff 100%);
}

.hero__layout--about {
  align-items: center;
}

.hero__layout--about .hero__visual-frame {
  border-radius: 32px;
}

.editorial-grid,
.community-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: var(--space-10);
  align-items: center;
}

.editorial-grid__image-frame,
.community-grid__image-frame {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.timeline-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-6);
}

.timeline-grid--future .block {
  background: linear-gradient(135deg, #ffffff 0%, #f8f4f0 100%);
}

.values-grid,
.howto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-6);
}

.howto-list {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.howto-list li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

@media (max-width: 960px) {
  .editorial-grid,
  .community-grid {
    grid-template-columns: 1fr;
  }

  .editorial-grid__visual,
  .community-grid__visual {
    order: -1;
  }
}