.about-page {
  max-width: 52rem;
  margin-inline: auto;
  padding: 4rem 1.5rem 5rem;
  color: #1d1a16;
}

.about-intro { padding-bottom: 2.75rem; }
.about-intro__description {
  max-width: 42rem;
  margin-top: 1.25rem;
  color: #413a34;
  font-size: 1.2rem;
  line-height: 1.65;
}
.about-section { border-top: 1px solid #e6d8c9; padding-block: 2.5rem; }
.about-section h2, .about-section h3 {
  font-family: var(--font-serif, ui-serif, Georgia, serif);
  font-weight: 600;
  letter-spacing: -0.02em;
}
.about-section h2 { font-size: 1.8rem; line-height: 1.2; }
.about-section h3 { margin-top: 1.75rem; font-size: 1.25rem; }
.about-section p { margin-top: 0.9rem; color: #413a34; line-height: 1.7; }
.about-text-link {
  text-decoration: underline;
  text-decoration-color: #a99a8b;
  text-underline-offset: 0.25em;
}
.about-text-link:hover { text-decoration-color: currentColor; }
.about-text-link:focus-visible, .about-labels summary:focus-visible {
  outline: 2px solid #85451f;
  outline-offset: 5px;
  border-radius: 2px;
}
.about-labels { margin-top: 1.75rem; }
.about-labels summary { width: fit-content; cursor: pointer; font-weight: 600; }
.about-labels__list { display: grid; gap: 1.25rem 2rem; margin-block: 1.5rem; }
.about-labels__list dt { font-weight: 600; }
.about-labels__list dd { margin-top: 0.3rem; font-size: 0.9rem; line-height: 1.6; color: #5a5148; }
.about-passport { display: grid; align-items: center; gap: 2rem; }
.about-passport > div > a { display: inline-block; margin-top: 1.25rem; font-weight: 600; }
.about-passport-preview {
  margin: 0;
  padding: 1.25rem;
  border: 1px solid #e6d8c9;
  border-radius: 1rem;
  background: #fffcf7;
}
.about-passport-preview figcaption { font-family: var(--font-serif, ui-serif, Georgia, serif); font-size: 1.35rem; font-weight: 600; }
.about-passport-preview figcaption span { display: block; margin-top: 0.25rem; font-family: var(--font-sans, sans-serif); font-size: 0.75rem; font-weight: 400; color: #5a5148; }
.about-passport-preview__shop { display: flex; align-items: center; gap: 0.85rem; margin-top: 1rem; }
.about-passport-preview__shop img { width: 4rem; height: 4rem; flex-shrink: 0; object-fit: cover; border-radius: 0.5rem; }
.about-passport-preview__shop strong { display: block; font-size: 0.9rem; }
.about-passport-preview__shop span { display: block; margin-top: 0.2rem; font-size: 0.8rem; color: #5a5148; }
.about-follow { padding-bottom: 0; }
@media (min-width: 640px) {
  .about-passport { grid-template-columns: 1.1fr 1fr; gap: 2.5rem; }
  .about-labels__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  .about-page { padding: 2.5rem 1.25rem 3rem; }
  .about-intro { padding-bottom: 2rem; }
  .about-section { padding-block: 2rem; }
  .about-intro__description { font-size: 1.1rem; }
}