/* ============================================================
   WELDONE EVENTS — Testimonials page styles
   ============================================================ */

/* featured */
.t-featured{ padding-bottom:0; }
.tf-card{
  text-align:center; position:relative;
  padding:clamp(50px, 7vw, 90px) clamp(24px, 6vw, 90px);
  border:1px solid var(--line); border-radius:calc(var(--radius) + 10px);
  background:
    radial-gradient(55% 130% at 50% 0%, rgba(217,143,156,.09), transparent 70%),
    var(--bg-2);
  overflow:hidden;
}
.tf-card::before, .tf-card::after{
  content:"✦"; position:absolute; color:var(--gold); opacity:.35; font-size:1.2rem;
}
.tf-card::before{ left:30px; top:26px; }
.tf-card::after{ right:30px; bottom:26px; }
.tf-card .script{ font-size:clamp(1.7rem, 3vw, 2.4rem); display:block; margin-bottom:22px; }
.tf-card blockquote{
  font-family:var(--font-display); font-style:italic; font-weight:500;
  font-size:clamp(1.6rem, 3.4vw, 2.8rem); line-height:1.35;
  max-width:900px; margin-inline:auto; color:var(--ink);
}
.tf-who{ margin-top:30px; display:flex; flex-direction:column; gap:4px; }
.tf-who b{ font-size:.82rem; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); font-weight:500; }
.tf-who span{ font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); }

/* masonry of quotes */
.t-masonry{ columns:3; column-gap:24px; }
.tq{
  position:relative; break-inside:avoid; margin-bottom:24px;
  padding:clamp(28px, 3vw, 40px);
  border:1px solid var(--line-2); border-radius:var(--radius);
  background:var(--bg-3);
  transition:transform .5s var(--ease), border-color .4s, box-shadow .5s;
}
.tq:hover{ transform:translateY(-7px); border-color:var(--line); box-shadow:var(--shadow); }
.tq.gold{
  background:linear-gradient(165deg, rgba(217,143,156,.10), transparent 60%), var(--bg-3);
  border-color:var(--line);
}
.tq-mark{
  font-family:var(--font-display); font-size:3.4rem; line-height:.5;
  color:var(--gold); display:block; margin-bottom:20px;
}
.tq p{ font-size:.95rem; color:var(--ink-2); line-height:1.85; }
.tq footer{
  margin-top:22px; padding-top:18px; border-top:1px solid var(--line-2);
  display:flex; flex-direction:column; gap:3px;
}
.tq footer b{
  font-family:var(--font-display); font-weight:600; font-size:1.1rem; color:var(--ink);
}
.tq footer span{ font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); }

@media (max-width:1024px){ .t-masonry{ columns:2; } }
@media (max-width:640px){ .t-masonry{ columns:1; } }
