.slp{
  --green:#12533F;
  --lime:#CDF986;
  background:var(--green);
  color:#fff;
  overflow:hidden;
}
.slp *{box-sizing:border-box}
.slp__shell{
  width:min(100%,1600px);
  margin:0 auto;
  padding:34px 20px 38px;
}
.slp__heading{
  margin:0 0 24px;
  color:var(--lime);
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.slp__marquee{
  width:100%;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.slp__track{
  width:max-content;
  display:flex;
  animation:slp-marquee 48s linear infinite;
}
.slp__group{
  display:flex;
  align-items:center;
  gap:42px;
  padding-right:42px;
}
.slp__logo{
  width:132px;
  height:42px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.slp__logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  filter:brightness(0) invert(1);
  opacity:.92;
}
.slp__logo span{
  color:#fff;
  font-size:18px;
  font-weight:500;
}
@keyframes slp-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(min-width:750px){
  .slp__shell{padding:42px 40px 46px}
  .slp__group{gap:56px;padding-right:56px}
  .slp__logo{width:152px;height:46px}
}
@media(min-width:990px){
  .slp__shell{padding:46px 72px 50px}
  .slp__group{gap:68px;padding-right:68px}
  .slp__logo{width:170px;height:50px}
}
@media(hover:hover) and (pointer:fine){
  .slp__marquee:hover .slp__track{animation-play-state:paused}
}
@media(prefers-reduced-motion:reduce){
  .slp__marquee{overflow-x:auto;mask-image:none}
  .slp__track{animation:none}
}