/* ===== Testimonials Card (matches base tokens) ===== */
:root {
  /* optional accent reuse */
  --t-accent: #1C1BAE;
}

/* Card shell */
.tcard{
  border: 1px solid var(--page-ink);
  background: var(--page-bg);
  padding: clamp(30px, 3vw, 30px);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: clamp(16px, 3vw, 32px);
  border-radius: 3px;
}

.testimonial-section {
    padding-block: 40px;
}

/* Quote */
.tcard__quote{
  margin: 0;
  font-family: "Arizona Flare", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 1.3;
  color: var(--page-ink);
}

/* Right column: photo + credits */
.tcard__meta{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: clamp(12px, 2vw, 18px);
}

.tcard__photoWrap{
  width: clamp(64px, 8vw, 100px);
  height: clamp(64px, 8vw, 100px);
  border-radius: 0px;
  overflow: hidden;
}
.tcard__photo{ width: 100%; height: 100%; object-fit: cover; display: block; }

.tcard__credits{
  display: grid;
  gap: 6px;
  min-width: 220px;
}

.tcard__rule{
  height: 1px;
  border: 0;
  background: var(--page-ink);
  opacity: .4;
  margin: 0 0 6px 0;
}

.tcard__name{
  margin: 0;
  font-family: "Helveesti", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: var(--page-ink);
}

.tcard__title{
  margin: 0;
  font-family: "Helveesti", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  opacity: .9;
  color: var(--page-ink);
}

.tcard__company{
  margin: 4px 0 0 0;
  font-family: "Helveesti Bold", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: .2px;
  color: var(--page-ink);
}

/* Hover polish (optional) */


/* ===== Responsive ===== */
@media (max-width: 900px){
  .tcard{ grid-template-columns: 1fr; }
  .tcard__meta{ grid-template-columns: auto 1fr; justify-content: start; }
}
@media (max-width: 520px){
  .tcard__meta{ grid-template-columns: 1fr; }
  .tcard__credits{ min-width: 0; }
}

/* ---- Hard reset: no side padding, no blue fill ---- */
#testimonials .tcard{
  padding-inline: 0 !important;   /* remove L/R gap */
  background: transparent !important;   /* blue fill off */
  margin: 0; width: 100%;
}

/* Quote + Meta ko same site gutters do (container ke barabar) */
#testimonials .tcard__quote,
#testimonials .tcard__meta{
  padding-inline: var(--container-pad);
}