/* Marquee band between A2 and A3: big sans caps with serif accents, and a slower reverse tape-index ticker. */
#marquee { position: relative; padding: 0; border-block: 1.5px solid var(--ink); overflow: hidden; }
#marquee .gw-mq-row { border: 0; }
#marquee .gw-mq-big { padding: 22px 0 18px; }
#marquee .gw-mq-group { display: inline-flex; align-items: center; flex: none; }
#marquee .gw-mq-big .gw-mq-item {
  font: 900 clamp(46px, 7.2vw, 108px)/1 var(--display); font-stretch: 82%; letter-spacing: -.025em; text-transform: uppercase; padding: 0 .3em;
}
#marquee .gw-mq-big .it { font-size: 1.12em; line-height: 1; padding: 0 .04em; }
#marquee .gw-mq-sep { display: inline-block; width: .5em; height: .5em; flex: none; font-size: clamp(46px, 7.2vw, 108px); }
#marquee .gw-mq-big .gw-mq-sep { background: var(--ink); border-radius: 50%; width: .22em; height: .22em; margin: 0 .2em; }
#marquee .gw-mq-small { background: var(--ink); color: var(--paper); border-top: 1.5px solid var(--ink); padding: 11px 0; }
#marquee .gw-mq-small .gw-mq-item { font: 500 13px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; padding: 0 18px; white-space: nowrap; }
#marquee .gw-mq-small .gw-mq-item b { font: 400 16px/1 var(--serif); letter-spacing: 0; color: var(--orange); margin-right: 8px; }
#marquee .gw-mq-small .gw-mq-item .it { font-size: 1.35em; line-height: 1; letter-spacing: 0; text-transform: none; }
#marquee .gw-mq-small .gw-mq-sep { width: 7px; height: 7px; font-size: 13px; background: var(--orange); transform: rotate(45deg); }
#marquee [data-mq="-1"] .marquee-track { animation-direction: reverse; }
#marquee:hover .marquee-track, #marquee:focus-within .marquee-track, #marquee.is-paused .marquee-track { animation-play-state: paused; }
#marquee .gw-mq-pause {
  position: absolute; right: 10px; bottom: 7px; min-height: 28px; padding: 0 10px; border: 1.5px solid var(--paper);
  background: var(--ink); color: var(--paper); font: 500 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .04em; cursor: pointer;
}
#marquee .gw-mq-pause:focus-visible { outline-color: var(--orange); }
@media (prefers-reduced-motion: reduce) {
  #marquee .gw-mq-pause { display: none; }
  #marquee .marquee-track { transform: none; }
}
@media (max-width: 760px) {
  #marquee .gw-mq-big { padding: 16px 0 12px; }
  #marquee .gw-mq-small .gw-mq-item { font-size: 12px; padding: 0 14px; }
  #marquee .gw-mq-pause { right: 6px; bottom: 6px; min-height: 26px; }
}