/* About: hanksmobilemechanic.help — stats-led Nyoka shop / ASE / NAPA */

.han07-kicker {
  margin: 0;
  color: #8c5b00;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.han07-abt-intro,
.han07-abt-led-head,
.han07-abt-route-head,
.han07-abt-stats li,
.han07-abt-route-grid article {
  display: grid;
  align-content: start;
  gap: .8rem;
}

.han07-abt-intro h1,
.han07-abt-led-head h2,
.han07-abt-route-head h2,
.han07-abt-route-grid h3,
.han07-abt-stats strong {
  text-wrap: balance;
}

.han07-abt-intro p,
.han07-abt-led-head p,
.han07-abt-route-head p,
.han07-abt-stats p,
.han07-abt-route-grid p {
  margin: 0;
  color: var(--han07-muted);
  text-wrap: pretty;
}

.han07-abt-mast {
  padding-block: clamp(3.2rem, 7vw, 5.4rem) clamp(2rem, 4vw, 3rem);
  border-bottom: 1px solid var(--han07-line);
}

.han07-abt-intro {
  max-width: 44rem;
  padding: clamp(1.15rem, 2.5vw, 1.65rem) 0 clamp(1.15rem, 2.5vw, 1.65rem) 1.15rem;
  border-left: 4px solid var(--han07-accent);
}

.han07-abt-intro h1 {
  font-size: clamp(1.9rem, 4.2vw, 3.25rem);
  line-height: 1.05;
  letter-spacing: -.028em;
}

.han07-abt-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 1.4rem;
  margin: .15rem 0 0;
}

.han07-abt-facts div {
  display: grid;
  grid-template-rows: auto auto;
  align-content: start;
  gap: .2rem;
  min-width: 0;
}

.han07-abt-facts dt {
  margin: 0;
  color: #8c5b00;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.han07-abt-facts dd {
  margin: 0;
  font-weight: 700;
}

.han07-abt-facts div:last-child {
  grid-column: 1 / -1;
}

/* Stats-led split: ledger first, shop photo second */
.han07-abt-led {
  padding-block: clamp(3.4rem, 7vw, 5.8rem);
  background: var(--han07-surface-2);
  border-bottom: 1px solid var(--han07-line);
}

.han07-abt-split {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: stretch;
  gap: 0;
  border: 1px solid var(--han07-line);
  background: var(--han07-surface);
}

.han07-abt-ledger {
  display: grid;
  align-content: start;
  gap: 1.25rem;
  min-width: 0;
  padding: clamp(1.35rem, 3vw, 2.1rem);
}

.han07-abt-led-head {
  max-width: 34rem;
}

.han07-abt-led-head h2 {
  font-size: clamp(1.7rem, 3.4vw, 2.55rem);
  line-height: 1.08;
  letter-spacing: -.02em;
}

.han07-abt-stats {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.han07-abt-stats li {
  grid-template-rows: auto auto 1fr;
  gap: .28rem;
  min-width: 0;
  padding: 1rem 0;
  border-top: 1px solid var(--han07-line);
}

.han07-abt-stats li:last-child { padding-bottom: 0; }

.han07-abt-stats span {
  color: #8c5b00;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.han07-abt-stats strong {
  font: 600 1.28rem/1.15 "Playfair Display", Georgia, serif;
}

.han07-abt-stats p { font-size: .95rem; }

.han07-abt-photo {
  margin: 0;
  min-width: 0;
  background: var(--han07-bg);
  border-left: 1px solid var(--han07-line);
}

.han07-abt-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% 50%;
}

.han07-abt-route {
  padding-block: clamp(3.4rem, 7vw, 5.8rem) 4.4rem;
}

.han07-abt-route-head {
  max-width: 40rem;
  margin: 0 0 1.6rem;
}

.han07-abt-route-head h2 {
  font-size: clamp(1.7rem, 3.5vw, 2.7rem);
  line-height: 1.08;
  letter-spacing: -.02em;
}

.han07-abt-route-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 0;
  border-top: 1px solid var(--han07-line);
}

.han07-abt-route-grid article {
  grid-template-rows: auto auto 1fr;
  gap: .4rem;
  min-width: 0;
  padding: 1.2rem 1.2rem 1.3rem 0;
  border-bottom: 1px solid var(--han07-line);
}

.han07-abt-route-grid article:last-child { padding-left: 1.2rem; }

.han07-abt-route-grid span {
  color: #8c5b00;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.han07-abt-route-grid h3 {
  margin: 0;
  font-size: 1.28rem;
  line-height: 1.2;
}

.han07-abt-acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .9rem 1.15rem;
  margin-top: 1.6rem;
}

@media (max-width: 980px) {
  .han07-abt-split { grid-template-columns: 1fr; }
  .han07-abt-photo {
    border-left: 0;
    border-top: 1px solid var(--han07-line);
  }
  .han07-abt-photo img {
    height: auto;
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 768px) {
  .han07-abt-facts,
  .han07-abt-route-grid { grid-template-columns: 1fr; }
  .han07-abt-facts div:last-child { grid-column: auto; }
  .han07-abt-route-grid article,
  .han07-abt-route-grid article:last-child {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 560px) {
  .han07-abt-intro { padding-left: .9rem; }
  .han07-abt-intro h1,
  .han07-abt-led-head h2,
  .han07-abt-route-head h2 { font-size: 1.85rem; }
  .han07-abt-acts {
    flex-direction: column;
    align-items: stretch;
  }
  .han07-abt-acts .han07-cta { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .han07-abt-photo img { transition: none; }
}