/* Brand: westernfrontiertrade.shop — about only */

.wes92-ab-kicker {
  margin: 0;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
  color: var(--dna-accent);
}

.wes92-ab-lede {
  margin: 0;
  max-width: 40rem;
  color: var(--dna-ink-soft);
  text-align: left;
  text-wrap: pretty;
}

.wes92-ab-lede a,
.wes92-ab-stat a:not(.wes92-btn),
.wes92-ab-copy a:not(.wes92-btn) {
  color: var(--dna-accent);
  overflow-wrap: anywhere;
}

.wes92-ab-head,
.wes92-ab-copy {
  display: grid;
  gap: 8px;
  justify-items: start;
  align-content: start;
  text-align: left;
}

.wes92-ab-head {
  max-width: 40rem;
  margin: 0 0 14px;
}

.wes92-ab-head > *,
.wes92-ab-copy > *,
.wes92-ab-stat > * {
  margin: 0;
  max-width: 100%;
  min-width: 0;
}

.wes92-ab-lead h1,
.wes92-ab-block h2,
.wes92-ab-stat h3 {
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  text-align: left;
  text-wrap: balance;
}

.wes92-ab-lead {
  padding: 22px 0 28px;
  text-align: left;
}

.wes92-ab-block {
  padding: 28px 0 36px;
  border-top: 1px solid var(--dna-line);
  text-align: left;
}

.wes92-ab-stats {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: stretch;
}

.wes92-ab-stat {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 8px;
  justify-items: start;
  min-width: 0;
  margin: 0;
  padding: 14px;
  text-align: left;
  background: var(--dna-surface);
  border: 1px solid var(--dna-line);
  border-top: 2px solid var(--dna-accent);
}

.wes92-ab-stat h3 {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.2;
}

.wes92-ab-stat p:not(.wes92-ab-kicker) {
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--dna-ink);
  text-align: left;
  text-wrap: balance;
}

.wes92-ab-stat .wes92-btn {
  justify-self: start;
  align-self: end;
}

.wes92-ab-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.wes92-ab-frame {
  margin: 0;
  min-width: 0;
  border: 1px solid var(--dna-line);
  background: var(--dna-surface-2);
}

.wes92-ab-frame img {
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.wes92-ab-copy {
  min-width: 0;
}

.wes92-ab-copy h2 {
  font-size: clamp(1.45rem, 2.3vw, 2rem);
}

.wes92-ab-copy p:not(.wes92-ab-kicker) {
  color: var(--dna-ink-soft);
  text-align: left;
  text-wrap: pretty;
}

.wes92-ab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

/* 390: one column, full-width actions */
@media (max-width: 767px) {
  .wes92-ab-stats,
  .wes92-ab-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .wes92-ab-actions {
    display: grid;
    width: 100%;
    justify-items: stretch;
  }

  .wes92-ab-actions .wes92-btn,
  .wes92-ab-stat .wes92-btn {
    width: 100%;
  }
}

/* 768: two-by-two stats, photo beside the work copy */
@media (min-width: 768px) {
  .wes92-ab-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wes92-ab-split {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 16px;
  }
}

/* 1440: four stats on one row inside the 1080 shell */
@media (min-width: 1100px) {
  .wes92-ab-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .wes92-ab-split {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: 20px;
  }
}