.about-content {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}

.about-container .page-header {
  margin-bottom: clamp(16px, 2.5vw, 24px);
}

.about-ornament {
  --ornament-width: 100%;
  --ornament-icon-size: 24px;
  --ornament-gap: 18px;
  --ornament-top: 0;
  --ornament-center: 12px;
  position: relative;
  width: min(160px, 65%);
  height: 24px;
  margin: clamp(24px, 4vw, 36px) auto 0;
  color: var(--gold);
}

.about-slogan {
  margin: 20px auto 0;
  max-width: 620px;
  color: var(--brown);
  font: 400 clamp(29px, 5vw, 42px)/1.25 var(--display-font);
  text-align: center;
  text-wrap: balance;
}

.about-slogan-accent {
  color: var(--gold);
}

@media (width > 950px) {
  .about-content { gap: 20px; }
}

@media (width > 950px) and (pointer: fine), (width > 950px) and (pointer: none), (width > 1440px) {
  .about-container .page-header { margin-bottom: 18px; }
  .about-content { gap: 14px; }
  .about-ornament { margin-top: 20px; }
  .about-slogan { margin-top: 12px; }
}