/* Privacy: hanksmobilemechanic.help — callback phone only */

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

.han07-pv-mast .han07-wrap,
.han07-pv-notes,
.han07-pv-notes article,
.han07-pv-desk,
.han07-pv-desk dl > div {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: .8rem;
}

.han07-pv-mast h1,
.han07-pv-notes h2,
.han07-pv-desk h2 {
  text-wrap: balance;
}

.han07-pv-mast p,
.han07-pv-notes p,
.han07-pv-desk p,
.han07-pv-desk dd {
  margin: 0;
  text-wrap: pretty;
}

.han07-pv-mast {
  padding-block: clamp(3rem, 7vw, 5.2rem) clamp(1.8rem, 4vw, 2.8rem);
}

.han07-pv-mast .han07-wrap {
  max-width: 44rem;
  padding: clamp(1.1rem, 2.4vw, 1.6rem) 0 clamp(1.1rem, 2.4vw, 1.6rem) 1.15rem;
  border-left: 4px solid var(--han07-accent);
}

.han07-pv-mast h1 {
  font-size: clamp(1.9rem, 4.2vw, 3.2rem);
  line-height: 1.06;
  letter-spacing: -.026em;
}

.han07-pv-mast p {
  color: var(--han07-muted);
  font-size: 1.05rem;
}

.han07-pv-body {
  padding-bottom: clamp(3.4rem, 7vw, 5.4rem);
}

.han07-pv-split {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(16rem, .85fr);
  align-items: start;
  gap: 1.6rem 2rem;
}

.han07-pv-notes {
  gap: 1.15rem;
}

.han07-pv-notes article {
  grid-template-rows: auto auto auto;
  min-width: 0;
  padding: clamp(1.1rem, 2.4vw, 1.45rem) 0 clamp(1.1rem, 2.4vw, 1.45rem) 1.1rem;
  border-left: 1px solid var(--han07-line);
}

.han07-pv-notes h2,
.han07-pv-desk h2 {
  font-size: clamp(1.45rem, 2.6vw, 1.9rem);
  line-height: 1.12;
  letter-spacing: -.018em;
}

.han07-pv-notes p,
.han07-pv-desk p {
  color: var(--han07-muted);
}

.han07-pv-desk {
  min-width: 0;
  padding: clamp(1.15rem, 2.6vw, 1.7rem);
  border: 1px solid var(--han07-line);
  background: var(--han07-surface);
}

.han07-pv-desk dl {
  display: grid;
  gap: 0;
  width: 100%;
  margin: 0;
}

.han07-pv-desk dl > div {
  grid-template-rows: auto auto;
  gap: .25rem;
  width: 100%;
  padding-block: .85rem;
  border-top: 1px solid var(--han07-line);
}

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

.han07-pv-desk dd {
  color: var(--han07-ink);
}

.han07-pv-desk a {
  color: inherit;
  text-decoration: none;
}

.han07-pv-desk a:hover {
  color: #8c5b00;
}

.han07-pv-desk .han07-cta {
  margin-top: .25rem;
}

@media (max-width: 768px) {
  .han07-pv-mast .han07-wrap { max-width: none; }
  .han07-pv-split { grid-template-columns: 1fr; gap: 1.25rem; }
}

@media (max-width: 390px) {
  .han07-pv-mast h1 { font-size: 1.85rem; }
  .han07-pv-desk { padding: 1.1rem; }
  .han07-pv-desk .han07-cta { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .han07-pv-desk a { transition: none; }
}