/* Industry About pages (v6/about-<slug>.html, built by tools/build-about-variants.mjs): the client quotes section.
   Modelled on .ind-proof / .ind-quote in industry.css, with the tokens from site.css. Linked only from the variant pages. */
.av-proof{border-bottom:1px solid var(--line)}
.av-proof-h{margin-top:10px;margin-bottom:clamp(28px,4vw,48px);max-width:20em;font-size:clamp(1.9rem,3.4vw,2.9rem)}
.av-proof-grid{display:grid;gap:clamp(32px,4vw,52px)}
.av-proof-more{display:grid;gap:clamp(28px,3.4vw,40px) clamp(32px,5vw,72px)}
.av-quote{margin:0;min-width:0}
.av-quote blockquote{margin:0}
.av-quote blockquote p{margin:0 0 16px;font:italic 400 clamp(1.1rem,1.5vw,1.25rem)/1.45 var(--serif);color:var(--fg-strong);text-wrap:pretty}
.av-quote blockquote p::before{content:"\201C"}
.av-quote blockquote p::after{content:"\201D"}
.av-quote--lead blockquote{max-width:46em}
.av-quote--lead blockquote p{margin-bottom:22px;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.34}
.av-quote:not(.av-quote--lead){padding-top:22px;border-top:1px solid var(--line)}
.av-quote .l3{display:grid}
@media (min-width:760px){
  .av-proof-more{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Hero: the industry headline and intro are longer than /about's, so tighten them to keep the buttons near the fold. */
.ab-hero h1{font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.1;max-width:20em;margin-top:10px}
.ab-hero .lead{margin-top:16px;max-width:none;font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.5}