/* A light interlude between the process videos and the questions. */
.music-band.nt-flow-band{
  --flow-gap:clamp(24px,3.5vw,64px);
  position:relative;margin:0;padding:28px 0;overflow:hidden;
  background:var(--al-paper,#f5efe3);color:var(--al-plum,#302137);
  border:0;box-shadow:none;
}
.nt-flow-band .nt-flow-window{
  overflow:hidden;margin-right:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 36px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 36px),transparent);
}
.nt-flow-band .band-track{animation-duration:48s;will-change:transform}
.nt-flow-band .band-track>div{
  flex-shrink:0;min-width:100vw;gap:var(--flow-gap);padding-right:var(--flow-gap);
  font:600 clamp(30px,3.6vw,52px)/1.2 var(--al-display,'Arial Narrow',sans-serif);
  letter-spacing:-.025em;
}
.nt-flow-band .band-track em{
  font:italic 500 .96em/1.2 var(--al-editorial,Georgia,serif);
  letter-spacing:-.045em;color:#80528f;
}
.nt-flow-band .band-track .band-star{
  display:inline-block;flex-shrink:0;font:400 .58em/1 Georgia,serif;
  color:#80528f;transform:translateY(.08em);
}
.nt-flow-band:is(:hover,:focus-within) .band-track{animation-play-state:paused}
@media(max-width:600px){
  .music-band.nt-flow-band{padding:22px 0;--flow-gap:28px}
  .nt-flow-band .band-track>div{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .nt-flow-band .nt-flow-window{margin:0 20px;-webkit-mask-image:none;mask-image:none}
  .nt-flow-band .band-track{display:block;width:100%;animation:none;transform:none;will-change:auto}
  .nt-flow-band .band-track>div{
    min-width:0;width:100%;flex-wrap:wrap;justify-content:center;
    gap:12px 22px;padding:0;white-space:normal;text-align:center;
  }
  .nt-flow-band .band-track>div+div{display:none}
}
