/* Static milestone supporters: no marquee, autoplay or sliding layout. */
.supporters { padding: 68px 0 56px; background: #fff; border-top: 1px solid #f0e7f0; }
.supporters__header { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.supporters__header .eyebrow { justify-content: center; margin-bottom: 16px; }
.supporters__header h2 { margin: 0; color: var(--color-plum); font-size: clamp(32px, 3.5vw, 46px); line-height: 1.12; }
.supporters__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; padding: 0; margin: 0; list-style: none; }
.supporters__card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-width: 0; min-height: 120px; padding: 20px 14px; border: 1px solid #f0e9f1; border-radius: 15px; background: #fff; }
.supporters__identity { display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; }
.supporters__identity--dark { background: #333; border-radius: 6px; max-width: 146px; height: 56px; padding: 5px 8px; }
.supporters__logo { display: block; max-width: 130px; max-height: 45px; width: auto; height: auto; object-fit: contain; filter: grayscale(100%); opacity: 0.6; transition: all 0.3s ease-in-out; }
.supporters__name { display: block; color: var(--text-muted); font-size: 11px; font-weight: 500; line-height: 1.45; text-align: center; }
.supporters__textmark { color: var(--color-plum); font-family: var(--font-body); font-size: 17px; font-weight: 600; text-align: center; line-height: 1.15; opacity: 0.6; transition: all 0.3s ease-in-out; }
.supporters__card:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 4px; }
.supporters__card:focus-visible .supporters__logo { filter: grayscale(0); opacity: 1; }
.supporters__card:focus-visible .supporters__textmark { opacity: 1; }
.supporters__acknowledgements { margin: 30px 0 0; text-align: center; color: var(--text-muted); font-size: 13px; line-height: 1.8; }
.supporters__acknowledgements strong { color: var(--brand-primary); font-weight: 500; }
@media (hover: hover) {
  .supporters__card:hover .supporters__logo { filter: grayscale(0); opacity: 1; }
  .supporters__card:hover .supporters__textmark { opacity: 1; }
}
@media (max-width: 1000px) {
  .supporters__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .supporters { padding: 48px 0 44px; }
  .supporters__header { margin-bottom: 26px; }
  .supporters__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .supporters__card { min-height: 112px; padding: 18px 10px; }
  .supporters__logo { max-width: min(130px, 100%); }
  .supporters__grid li:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc((100% - 12px) / 2); justify-self: center; }
}
@media (prefers-reduced-motion: reduce) {
  .supporters__logo, .supporters__textmark { transition: none; }
}
