/* Trusted People Section Styles */
.trusted-people {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background-color: var(--color-background, #ffffff);
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='2' height='2' fill='%23ddd'/%3E%3C/svg%3E");
  color: var(--color-foreground, #000000);
  font-family: inherit;
  --rider-gap: 134px;
  --rider-carousel-extra: 100px;
  --rider-width: calc((100cqw - (var(--rider-gap) * (var(--slides-per-view-desktop, 4) - 1))) / var(--slides-per-view-desktop, 4));
}

.trusted-people__inner {
  position: relative;
  z-index: 1;
  padding: 80px 60px;
}

.trusted-people__header {
  width: 100%;
  max-width: 750px;
  margin-bottom: 90px;
  padding-left: 68px;
}

.trusted-people__header h2,
.trusted-people__heading {
  margin: 0;
  color: var(--color-text, #000000);
  font-size: clamp(28px, 3.2vw, 48px);
  font-weight: 700;
  line-height: 1.05;
}

.trusted-people__carousel {
  height: calc((var(--rider-width) * 1.2) + var(--rider-carousel-extra));
  margin-inline: -60px;
  padding-inline: 60px;
  touch-action: pan-y;
}

.trusted-people__viewport {
  width: 100%;
  height: 100%;
  overflow: visible;
  container-type: inline-size;
}

.trusted-people__track {
  display: flex;
  gap: var(--rider-gap);
  width: max-content;
  height: 100%;
  will-change: transform;
  transition: transform 1.5s ease;
}

.trusted-people__track.is-jumping {
  transition: none !important;
}

.trusted-people__card-wrapper {
  position: relative;
  display: flex;
  flex: 0 0 var(--rider-width);
  align-items: center;
  width: var(--rider-width);
  min-width: var(--rider-width);
  height: 100%;
}

.trusted-people__card-wrapper.is-active {
  z-index: 3;
}

.trusted-people__card {
  --rider-scale: 1;
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-foreground, #000000);
  text-align: left;
  cursor: pointer;
  transform: translateY(0) rotate(0) scale(var(--rider-scale));
  transition: transform 0.3s ease;
}

.trusted-people__card-wrapper.is-active .trusted-people__card {
  --rider-scale: 1.4;
  margin-bottom: 100px;
  transform: translateY(-50px) rotate(-5deg) scale(var(--rider-scale));
}

.trusted-people__card-image {
  display: block;
  width: 100%;
  aspect-ratio: 5 / 6;
  overflow: hidden;
  border-radius: 8px;
  background: #ddd;
  filter: grayscale(1);
}

.trusted-people__card-image img,
.trusted-people__card-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

/* Keep the complete player photo visible when the caption opens. */
.trusted-people__card-wrapper.is-active .trusted-people__card-image {
  aspect-ratio: 4 / 5;
  border-radius: 8px 8px 0 0;
}
.trusted-people__card-wrapper.is-active .trusted-people__card-image img {
  object-fit: contain;
  object-position: center;
}

.trusted-people__card-content {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: none;
  padding: calc(16px / var(--rider-scale));
  border-radius: 0 0 8px 8px;
  background-color: var(--card-badge-bg, var(--active-badge-bg, #fffb00));
  color: var(--card-badge-text, var(--active-badge-text, #000000));
}

.trusted-people__card-wrapper.is-active .trusted-people__card-content {
  display: block;
}

.trusted-people__card-name {
  display: block;
  font-size: calc(44px / var(--rider-scale));
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: inherit;
}

.trusted-people__card-details {
  display: block;
  margin-top: calc(5px / var(--rider-scale));
  color: inherit;
}

.trusted-people__card-detail {
  display: block;
  font-size: calc(12px / var(--rider-scale));
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
}

.trusted-people__card-detail strong,
.trusted-people__card-detail span {
  display: inline;
  font: inherit;
}

.trusted-people__card-detail strong {
  font-weight: 700;
}

.trusted-people__footer {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  padding-left: 68px;
  margin-top: 40px;
}

.trusted-people__background-name {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0.20em;
  left: 0;
  display: block;
  width: 100%;
  overflow: visible;
  color: rgb(var(--color-text));
  opacity: var(--watermark-opacity, 0.08);
  font-size: 15vw;
  font-weight: 700;
  line-height: 0.8;
  letter-spacing: -0.04em;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.trusted-people__background-name span {
  display: inline;
  margin-right: 0.25em;
}

@media (min-width: 901px) and (max-width: 1199.98px) {
  .trusted-people {
    --rider-gap: 80px;
  }

  .trusted-people__card-wrapper.is-active .trusted-people__card {
    --rider-scale: 1.3;
  }
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
  .trusted-people {
    --rider-gap: 100px;
  }
}

@media (max-width: 900px) {
  .trusted-people {
    width: 100%;
    margin: 0;
    --rider-gap: 40px;
    --rider-carousel-extra: 50px;
    --rider-width: calc((100cqw - (var(--rider-gap) * (var(--slides-per-view-mobile, 2) - 1))) / var(--slides-per-view-mobile, 2));
  }

  .trusted-people__inner {
    padding: 52px 16px;
  }

  .trusted-people__header {
    max-width: 95%;
    margin-bottom: 110px;
    padding-left: 0;
  }

  .trusted-people__header h2 {
    font-size: 32px;
  }

  .trusted-people__carousel {
    margin-inline: -16px;
    padding-inline: 16px;
  }

  .trusted-people__card-wrapper.is-active .trusted-people__card {
    --rider-scale: 1.3;
    margin-bottom: 50px;
  }

  .trusted-people__card-name {
    font-size: calc(32px / var(--rider-scale));
  }

  .trusted-people__footer {
    justify-content: center;
    margin-top: 112px;
    padding-left: 0;
  }

  .trusted-people__background-name {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-inline: 16px;
    font-size: 19vw;
  }

  .trusted-people__background-name span {
    display: block;
  }
}
/* Keep the active player readable on tablet and compact desktop screens. */
@media (min-width: 901px) {
  .trusted-people {
    --rider-width: clamp(228px, 16vw, 300px);
    --rider-gap: clamp(64px, 5vw, 100px);
  }
  .trusted-people__inner { padding: 56px 32px; }
  .trusted-people__header { max-width: 750px; margin: 0 0 32px; padding-left: 0; }
  .trusted-people__heading { font-size: 32px; line-height: 1.15; }
  .trusted-people__carousel { height: calc(var(--rider-width) * 1.4 + 200px); margin-inline: -32px; padding-inline: 32px; }
  .trusted-people__card-wrapper.is-active .trusted-people__card {
    --rider-scale: 1.08;
    margin-bottom: 0;
    transform: rotate(-4deg) scale(var(--rider-scale));
  }
  .trusted-people__card-content { position: static; padding: 18px; }
  .trusted-people__card-name { font-size: clamp(30px, 2vw, 36px); line-height: 1.08; overflow-wrap: normal; word-break: normal; }
  .trusted-people__card-detail { font-size: 14px; line-height: 1.5; }
  .trusted-people__card-details { margin-top: 10px; }
  .trusted-people__footer { margin-top: 24px; padding-left: 0; justify-content: center; }
  .trusted-people__background-name { font-size: 12vw; bottom: 0.3em; }
}

/* Desktop player showcase: original heading leading and a balanced viewport composition. */
@media (min-width: 960px) {
  #shopline-section-template--index__178505068725312a1124 .trusted-people {
    --uswing-section-title-line-height: 1.15;
    --rider-width: clamp(280px, min(23vw, calc((100svh - 360px) * 0.72)), 560px);
    height: auto; min-height: max(100svh, 700px); padding-block: 0;
  }
  #shopline-section-template--index__178505068725312a1124 .trusted-people__inner {
    min-height: inherit; box-sizing: border-box; padding: 24px var(--page-padding);
    display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 16px;
  }
  #shopline-section-template--index__178505068725312a1124 .trusted-people__header {
    max-width: 1200px; margin: 0; padding: 0;
  }
  #shopline-section-template--index__178505068725312a1124 .trusted-people__carousel {
    height: auto; min-height: calc(var(--rider-width) * 1.4 + 200px); margin-inline: calc(-1 * var(--page-padding)); padding-inline: var(--page-padding);
  }
  #shopline-section-template--index__178505068725312a1124 .trusted-people__card-wrapper.is-active .trusted-people__card {
    --rider-scale: 1.04; transform: rotate(-4deg) scale(var(--rider-scale));
  }
  #shopline-section-template--index__178505068725312a1124 .trusted-people__card-content { padding: 14px; }
  #shopline-section-template--index__178505068725312a1124 .trusted-people__footer { margin: 0; }
}
@media (min-width: 960px) and (max-height: 800px) {
  #shopline-section-template--index__178505068725312a1124 .trusted-people__card-wrapper.is-active .trusted-people__card {
    --rider-scale: 1.02; transform: rotate(-3deg) scale(var(--rider-scale));
  }
}

/* Keep compact desktop card widths readable without flattening their photos. */
@media (min-width: 960px) and (max-width: 1279px) and (max-height: 800px) {
  #shopline-section-template--index__178505068725312a1124 .trusted-people { --rider-width: 280px; }
}

/* Keep expanded player copy clear of the heading and CTA at compact widths. */
@media (max-width: 900px) {
  #shopline-section-template--index__178505068725312a1124 .trusted-people__header {
    margin-block-end: clamp(110px, calc(12vw + 50px), 158px);
  }
}
@media (max-width: 767px) {
  #shopline-section-template--index__178505068725312a1124 .trusted-people__footer {
    margin-block-start: calc(clamp(104px, calc(600px - 125vw), 180px) + 32px);
  }
}
/* A wider desktop gallery brings the heading and player images together. */
@media (min-width: 1280px), (min-width: 960px) and (min-height: 801px) {
  #shopline-section-template--index__178505068725312a1124 .trusted-people {
    --rider-width: clamp(300px, min(26vw, calc((100svh - 360px) * .72)), 640px);
  }
}
@media (min-width: 960px) and (min-height: 801px) {
  #shopline-section-template--index__178505068725312a1124 .trusted-people__inner {
    padding-block-start: var(--uswing-trusted-heading-inset);
  }
}

/* Keep the desktop watermark low while reserving room for glyph descenders below its tight line box. */
@media (min-width: 960px) {
  #shopline-section-template--index__178505068725312a1124 .trusted-people__background-name { bottom: .20em; }
}