/* RF client marquee — shared: home.html + about.html. Continuous scroll, pauses on hover, static wrap under reduced motion. */
.mq{position:relative;overflow:hidden;padding:clamp(28px,4vh,44px) 0 calc(clamp(28px,4vh,44px) + 48px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;width:max-content;animation:mq 60s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-set{display:flex;align-items:center;gap:clamp(48px,5vw,88px);padding-right:clamp(48px,5vw,88px)}
.mq-set span{font:var(--fw-bold) clamp(13px,1.1vw,16px)/1 var(--font-headline);text-transform:uppercase;letter-spacing:.12em;color:var(--rf-gray-400);white-space:nowrap}
/* logo variant (home): white PNGs dimmed to gray-400 (#7a7a7a on black) by opacity; --k = optical size factor per mark */
.mq-logos{--mq-b:clamp(40px,3.6vw,54px)}
.mq-logos .mq-set img{display:block;flex:none;height:calc(var(--mq-b) * var(--k,1));width:auto;opacity:.48;transition:opacity 200ms var(--ease-standard,ease)}
@media(hover:hover) and (pointer:fine){.mq-logos .mq-set img:hover{opacity:1}}
@media(max-width:820px){.mq-logos{--mq-b:46px}}
/* start (home/marquee.js): strip full on load, parked so logo 01 sits just off the right edge (loop offset via negative delay); runs once in view */
.mq.arm .mq-track{animation:mq 60s linear var(--mq-d,0s) infinite;animation-play-state:paused}
.mq.arm.go .mq-track{animation-play-state:running}
.mq.arm.go:hover .mq-track{animation-play-state:paused}
/* reduced motion (logo strip): static single row at the same parked position */
.mq.arm.still{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding-left:0;padding-right:0}
.mq.arm.still .mq-track{animation:none;width:max-content;transform:translateX(var(--mq-start,0))}
.mq.arm.still .mq-set{flex-wrap:nowrap;justify-content:flex-start;gap:clamp(48px,5vw,88px);padding:0 clamp(48px,5vw,88px) 0 0}
.mq.arm.still .mq-set[aria-hidden]{display:flex}
@keyframes mq{to{transform:translateX(-50%)}}
.reduced .mq{-webkit-mask-image:none;mask-image:none;padding-left:var(--pad-x);padding-right:var(--pad-x)}
.reduced .mq-track{animation:none;width:auto}.reduced .mq-set{flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-10);padding:0}.reduced .mq-set[aria-hidden]{display:none}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none}}
@media(max-width:820px){.mq{padding-bottom:calc(clamp(28px,4vh,44px) + 8px)}}