/* ==========================================================================
   Knepper Contracting — about.html page styles.
   Reuses the site-wide component library as-is: /css/site.css ships .kick,
   .h2/.h2--xl, .sub, .shead, .wrap, buttons, .vals, .check/.check__list,
   .proof, .gc, .truck, .path__stops/.stop, .cred/.cred__in, .crew/.crew__grid,
   .close/.close__h; /css/rooms.css ships .cta-row, .spot family, .glass +
   [data-tilt], .drift, .trail, .icard/.stamp, .shot. This file only adds the
   handful of things About needs that neither file already covers: the page
   head and the lineage split.
   ========================================================================== */

/* ── page head ───────────────────────────────────────────────────────── */
.phead{padding:148px 0 64px;position:relative}
.phead .crumb{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-faint);margin:0 0 20px}
.phead .crumb a{color:var(--on-faint);text-decoration:none;border-bottom:1px solid var(--hair)}
.phead .crumb a:hover{color:var(--lime)}
.phead .lede{max-width:62ch;font-size:1.1rem;color:var(--on-soft);margin:18px 0 0}

/* ── the lineage split ───────────────────────────────────────────────── */
.lineage{padding:var(--sec) 0}
.lineage__in{display:grid;gap:40px;align-items:center}
@media (min-width:960px){.lineage__in{grid-template-columns:.82fr 1.18fr;gap:64px}}
.lineage__media{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--hair);box-shadow:0 40px 90px -40px rgba(0,0,0,.8);aspect-ratio:3/4;max-width:420px}
.lineage__media img{width:100%;height:100%;object-fit:cover}
.lineage__cap{margin:14px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--on-faint);max-width:420px}
.lineage__copy p{color:var(--on-soft);font-size:1.05rem;margin:0 0 18px;max-width:62ch}
.lineage__copy p:last-of-type{margin-bottom:0}
.lineage__copy strong{color:var(--on);font-weight:700}

/* ── how we bid — reuses .path__stops / .stop from site.css ───────────── */
.bid{padding:var(--sec) 0}
.bid .path__stops{margin-top:6px}

/* ── closing CTA band ────────────────────────────────────────────────── */
.closeband{padding:var(--sec) 0 calc(var(--sec) - 20px);text-align:center}
.closeband__h{font-size:clamp(2.4rem,6.5vw,5rem);margin:0 0 18px;line-height:.92}
.closeband .sub{margin:0 auto;text-align:center}
.closeband .cta-row{justify-content:center}