/* POPHIES About page — page-specific rules only.
   Source: 网站规划.md §6.2 (About, lines 141–155).
   Shared classes and tokens live in assets/css/tokens.css and style.css. */

/* ---------- Brand and legal company ---------- */

.about-entity {
  display: grid;
  gap: 0.3rem;
  align-content: start;
  min-width: 0;
  padding: 1.75rem;
  border: 1px solid var(--stone);
  border-left: 3px solid var(--brass);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
}

.about-entity__label {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-label);
  font-weight: 700;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--brass);
}

.about-entity__value {
  margin: 0 0 1.1rem;
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: var(--track-tight);
  overflow-wrap: break-word;
}

.about-entity__value:last-child { margin-bottom: 0; }

.about-entity__points { margin: 0; color: var(--graphite); }

/* ---------- Two locations ---------- */

.about-site {
  display: grid;
  gap: 1.1rem;
  align-content: start;
  min-width: 0;
}

.about-site__title { margin: 0; }
.about-site__text { margin: 0; color: var(--graphite); }
.about-site__address { margin: 0; }

/* ---------- Internal roles ---------- */

.about-role {
  min-width: 0;
  padding-top: 1.25rem;
  border-top: 1px solid var(--stone);
}

.about-role__title { margin: 0 0 0.45em; font-size: 1.15rem; }

.about-role__text {
  margin: 0;
  font-size: var(--fs-small);
  line-height: 1.6;
  color: var(--graphite);
}

/* ---------- Working with buyers ---------- */

.about-work { max-width: var(--read); margin-top: 3.5rem; }

.about-work h3 { margin: 0 0 0.7em; }

.about-work__copy { color: var(--graphite); }
.about-work__copy p:last-child { margin-bottom: 0; }

.about-work__response {
  margin: 1.75rem 0 0;
  padding-left: 1.15rem;
  border-left: 3px solid var(--brass);
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: var(--track-tight);
  color: var(--ink);
}

/* ---------- Range and buyers ---------- */

.about-block { min-width: 0; }

.about-block__title { margin: 0 0 0.7em; }

.about-block__lead { margin-top: 1.75rem; }

.about-tags { margin: 0 0 1.75rem; }

.about-block .checklist { margin: 0 0 1.75rem; }

/* ---------- Addresses and contact details ---------- */

.about-address { min-width: 0; }

.about-address__label { margin: 0 0 0.6em; font-size: 1.15rem; }

.about-address__value {
  margin: 0 0 0.6em;
  font-size: var(--fs-body);
  line-height: 1.55;
  overflow-wrap: break-word;
}

.about-address__note { margin: 0; }

.about-contact { margin: 3.5rem 0 0; }

.about-contact__row { display: grid; gap: 0.4rem; }

.about-contact__label {
  font-family: var(--font-display);
  font-size: var(--fs-label);
  font-weight: 700;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--brass);
}

.about-contact__value {
  font-size: var(--fs-body);
  overflow-wrap: break-word;
}

.about-contact__sep { margin: 0 0.35em; color: var(--stone); }

@media (min-width: 700px) {
  .about-contact__row {
    grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
    align-items: baseline;
    gap: 1.5rem;
  }
}

/* ---------- Closing link cards ---------- */

.about-next { align-items: start; }