/* SGCC Sponsor Carousel — presentation only */
.sponsor-strip{
  width:100%;
  margin:1.1vh 0 1.15vh;
  padding:0 0 .6vh;
}
.sponsor-title{
  text-align:center;
  color:#d9c487;
  font-size:.68vw;
  font-weight:800;
  letter-spacing:.24em;
  margin-bottom:.65vh;
  text-transform:uppercase;
}
.sponsor-window{
  width:100%;
  overflow:hidden;
  position:relative;
  border-top:1px solid rgba(199,167,90,.20);
  border-bottom:1px solid rgba(199,167,90,.20);
  padding:6px 0;
  mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.sponsor-track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:18px;
  animation:sgccSponsorSlide 34s linear infinite;
  will-change:transform;
}
.sponsor-card{
  width:170px;
  height:58px;
  flex:0 0 170px;
  background:#fff;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.55);
}
.sponsor-card img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
@keyframes sgccSponsorSlide{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 9px))}
}
.sponsor-window:hover .sponsor-track{
  animation-play-state:paused;
}
@media(max-width:1000px){
  .sponsor-title{font-size:1.35vw}
  .sponsor-card{width:135px;height:48px;flex-basis:135px;padding:5px 9px}
  .sponsor-track{gap:12px;animation-duration:30s}
}
@media(max-width:700px){
  .sponsor-title{font-size:2vw}
  .sponsor-card{width:115px;height:42px;flex-basis:115px}
}