/* =========================================================
   Mumford Company — Testimonials
   Loads AFTER styles.css; reuses its tokens, header, footer.
   Rounded #E7ECEF cards with decorative quote marks.
   ========================================================= */

.testi-main{ padding-top:150px; padding-bottom:84px; background:#fff; }

/* page head (matches About / Offices / Articles) */
.testi-head{ padding:6px 0 2px; text-align:center; }
.testi-head .page-title{
  font-family:var(--f-head); font-weight:400; color:var(--forest);
  font-size:clamp(28px,3.6vw,40px); letter-spacing:.03em; margin:0; line-height:1.1;
}
.testi-head .page-title b{ font-weight:700; color:var(--forest); }
.testi-head .page-title span{ color:var(--ink); font-weight:400; }
.testi-head .lede{
  font-size:16.5px; color:var(--ink-2); margin:14px auto 0; max-width:640px; line-height:1.6;
}
.testi-head .title-rule{ width:120px; height:3px; background:var(--forest); margin:18px auto 0; border:0; }

/* ---- column of cards ---- */
.testi-list{
  display:flex; flex-direction:column; gap:30px;
  max-width:1000px; margin:46px auto 0;
}

/* =========================================================
   CARD
   ========================================================= */
.tcard{
  position:relative; background:#E7ECEF; border-radius:16px;
  padding:54px 60px 46px; text-align:center;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.tcard:hover{ transform:translateY(-5px); box-shadow:0 20px 40px rgba(20,40,35,.12); }

/* big decorative opening quote mark, centered up top */
.tcard .qmark{
  font-family:Georgia, 'PT Serif', serif; font-weight:700;
  color:var(--lime); font-size:78px; line-height:.7; height:46px;
  display:block; margin:0 auto 6px; user-select:none;
}

.tcard .tcard-title{
  font-family:var(--f-head); font-weight:700; color:var(--forest);
  font-size:clamp(19px,2.1vw,24px); line-height:1.3; letter-spacing:.005em;
  margin:0 auto 22px; max-width:816px;
}

/* the quote body, flanked by small italic quote glyphs */
.tcard .tcard-quote{
  position:relative; display:block; margin:0 auto; max-width:816px;
  font-family:var(--f-body); font-style:italic; color:#46504F;
  font-size:16px; line-height:1.78;
}
.tcard .tcard-quote::before,
.tcard .tcard-quote::after{
  font-family:Georgia, serif; font-weight:700; color:#9DB0A6;
  font-size:30px; line-height:0; position:relative; top:8px;
}
.tcard .tcard-quote::before{ content:"\201C"; margin-right:6px; }
.tcard .tcard-quote::after{  content:"\201D"; margin-left:5px; top:14px; }

.tcard .tcard-by{
  margin:26px auto 0; font-family:var(--f-head); font-weight:700;
  color:var(--forest); font-size:15.5px; line-height:1.5;
}
.tcard .tcard-by .org{ display:block; font-weight:400; color:var(--ink-2); font-size:14px; margin-top:2px; }

/* alternating subtle accent — every other card a touch greener */
.tcard:nth-child(even){ background:#E6EEE8; }

/* =========================================================
   LOAD-MORE  (long lists)
   ========================================================= */
.tcard.is-hidden{ display:none; }
.testi-more{ text-align:center; margin-top:40px; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:680px){
  .tcard{ padding:42px 26px 36px; }
  .tcard .qmark{ font-size:62px; }
  .testi-main{ padding-top:120px; }
}