/* Trusted by logos (Figma 194:30550) — continuous L→R marquee */

.trusted {
  position: relative;
  background: #e6e6e6;
  overflow: hidden;
}

.trusted__inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 0 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: stretch;
}

.trusted__heading {
  font-family: 'Lexend Giga', sans-serif;
  font-weight: 500;
  font-size: clamp(26px, 5vw, 40px);
  line-height: 1.2;
  letter-spacing: -0.09em;
  color: #231f20;
  text-align: center;
  margin: 0;
  padding: 0 var(--content-padding) 0 var(--content-offset);
  box-sizing: border-box;
}

.trusted__marquee {
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 6%,
    #000 94%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 6%,
    #000 94%,
    transparent 100%
  );
}

.trusted__track {
  display: flex;
  width: max-content;
  will-change: transform;
  /* Start shifted left by one set so L→R motion reveals logos seamlessly */
  transform: translate3d(-50%, 0, 0);
}

.trusted.is-marquee-active .trusted__track {
  animation: trusted-marquee-ltr 40s linear infinite;
}

.trusted__marquee:hover .trusted__track {
  animation-play-state: paused;
}

.trusted__logos {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 80px;
  padding: 0 40px;
  box-sizing: border-box;
}

.trusted__logo {
  flex: 0 0 auto;
  height: 75px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  display: block;
  user-select: none;
  pointer-events: none;
}

.trusted__logo--jotun {
  height: 53px;
}

@keyframes trusted-marquee-ltr {
  from {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .trusted.is-marquee-active .trusted__track {
    animation: none;
    transform: none;
  }

  .trusted__marquee {
    overflow-x: auto;
    mask-image: none;
    -webkit-mask-image: none;
  }

  .trusted__track {
    width: 100%;
    justify-content: center;
  }

  .trusted__logos[aria-hidden='true'] {
    display: none;
  }
}

@media (max-width: 1024px) {
  .trusted__inner {
    padding: 48px 0;
    gap: 24px;
  }

  .trusted__logos {
    gap: 48px;
    padding: 0 24px;
  }
}

@media (max-width: 768px) {
  .trusted__logo {
    height: 56px;
    max-width: 140px;
  }

  .trusted__logo--jotun {
    height: 40px;
  }

  .trusted__logos {
    gap: 36px;
  }

  .trusted.is-marquee-active .trusted__track {
    animation-duration: 32s;
  }
}