/* Homepage proof and photo layout adjustments. */
.homepage-proof .wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 24px 0;
}

.homepage-proof .proof-l {
  margin: 0 0 22px;
  padding: 0 clamp(20px, 4vw, 52px);
  color: var(--ink);
  font: 700 clamp(1.3rem, 2vw, 1.7rem)/1.15 var(--display);
  letter-spacing: -.02em;
}

.homepage-proof .proof-marquee {
  width: 100%;
  overflow: hidden;
}

.homepage-proof .proof-track {
  display: flex;
  width: max-content;
  animation: homepage-proof-scroll 38s linear infinite;
}

.homepage-proof .proof-row {
  flex: 0 0 max-content;
  min-width: 100vw;
  box-sizing: border-box;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: clamp(48px, 4vw, 72px);
  padding: 0 clamp(32px, 4vw, 60px);
}

@media (min-width: 1280px) {
  .homepage-proof .proof-row {
    justify-content: space-around;
    gap: 0;
    padding-inline: 0;
  }
}

.homepage-proof .proof-marquee:hover .proof-track,
.homepage-proof .proof-marquee:focus-within .proof-track {
  animation-play-state: paused;
}

@keyframes homepage-proof-scroll {
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .homepage-proof .proof-marquee {
    overflow-x: auto;
  }

  .homepage-proof .proof-track {
    display: block;
    width: 100%;
    animation: none;
  }

  .homepage-proof .proof-row {
    min-width: max-content;
    justify-content: flex-start;
    gap: clamp(48px, 4vw, 72px);
    padding: 0 clamp(32px, 4vw, 60px);
  }

  .homepage-proof .proof-row[aria-hidden="true"] {
    display: none;
  }
}

.homepage-band {
  padding-bottom: 0;
}

.hero .stage img.chains-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 340px;
  margin-inline: auto;
}

.hero .stage svg.chains {
  display: none;
}

@media (min-width: 901px) {
  .hero {
    padding-top: clamp(16px, 2vw, 28px);
    padding-bottom: clamp(20px, 2.5vw, 32px);
  }

  .hero .clock {
    margin-bottom: clamp(20px, 2vw, 28px);
    padding-bottom: 12px;
  }

  .hero-foot {
    margin-top: clamp(24px, 2.5vw, 32px);
    padding-top: 18px;
  }
}

.homepage-band .band-in {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0 0 0 clamp(20px, 2.5vw, 40px);
  transform: translateY(50%);
  justify-content: flex-end;
  z-index: 2;
}

.homepage-band .band-card {
  width: 100%;
  max-width: 560px;
  margin: 0;
  transform: none;
}

@media (min-width: 901px) {
  .homepage-band + .qsec {
    padding-top: clamp(200px, 18vw, 240px);
  }
}

@media (max-width: 900px) {
  .homepage-band .band-in {
    right: 16px;
    left: 16px;
    display: block;
    padding: 0;
  }

  .homepage-band .band-card {
    max-width: none;
  }
}