.hero h1 {
  white-space: nowrap;
  font-size: clamp(42px, 5.35vw, 82px);
}
.hero-actions {
  position: absolute;
  z-index: 5;
  left: 7%;
  bottom: 13%;
  margin: 0;
}
.marquee .marquee-track {
  animation-duration: 58s !important;
}
.marquee-group {
  min-width: max-content !important;
}
.project-track {
  gap: 18px !important;
}
.project-item {
  width: clamp(220px, 24vw, 350px) !important;
}
@media (max-width: 680px) {
  .hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 78px 6% 42px !important;
  }
  .hero-copy {
    width: 100% !important;
    position: relative !important;
    z-index: 5;
  }
  .hero h1 {
    font-size: clamp(20px, 6.1vw, 25px) !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    margin-bottom: 20px !important;
  }
  .hero-copy > p:not(.hero-kicker) {
    font-size: 13px !important;
  }
  .hero-visual {
    position: relative !important;
    order: 2 !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 300px !important;
    margin: -4px auto 4px !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .globe {
    position: absolute !important;
    width: 280px !important;
    height: 280px !important;
    left: 50% !important;
    right: auto !important;
    top: 4px !important;
    transform: translateX(-50%) !important;
  }
  .earth-photo {
    animation: none !important;
  }
  .hero-visual .orbit-one {
    width: 390px !important;
    height: 165px !important;
    left: 50% !important;
    right: auto !important;
    top: 70px !important;
    transform: translateX(-50%) rotate(-22deg) !important;
  }
  .hero-visual .orbit-two {
    width: 270px !important;
    height: 340px !important;
    left: 50% !important;
    right: auto !important;
    top: -20px !important;
    transform: translateX(-50%) rotate(-22deg) !important;
  }
  .hero-actions {
    position: relative !important;
    order: 3 !important;
    inset: auto !important;
    left: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .hero-actions .pill {
    width: 80% !important;
    min-width: 0 !important;
    margin: auto;
  }
  .hero-copy {
    order: 1;
  }
  .scroll-guide {
    display: none !important;
  }
  .marquee .marquee-track {
    animation-duration: 68s !important;
  }
  .marquee-group > span {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .project-item {
    width: 78vw !important;
  }
}
@media (max-width: 390px) {
  .hero {
    padding-bottom: 34px !important;
  }
  .hero-visual {
    height: 270px !important;
  }
  .globe {
    width: 250px !important;
    height: 250px !important;
  }
  .hero-visual .orbit-one {
    width: 350px !important;
    height: 145px !important;
    top: 65px !important;
  }
  .hero-visual .orbit-two {
    width: 245px !important;
    height: 305px !important;
  }
  .hero-actions {
    grid-template-columns: 1fr !important;
  }
  .hero-actions .pill {
    width: 80% !important;
    margin: auto;
  }
  .hero h1 {
    font-size: 24px !important;
  }
}