/* Certifications Section (client logo strip) — Figma node 4020:319 (1440 x 224)
   Full-bleed: SPACE_BETWEEN with no horizontal padding, so the first logo sits
   at x=0 and the last ends exactly on 1440.

   Added after the build (not in the Figma file): a slow horizontal marquee. */

.logo-strip {
  position: relative;
  height: 224px;
  overflow: hidden;
  background: var(--off-white);
  box-shadow: inset 0 -2px 0 var(--obsidian);
}

.logo-strip__track {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  animation: logo-marquee 45s linear infinite;
}

/* 1515px, not 1440: the logos sit on a uniform 75px rhythm and the last one
   ends flush on 1440, so tiling at 1440 would butt the seam together with no
   gap. The extra 75px carries the rhythm across the join. */
.logo-strip__set {
  position: relative;
  flex: 0 0 1515px;
  height: 224px;
}

@keyframes logo-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-1515px); }
}

@media (prefers-reduced-motion: reduce) {
  .logo-strip__track { animation: none; }
}

.logo-strip__set img { position: absolute; top: 97px; height: 30px; }

.logo-strip__set img:nth-child(1) { left: 0;      width: 53px; }
.logo-strip__set img:nth-child(2) { left: 128px;  width: 152px; }
.logo-strip__set img:nth-child(3) { left: 355px;  width: 156px; }
.logo-strip__set img:nth-child(4) { left: 586px;  width: 141px; }
.logo-strip__set img:nth-child(5) { left: 802px;  width: 49px; }
.logo-strip__set img:nth-child(6) { left: 926px;  width: 115px; }
.logo-strip__set img:nth-child(7) { left: 1116px; width: 128px; top: 80px; height: 64px; }
.logo-strip__set img:nth-child(8) { left: 1319px; width: 121px; }