.partner-bar{position:absolute;z-index:5;inset:auto 0 0;height:118px;background:#050505;color:#fff}
.partner-bar__inner{display:grid;width:min(100%,1440px);height:100%;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.partner-bar__item{position:relative;display:flex;min-width:0;padding:20px 32px;align-items:center;justify-content:center;background:#050505;transition:background-color .2s ease}
.partner-bar__item:hover,.partner-bar__item:focus-visible,.partner-bar__item.is-active{background:#202020}
.partner-bar__item.is-active:after{content:"";position:absolute;inset:auto 24px 0;height:4px;background:var(--red)}
.partner-bar__item img{width:auto;height:auto;max-width:245px;max-height:64px;object-fit:contain}
.partner-bar__item:first-child img{max-width:190px;max-height:68px}
.partner-bar__item:nth-child(3) img{max-width:165px;max-height:58px}
.home .home-hero:has(.partner-bar){height:938px}
.home .home-hero:has(.partner-bar) .hero-copy{bottom:118px}
.home .home-hero:has(.partner-bar) .hero-arrow{margin-top:-59px}

@media(max-width:1024px){
  .partner-bar{height:104px}
  .partner-bar__inner{grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .partner-bar__item{min-height:64px;padding:16px 24px}
  .partner-bar__item img{max-width:210px;max-height:56px}
  .partner-bar__item:first-child img{max-width:170px;max-height:60px}
  .partner-bar__item:nth-child(3) img{max-width:145px;max-height:52px}
  .home .home-hero:has(.partner-bar){height:804px}
  .home .home-hero:has(.partner-bar) .hero-copy{bottom:104px}
  .home .home-hero:has(.partner-bar) .hero-arrow{margin-top:-52px}
}

@media(max-width:767px){
  .partner-bar{height:96px}
  .partner-bar__inner{grid-template-columns:repeat(3,190px)}
  .partner-bar__item{padding:14px 20px}
  .partner-bar__item img{max-width:165px;max-height:48px}
  .partner-bar__item:first-child img{max-width:145px;max-height:52px}
  .partner-bar__item:nth-child(3) img{max-width:125px;max-height:45px}
  .home .home-hero:has(.partner-bar){height:616px}
  .home .home-hero:has(.partner-bar) .hero-copy{bottom:96px;padding-bottom:18px}
  .home .home-hero:has(.partner-bar) .hero-arrow{margin-top:-48px}
}

@media(prefers-reduced-motion:reduce){.partner-bar__item{transition:none}}
