/* Brand: oldgrowthtreesco.homes — about page only
   Quote-led legal name, owner, and three-yard geography. */

.old90-abpage {
  padding: 3rem 0 4.25rem;
  min-width: 0;
}

.old90-abgrid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 1.75rem 2.4rem;
  align-items: start;
}

.old90-abquote,
.old90-abcopy,
.old90-abgeo,
.old90-abwho-name,
.old90-abreach,
.old90-abacts,
.old90-abaddr {
  display: grid;
  gap: 0.85rem;
  align-content: start;
  justify-items: start;
  min-width: 0;
}

.old90-abquote > *,
.old90-abcopy > *,
.old90-abgeo > *,
.old90-abcard > *,
.old90-abwho-name > *,
.old90-abreach > *,
.old90-abacts > *,
.old90-abaddr > * {
  margin: 0;
}

.old90-abkicker,
.old90-abcard-label {
  color: var(--old90-bloom-2);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.old90-abpage h1 {
  font-size: clamp(2.05rem, 4vw, 3.05rem);
}

.old90-abquote blockquote {
  margin: 0;
  max-width: 22em;
  font-style: normal;
}

.old90-abquote blockquote p {
  margin: 0;
  font-family: var(--old90-display);
  font-size: clamp(1.28rem, 2vw, 1.62rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.3;
  text-wrap: balance;
}

.old90-abquote blockquote span {
  color: var(--old90-bloom-2);
}

.old90-abwho {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  justify-items: start;
  min-width: 0;
}

.old90-abwho-name {
  gap: 0.12rem;
}

.old90-abwho b,
.old90-abwho small {
  display: block;
}

.old90-abwho small {
  color: var(--old90-soft);
  font-size: 0.88rem;
}

.old90-abmark {
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--old90-bloom) 78%, var(--old90-night));
  color: var(--old90-accent-ink);
  font-family: var(--old90-display);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.old90-abreach,
.old90-abacts {
  gap: 0.28rem;
}

.old90-abreach a,
.old90-abacts a {
  color: var(--old90-bloom-2);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.old90-abreach a:hover,
.old90-abacts a:hover {
  color: var(--old90-ink);
}

.old90-abshot {
  margin: 0;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--old90-line);
  background: var(--old90-surface);
}

.old90-abshot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.old90-abcopy > p,
.old90-abaddr,
.old90-abservices {
  color: var(--old90-soft);
}

.old90-abgeo {
  width: 100%;
  gap: 1rem;
  margin-top: 2.4rem;
  padding-top: 2rem;
  border-top: 1px solid var(--old90-line);
}

.old90-abpage h2 {
  max-width: 22ch;
  font-size: clamp(1.5rem, 2.5vw, 2.1rem);
}

.old90-abservices {
  max-width: 42rem;
}

.old90-abaddr {
  gap: 0.12rem;
}

.old90-abcards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  width: 100%;
  align-items: stretch;
}

.old90-abcard {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 0.55rem;
  align-content: start;
  justify-items: start;
  min-width: 0;
  padding: 1.15rem 1.1rem 1.2rem;
  background: var(--old90-surface);
  border: 1px solid var(--old90-line);
  border-radius: 14px;
}

.old90-abcard h3 {
  font-size: clamp(1.2rem, 2vw, 1.45rem);
}

@media (max-width: 860px) {
  .old90-abpage { padding: 2.4rem 0 3.4rem; }

  .old90-abgrid,
  .old90-abcards {
    grid-template-columns: 1fr;
  }
}