/* Two horizontal tapes share a seamless loop and move in opposite directions. */
.brand-marquee{background:var(--white);overflow:hidden;isolation:isolate}
.tape-stage{position:relative;display:flex;flex-direction:column;justify-content:center}
.marquee-tape{position:relative;left:0;width:100%;flex-shrink:0;overflow:hidden;border-block:1px solid var(--brand);transform-origin:center}
.marquee-tape-primary{z-index:1;background:var(--brand);color:var(--white);transform:none}
.marquee-tape-secondary{--tape-purple:#8663b5;background:var(--tape-purple);border-color:var(--tape-purple);color:var(--white)}
.marquee-tape-secondary .tape-track{animation-direction:reverse}
.tape-track{display:flex;width:max-content;animation:tape-flow 38s linear infinite;will-change:transform}
.tape-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw}
.tape-word{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;font-weight:700;line-height:1.25;letter-spacing:-.035em}
.tape-divider{display:inline-block;font-weight:400}
.brand-marquee[data-enhanced] .tape-track{animation-play-state:paused}
.brand-marquee[data-enhanced].is-playing .tape-track{animation-play-state:running}
.channel-strategy-intro{text-align:center;max-width:1040px;margin-inline:auto;color:var(--black)}
.channel-strategy-intro h2{font-weight:700;line-height:1.35;letter-spacing:-.045em;text-wrap:balance}
.channel-strategy-intro p{font-weight:400;line-height:1.9;letter-spacing:-.025em;text-wrap:pretty}
@keyframes tape-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:1025px){
  .tape-stage{min-height:220px;gap:12px}
  .tape-group{gap:33.6px;padding:16px 16.8px}
  .tape-word{font-size:28.8px;gap:33.6px}
  .channel-strategy-intro{margin-bottom:104px}
  .channel-strategy-intro h2{font-size:44px}
  .channel-strategy-intro p{font-size:22px;margin-top:28px}
}
@media(min-width:768px) and (max-width:1024px){
  .tape-stage{min-height:188px;gap:10px}
  .tape-group{gap:25.6px;padding:14.4px 12.8px}
  .tape-word{font-size:24px;gap:25.6px}
  .channel-strategy-intro{margin-bottom:80px}
  .channel-strategy-intro h2{font-size:36px}
  .channel-strategy-intro p{font-size:19px;margin-top:24px}
}
@media(max-width:767px){
  .tape-stage{min-height:160px;gap:8px}
  .tape-group{gap:19.2px;padding:12.8px 9.6px}
  .tape-word{font-size:19.2px;gap:19.2px}
  .channel-strategy-intro{margin-bottom:64px}
  .channel-strategy-intro h2{font-size:30px}
  .channel-strategy-intro p{font-size:18px;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){
  .tape-track{animation:none;will-change:auto}
}

/* Add breathing room above the green tape and below the purple tape. */
.brand-marquee .tape-stage{min-height:0;padding-block:calc(10px + 5pt)}