/* Continuous Build band at the close of the dark method section. */
#metodo .method-build-marquee {
  position: relative;
  width: calc(100% + 12vw);
  margin: 64px -6vw -110px;
  overflow: hidden;
  border-top: 1px solid #4a4a44;
  border-bottom: 1px solid #4a4a44;
  background: #151515;
}

#metodo .method-build-marquee::before,
#metodo .method-build-marquee::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: min(11vw, 150px);
  pointer-events: none;
}

#metodo .method-build-marquee::before { left: 0; background: linear-gradient(90deg, #151515 15%, transparent); }
#metodo .method-build-marquee::after { right: 0; background: linear-gradient(270deg, #151515 15%, transparent); }

#metodo .method-build-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: method-build-loop 38s linear infinite;
}

#metodo .method-build-group {
  display: flex;
  align-items: center;
  gap: clamp(52px, 7vw, 118px);
  flex: 0 0 auto;
  min-width: max-content;
  padding: 25px clamp(22px, 3vw, 48px);
}

#metodo .method-build-group span {
  color: #c8c8c1;
  font-family: Aileron, Arial, sans-serif;
  font-size: clamp(19px, 1.95vw, 32px);
  font-weight: 700;
  letter-spacing: -.06em;
  line-height: 1;
  white-space: nowrap;
}


@media (max-width: 850px) {
  #metodo .method-build-marquee { width: calc(100% + 44px); margin: 48px -22px -70px; }
  #metodo .method-build-group { gap: 52px; padding: 21px 22px; }
  #metodo .method-build-track { animation-duration: 30s; }
}

@media (prefers-reduced-motion: reduce) {
  #metodo .method-build-track { animation: none; transform: none; }
  #metodo .method-build-group:nth-child(2) { display: none; }
}

@keyframes method-build-loop {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}