.supporter-ticker-band{
  margin:0 0 22px;
  border:1px solid #d9c2aa;
  border-radius:14px;
  background:#f3e5d5;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.10);
}
.supporter-ticker-link{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:18px;
  color:#4a2618;
  text-decoration:none;
}
.supporter-ticker-kicker{
  padding-left:18px;
  font-size:.68rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.12em;
  white-space:nowrap;
  color:#7e381e;
}
.supporter-ticker-viewport{
  min-width:0;
  overflow:hidden;
  mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
}
.supporter-ticker-track{
  display:flex;
  width:max-content;
  align-items:center;
  gap:18px;
  padding:13px 34px 13px 0;
  font-family:Georgia,serif;
  font-size:1.04rem;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.supporter-ticker-sequence{display:flex;align-items:center;gap:18px}
.supporter-ticker-name{white-space:nowrap}
.supporter-ticker-dot{color:#b46b43;font-size:.8rem;flex:0 0 auto}
.ticker-label-mobile{display:none}

@media(max-width:920px){
  .supporter-ticker-band{margin-bottom:26px}
  .supporter-ticker-link{
    grid-template-columns:auto minmax(0,1fr);
    gap:0;
    min-height:54px;
    padding:0;
  }
  .supporter-ticker-kicker{
    display:flex;
    align-items:center;
    align-self:stretch;
    padding:0 14px;
    border-right:1px solid #d9c2aa;
    font-size:.60rem;
    background:rgba(255,255,255,.18);
  }
  .supporter-ticker-track{
    min-height:54px;
    padding:0 24px 0 16px;
    gap:14px;
    font-size:.98rem;
  }
  .supporter-ticker-sequence{gap:14px}
  .supporter-ticker-viewport{
    mask-image:linear-gradient(to right,transparent,#000 8%,#000 94%,transparent);
    -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 94%,transparent);
  }
}

@media(max-width:680px){
  .supporter-ticker-band{
    margin:0 0 28px;
    border-radius:11px;
    box-shadow:none;
  }
  .supporter-ticker-link{min-height:52px}
  .supporter-ticker-kicker{
    padding:0 11px;
    font-size:.56rem;
    letter-spacing:.10em;
  }
  .ticker-label-desktop{display:none}
  .ticker-label-mobile{display:inline}
  .supporter-ticker-track{
    min-height:52px;
    font-size:.92rem;
    line-height:1;
    padding:0 20px 0 13px;
    gap:12px;
  }
  .supporter-ticker-sequence{gap:12px}
  .supporter-ticker-name{font-weight:650}
  .hero .supporter-ticker-band + .eyebrow{margin-top:0;padding-top:0}
}

@media(max-width:430px){
  .supporter-ticker-kicker{padding-inline:9px;font-size:.53rem}
  .supporter-ticker-track{font-size:.88rem}
}

@media(prefers-reduced-motion:reduce){
  .supporter-ticker-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
  .supporter-ticker-track{transform:none!important;padding-left:16px}
}
