@layer sections {
  .ticker { position: relative; overflow: hidden; padding-block: clamp(1.1rem, 0.7rem + 1.6vw, 2rem); z-index: 3; }
  .ticker__marquee { --gap: clamp(1.75rem, 1rem + 3vw, 4rem); mask-image: none; }
  .ticker__marquee .marquee__track { will-change: transform; }
  .ticker__item { gap: var(--gap); font-family: var(--font-display); font-size: clamp(1.9rem, 1rem + 3.6vw, 4.4rem); line-height: 1; letter-spacing: -0.03em; font-weight: 500; font-variation-settings: 'SOFT' 100; text-transform: none; }
  .ticker__item--outline .ticker__text { font-family: 'Fraunces Outline', var(--font-display); font-weight: 500; color: transparent; -webkit-text-stroke: 1.5px currentColor; }
  .ticker__item--outline .ticker__text { -webkit-text-stroke-color: var(--fg); }
  .ticker__icon .icon { width: 0.8em; height: 0.8em; stroke-width: 1.4; }
  .ticker__icon { display: inline-grid; place-items: center; width: 1.25em; height: 1.25em; border-radius: 50%; border: 1.5px solid currentColor; font-size: inherit; padding: 0.22em; margin-right: -0.4em; }
  .ticker__sep { width: 0.34em; height: 0.34em; opacity: 1; color: var(--accent); }
  .ticker[data-scheme='gold'] .ticker__sep { color: var(--c-ink); }
  .ticker__marquee { transition: transform 0.5s var(--ease-out); }
}