/* /about: page-only styles, prefix ab-. Boxes, prose and the nums band come from site.css and the base. */
.ab-story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}
.ab-story .sec-head{margin-bottom:0}

/* The two products: two ruled columns, no cards. */
.ab-prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,5vw,80px);border-bottom:1px solid var(--line)}
.ab-prods > li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 0 30px;border-top:1px solid var(--line)}
.ab-prods h3,.ab-find h3{font:500 1.35rem/1.2 var(--font-head);letter-spacing:-.025em;color:var(--ink)}
.ab-prods p,.ab-find p{max-width:56ch;color:var(--muted);line-height:1.55}
.ab-prods .link{margin-top:auto;padding-top:6px}

/* Where to find us: label on the left, the detail on the right. */
.ab-find{border-bottom:1px solid var(--line)}
.ab-find > li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px clamp(24px,5vw,72px);align-items:start;padding:24px 0 26px;border-top:1px solid var(--line)}
.ab-find .link{display:inline-block;margin-top:8px}

@media (max-width:900px){
  .ab-prods{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .ab-story{grid-template-columns:minmax(0,1fr);gap:20px}
  .ab-find > li{grid-template-columns:minmax(0,1fr)}
}