/* ============================================================
   09 · TESTIMONIALS  (one hero quote + two supporting quotes)
   ============================================================ */
.test{padding:clamp(72px,9vw,120px) 0}

/* big feature quote */
.tbig{margin:clamp(30px,4vw,44px) 0 0;position:relative;padding-left:clamp(0px,5vw,78px)}
.tbig::before{content:'\201C';position:absolute;left:0;top:-.1em;font-family:Archivo;
  font-weight:800;font-size:clamp(60px,9vw,120px);color:var(--b100);line-height:1;display:none}
@media(min-width:900px){.tbig::before{display:block}}
.tbig blockquote{font-family:Archivo;font-weight:600;font-size:clamp(20px,2.9vw,32px);
  letter-spacing:-.018em;line-height:1.3;color:var(--ink900);max-width:900px}
.tbig figcaption{display:flex;align-items:center;gap:16px;margin-top:clamp(24px,3vw,36px)}

/* avatar chip */
.av{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;
  place-items:center;font-family:'Geist Mono',monospace;font-size:12px;flex:0 0 auto}
figcaption span{display:flex;flex-direction:column;font-size:14px;color:var(--ink500);line-height:1.5}
figcaption b{font-family:Archivo;font-weight:600;font-size:16px;color:var(--ink900)}

/* two smaller quotes */
.tsmall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);
  margin-top:clamp(44px,6vw,72px);padding-top:clamp(40px,5vw,56px);border-top:1px solid var(--line)}
.tsmall blockquote{font-family:Archivo;font-weight:600;font-size:clamp(16px,1.8vw,20px);
  letter-spacing:-.01em;line-height:1.5;color:var(--ink700)}
.tsmall figcaption{display:flex;flex-direction:column;margin-top:22px;font-size:13px;color:var(--ink500)}
.tsmall figcaption b{font-size:15px;color:var(--ink900)}

@media(max-width:720px){
  .tsmall{grid-template-columns:1fr}
}