.sb-testimonials {
  background: radial-gradient(circle at 78% 15%, rgb(47 52 87 / 31%), transparent 30%), #101326;
}

.sb-testimonial-head {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  align-items: end;
  gap: 70px;
  margin-bottom: 68px;
}

.sb-testimonial-head > p {
  max-width: 390px;
  margin: 0;
  color: var(--dim);
  font-size: 14px;
  line-height: 1.75;
}

.sb-testimonial-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.sb-testimonial {
  min-height: 260px;
  padding: 30px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: background .3s, transform .3s;
}

.sb-testimonial:hover {
  background: rgb(217 255 70 / 5%);
  transform: translateY(-4px);
}

.sb-testimonial-featured {
  grid-row: span 2;
  min-height: 520px;
  padding: clamp(30px, 5vw, 62px);
  color: var(--navy);
  background: var(--acid);
}

.sb-testimonial-featured:hover { background: var(--acid); }
.sb-quote-mark { color: var(--acid); font: 700 62px/.8 "Space Grotesk"; }
.sb-testimonial-featured .sb-quote-mark { color: var(--navy); }

.sb-testimonial blockquote {
  margin: 35px 0;
  letter-spacing: -.045em;
  font: 600 clamp(22px, 2.5vw, 34px)/1.13 "Space Grotesk";
}

.sb-testimonial-featured blockquote {
  max-width: 680px;
  font-size: clamp(32px, 4.2vw, 59px);
}

.sb-testimonial footer {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.sb-testimonial-featured footer { border-color: rgb(17 20 38 / 25%); }
.sb-testimonial footer strong { text-transform: uppercase; letter-spacing: .03em; font: 700 11px "DM Mono"; }
.sb-testimonial footer span { color: var(--dim); font: 10px "DM Mono"; }
.sb-testimonial-featured footer span { color: #3f461e; }

@media (max-width: 900px) {
  .sb-testimonial-head { grid-template-columns: 1fr; }
  .sb-testimonial-grid { grid-template-columns: 1fr 1fr; }
  .sb-testimonial-featured { grid-column: 1 / -1; grid-row: auto; min-height: 390px; }
}

@media (max-width: 700px) {
  .sb-testimonial-head { gap: 24px; margin-bottom: 45px; }
  .sb-testimonial-grid { grid-template-columns: 1fr; }
  .sb-testimonial-featured { grid-column: auto; min-height: 390px; }
  .sb-testimonial { min-height: 240px; padding: 24px; }
  .sb-testimonial-featured blockquote { font-size: clamp(34px, 10vw, 48px); }
}