.whostrip{
  --whostrip-accent:#ffd152;
  --whostrip-text-dark:#0f172a;
  --whostrip-tape-height:64px;
  --whostrip-track-gap:28px;
  --whostrip-track-speed:20s;

  padding-top:0;
  color:inherit;
  background:transparent;
}

.whostrip__container{
  max-width:1440px;
  margin:0 auto;
  padding:0 20px;
}

.whostrip__head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin:0 auto 18px;
  text-align:center;
}

.whostrip__title{
  margin:0;
  color:inherit;
  text-wrap:balance;
}

.whostrip__hr{
  display:block;
  width:min(100%, 220px);
  height:6px;
  border-radius:999px;
  background:var(--whostrip-accent);
}

.whostrip__tape{
  position:relative;
  display:flex;
  align-items:center;
  width:100vw;
  min-height:var(--whostrip-tape-height);
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  background:var(--whostrip-accent);
  box-shadow:0 6px 16px rgba(0,0,0,.14);
}

/* Wrapper moves as one row: two identical halves → seamless loop at -50% */
.whostrip__marquee{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:whostrip-marquee var(--whostrip-track-speed) linear infinite;
}

.whostrip__track{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  min-width:max-content;
  gap:var(--whostrip-track-gap);
  padding:0 calc(var(--whostrip-track-gap) / 2);
  color:var(--whostrip-text-dark);
  font-size:16px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.whostrip__item,
.whostrip__sep{
  flex:0 0 auto;
}

.whostrip__sep{
  opacity:.55;
}

@keyframes whostrip-marquee{
  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-50%);
  }
}

@media (max-width:1024px){
  .whostrip{
    --whostrip-tape-height:56px;
    --whostrip-track-gap:22px;
  }

  .whostrip__track{
    font-size:15px;
  }
}

@media (max-width:720px){
  .whostrip{
    --whostrip-tape-height:50px;
    --whostrip-track-gap:18px;
  }

  .whostrip__container{
    padding:0 12px;
  }

  .whostrip__head{
    gap:10px;
    margin-bottom:14px;
  }

  .whostrip__track{
    font-size:14px;
  }
}

@media (max-width:480px){
  .whostrip{
    --whostrip-tape-height:46px;
    --whostrip-track-gap:14px;
  }

  .whostrip__container{
    padding:0 10px;
  }

  .whostrip__track{
    font-size:13px;
  }
}

@media (prefers-reduced-motion:reduce){
  .whostrip__tape{
    justify-content:center;
  }

  .whostrip__marquee{
    animation:none;
    justify-content:center;
    margin:0 auto;
  }

  .whostrip__track[aria-hidden="true"]{
    display:none;
  }
}