.workplaces {
  padding-bottom: var(--section-spacing);
}

.workplaces__title {
  padding-inline: var(--section-padding-x);
  /* 734px at the real 50px; holds the 2-line wrap. */
  max-width: calc(22.8ch + 2 * var(--section-padding-x));
}
@media (max-width: 988px) {
  .workplaces__title {
    padding-inline: var(--section-padding-x-mobile);
    max-width: none;
  }
}

.workplaces__marquee {
  overflow: hidden;
  margin-top: var(--section-name-to-section);
}

/* Figma: the strip starts one logo set to the left and slides right by
   one set in 16s, looping. Percentages keep it set-relative at any size. */
.workplaces__track {
  display: flex;
  width: max-content;
  animation: workplaces-marquee 16s linear infinite;
}
@keyframes workplaces-marquee {
  from { transform: translateX(-33.3333%); }
  to { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .workplaces__track { animation: none; }
}

.workplaces__tile {
  flex: none;
  width: clamp(159.7px, calc(112.5px + 6.7432vw), 209.6px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color-cards-bg);
}
.workplaces__tile img {
  display: block;
  width: 100%;
  height: 100%;
}