/* Ported from the reference build by tools/port/css.mjs. Do not edit; edit the generator or override in assets/css/theme/. */
.tst[data-c-home-testimonials] {
  padding-block: var(--space-xl);
  background: var(--night);
  color: var(--white);
  --focus: var(--sun);
  position: relative;
  overflow: hidden;
}
.tst__glow[data-c-home-testimonials] i[data-c-home-testimonials] {
  aspect-ratio: 1;
  filter: blur(90px);
  opacity: 0.35;
  border-radius: 50%;
  width: 40vw;
  position: absolute;
}
.tst__glow[data-c-home-testimonials] i[data-c-home-testimonials]:first-child {
  background: var(--tangerine);
  top: -30%;
  right: -10vw;
}
.tst__glow[data-c-home-testimonials] i[data-c-home-testimonials]:last-child {
  background: var(--aqua);
  bottom: -40%;
  left: -12vw;
}
.tst__inner[data-c-home-testimonials] {
  gap: var(--space-l);
  align-items: center;
  display: grid;
}
.tst__head[data-c-home-testimonials] {
  gap: var(--space-s);
  justify-items: start;
  display: grid;
}
.tst__head[data-c-home-testimonials] .eyebrow {
  color: #fffc;
  background: #ffffff14;
  box-shadow: inset 0 0 0 1px #ffffff29;
}
.tst__head[data-c-home-testimonials] h2[data-c-home-testimonials] {
  font-size: var(--step-4);
  color: var(--white);
  margin-bottom: 0.5rem;
}
.faces[data-c-home-testimonials] {
  gap: var(--space-m) var(--space-s);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
.face[data-c-home-testimonials] {
  width: 100%;
  color: inherit;
  text-align: center;
  background: 0 0;
  border: 0;
  justify-items: center;
  gap: 0.35rem;
  padding: 0;
  display: grid;
}
.face__ring[data-c-home-testimonials] {
  aspect-ratio: 1;
  background: conic-gradient(from 0deg, var(--tangerine), var(--sun), var(--aqua), var(--tangerine));
  width: min(100%, 170px);
  transition: transform 0.5s var(--ease-spring);
  border-radius: 50%;
  margin-bottom: 0.6rem;
  padding: 5px;
  display: block;
  position: relative;
}
.face__img[data-c-home-testimonials] {
  background: var(--night);
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 4px var(--night);
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.face__img[data-c-home-testimonials] img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: scale 0.6s var(--ease-out);
  scale: 1.14;
}
.face__play[data-c-home-testimonials] {
  background: var(--grad-warm);
  width: 46px;
  height: 46px;
  color: var(--ink);
  box-shadow:
    0 0 0 4px var(--night),
    0 12px 24px -8px #ff6a2b99;
  transition: transform 0.45s var(--ease-spring);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  bottom: 4%;
  right: 4%;
}
.face[data-c-home-testimonials]:hover .face__ring[data-c-home-testimonials],
.face[data-c-home-testimonials]:focus-visible .face__ring[data-c-home-testimonials] {
  transform: translateY(-6px) rotate(-4deg);
}
.face[data-c-home-testimonials]:hover .face__img[data-c-home-testimonials] img {
  scale: 1.24;
}
.face[data-c-home-testimonials]:hover .face__play[data-c-home-testimonials],
.face[data-c-home-testimonials]:focus-visible .face__play[data-c-home-testimonials] {
  transform: scale(1.15);
}
.face__name[data-c-home-testimonials] {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--step-1);
  letter-spacing: -0.03em;
}
.face__cta[data-c-home-testimonials] {
  color: #fff9;
  font-size: 0.8rem;
  font-weight: 600;
}
.face[data-c-home-testimonials]:focus-visible {
  outline-offset: 6px;
  border-radius: var(--radius-m);
}
@media (width>=900px) {
  .faces[data-c-home-testimonials] {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (width>=1100px) {
  .tst__inner[data-c-home-testimonials] {
    gap: var(--space-xl);
    grid-template-columns: 0.75fr 1.25fr;
  }
}
.vdlg[data-c-home-testimonials] {
  border-radius: var(--radius-l);
  background: var(--night-2);
  width: min(960px, 100vw - 2rem);
  color: var(--white);
  border: 0;
  padding: 0;
}
.vdlg[data-c-home-testimonials]::backdrop {
  backdrop-filter: blur(6px);
  background: #16131bbf;
}
.vdlg__inner[data-c-home-testimonials] {
  padding: 0.75rem;
  position: relative;
}
.vdlg[data-c-home-testimonials] video[data-c-home-testimonials] {
  border-radius: var(--radius-m);
  background: #000;
  width: 100%;
  max-height: 75vh;
}
.vdlg__caption[data-c-home-testimonials] {
  padding: 0.75rem 0.25rem 0.25rem;
  font-size: 0.9rem;
}
.vdlg__close[data-c-home-testimonials] {
  z-index: 1;
  background: var(--white);
  width: 44px;
  height: 44px;
  color: var(--ink);
  border: 0;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}