.mq{border-block:1px solid var(--line);padding-block:clamp(1.25rem,2.6vw,2.25rem);overflow:hidden}.mq-track{width:max-content;animation:60s linear infinite mq-run;display:flex}.mq-row{flex:none;margin:0;padding:0;list-style:none;display:flex}.mq-row li{font-family:var(--font-display), serif;white-space:nowrap;color:var(--linen-dim);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding-right:clamp(1.5rem,4vw,3.5rem);font-size:clamp(1.6rem,4.2vw,3.6rem);display:flex}.mq-row i{background:var(--brass);border-radius:50%;flex:none;width:.45rem;height:.45rem}@keyframes mq-run{to{transform:translate(-50%)}}
.rail{position:relative}.rail-pin{align-content:center;gap:2rem;min-height:100svh;display:grid}.rail:not([data-mode=native]) .rail-pin{height:100svh;position:sticky;top:0}.rail-view{scrollbar-width:none;overflow-x:auto}.rail-view::-webkit-scrollbar{display:none}.rail:not([data-mode=native]) .rail-view{overflow:hidden}.rail-track{width:max-content;padding-inline:var(--gutter);will-change:transform;backface-visibility:hidden;align-items:stretch;gap:clamp(1rem,2.4vw,2.5rem);display:flex}.rail-bar{width:min(100% - var(--gutter) * 2, var(--max));background:var(--line);height:1px;margin-inline:auto;overflow:hidden}.rail[data-mode=native] .rail-bar{display:none}.rail-bar i{background:var(--brass);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.rail[data-mode=css] .rail-track{animation:linear both rail-slide;animation-timeline:scroll(root);animation-range:var(--rail-start) var(--rail-end)}.rail[data-mode=css] .rail-bar i{animation:linear both rail-fill;animation-timeline:scroll(root);animation-range:var(--rail-start) var(--rail-end)}@keyframes rail-slide{to{transform:translate3d(calc(var(--rail-max) * -1), 0, 0)}}@keyframes rail-fill{to{transform:scaleX(1)}}