.aux-main {
  padding-block: var(--space-6);
  min-height: 40vh;
}

.aux-header {
  max-width: 700px;
  margin-bottom: var(--space-5);
}

.aux-header .eyebrow {
  margin-bottom: var(--space-2);
  display: block;
}

.aux-header p {
  color: var(--c-muted);
  margin-top: var(--space-2);
  max-width: 60ch;
}

.aux-blocks {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 760px;
}

.aux-block {
  padding-block: var(--space-3);
  border-top: 1px solid var(--c-border);
}

.aux-block h2 {
  font-size: clamp(1.4rem, 0.8vw + 1.2rem, 1.9rem);
  margin-bottom: var(--space-2);
}

.aux-block p {
  color: var(--c-muted);
}

.aux-empty {
  border: 1px dashed var(--c-border);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  color: var(--c-muted);
  max-width: 760px;
  text-align: left;
}

.aux-empty p {
  color: var(--c-muted);
}

.about-story {
  max-width: 900px;
}

.about-story-block {
  display: grid;
  grid-template-columns: minmax(42px, 0.18fr) 1fr;
  gap: var(--space-4);
  align-items: start;
}

.about-story-block h2 {
  margin-bottom: var(--space-2);
}

.about-story-block p + p {
  margin-top: var(--space-2);
}

.about-story-block > img {
  display: block;
  width: 42px;
  height: 42px;
}

.about-photo-placeholder {
  min-height: 230px;
  background: var(--c-bg-dark);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-md);
  grid-column: 1 / -1;
  background-image: none;
}

@media (max-width: 640px) {
  .about-story-block {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  .about-story-block > img {
    width: 34px;
    height: 34px;
  }
}