.logobar-section{
  padding:34px 0 38px;
  background:#0a0a0a;
  border-top:1px solid #22242a;
}
.logobar-label{
  margin:0 0 24px;
  padding:0 5%;
  color:#85909e;
  font:500 10px 'IBM Plex Mono','Space Mono',monospace;
  letter-spacing:.08em;
  text-align:center;
}
.marquee{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.marquee-track{
  display:flex;
  width:max-content;
  animation:reference-scroll 170s linear infinite;
}
.marquee-track .logo-item{
  flex-shrink:0;
  padding:0 30px;
  color:#aeb7c3;
  font:600 14px Sora,Arial,sans-serif;
  white-space:nowrap;
}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
.logobar-section + .hm-contact-section{border-top:0}
@keyframes reference-scroll{to{transform:translateX(-50%)}}
@media(max-width:720px){
  .logobar-section{padding:30px 0 34px}
  .logobar-label{padding:0 24px;line-height:1.55}
  .marquee-track .logo-item{padding:0 22px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee{overflow:auto}}

.home-references-link{display:block;color:inherit;text-decoration:none}.home-references-link:focus-visible{outline:2px solid #8fbeff;outline-offset:4px}