/* Velar Bureau: reviews — dark band, client index on the left, one big quote that decodes in glyphs, results marquee (js/rq.js) */
.reviews--rq { background: #0E0F11; color: #E3E7ED; padding-top: clamp(64px, min(8vw, 115.2px), 130px); }
.reviews--rq .label, .reviews--rq .h2 { color: #E3E7ED; }
.reviews--rq .label__code { background: var(--signal); color: #0E0F11; }
.reviews--rq .h2 .mute { color: #646A76; }
.rq { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(28px, min(4vw, 57.6px), 80px); }
.rq__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(227, 231, 237, .12); align-self: start; }
.rq__c { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; width: 100%; padding: 20px 0; text-align: left; font: inherit; color: #646A76; background: none; border: 0; border-bottom: 1px solid rgba(227, 231, 237, .12); cursor: pointer; transition: color .35s var(--ease); }
.rq__c em { font-style: normal; font-family: var(--fd); font-stretch: 125%; font-weight: 600; font-size: .78rem; color: #646A76; transition: color .35s; }
.rq__c span { display: grid; gap: 3px; }
.rq__c b { font-weight: 500; font-size: clamp(1.3rem, min(1.9vw, 27.36px), 1.9rem); letter-spacing: -.035em; line-height: 1.05; transition: transform .5s var(--ease); }
.rq__c small { font-size: .84rem; color: #646A76; }
.rq__c:hover { color: #B7BCC5; }
.rq__c.is-on { color: #E3E7ED; } .rq__c.is-on em { color: var(--signal); } .rq__c.is-on b { transform: translateX(8px); }
.rq__bar { position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--signal); transform: scaleX(0); transform-origin: left; }
.rq__c.is-on .rq__bar { animation: rqBar var(--rq-t, 8s) linear forwards; }
.rq.is-paused .rq__c.is-on .rq__bar { animation-play-state: paused; }
@keyframes rqBar { to { transform: scaleX(1); } }
.rq__c:focus-visible { outline: 2px solid var(--signal); outline-offset: 4px; }

.rq__stage { position: relative; display: flex; flex-direction: column; min-height: clamp(340px, min(30vw, 432px), 460px); padding-top: clamp(84px, min(7vw, 100.8px), 116px); }
.rq__mark { position: absolute; left: -.04em; top: -.18em; font-family: var(--fd); font-stretch: 125%; font-weight: 700; font-size: clamp(9rem, min(16vw, 230.4px), 16rem); line-height: 1; color: var(--signal); pointer-events: none; }
.rq__q { position: relative; margin: 0; font-weight: 500; font-size: clamp(1.9rem, min(3.6vw, 51.84px), 4rem); line-height: 1.04; letter-spacing: -.045em; color: #E3E7ED; text-wrap: balance; }
.rq__q .g { color: var(--signal); }
.rq__ft { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin-top: auto; padding-top: 32px; }
.rq__r { font-family: var(--fd); font-stretch: 125%; font-weight: 600; font-size: .82rem; letter-spacing: .02em; padding: 8px 12px; background: var(--signal); color: #0E0F11; }
.rq__go { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; color: #E3E7ED; border-bottom: 1px solid currentColor; padding-bottom: 3px; }
.rq__go svg { width: 15px; height: 15px; color: var(--signal); transition: transform .4s var(--ease); }
.rq__go:hover svg { transform: translate(3px, -3px); }
.rq__draft { margin-left: auto; font-size: .74rem; color: #646A76; }

.rq__mq { grid-column: 1 / -1; margin: clamp(40px, min(5vw, 72px), 80px) calc(var(--gx) * -1) 0; padding: 22px 0; border-top: 1px solid rgba(227, 231, 237, .12); border-bottom: 1px solid rgba(227, 231, 237, .12); overflow: hidden; }
.rq__row { display: flex; width: max-content; animation: rqMq 40s linear infinite; }
.rq__row span { padding-right: 0; white-space: nowrap; font-weight: 500; font-size: clamp(1.6rem, min(3vw, 43.2px), 3rem); letter-spacing: -.04em; color: #E3E7ED; }
.rq__row i { font-style: normal; color: var(--signal); padding: 0 .4em; }
@keyframes rqMq { to { transform: translateX(-50%); } }

@media (max-width: 1000px) { .rq { grid-template-columns: minmax(0, 1fr); } .rq__list { display: flex; overflow-x: auto; scrollbar-width: none; border-top: 0; margin-inline: calc(var(--gx) * -1); padding-inline: var(--gx); gap: 22px; } .rq__list::-webkit-scrollbar { display: none; } .rq__c { width: auto; white-space: nowrap; grid-template-columns: 30px auto; } .rq__c small { display: none; } .rq__c.is-on b { transform: none; } .rq__stage { min-height: 0; } }
@media (max-width: 720px) { .rq__draft { margin-left: 0; width: 100%; } .rq__mark { font-size: 7rem; top: -.1em; } }
@media (prefers-reduced-motion: reduce) { .rq * { animation: none !important; } }

/* light version: same steel background as the sections around it */
.reviews--rq { background: var(--steel); color: var(--graphite); }
.reviews--rq .label, .reviews--rq .h2 { color: var(--graphite); }
.reviews--rq .h2 .mute { color: var(--mist); }
.rq__list { border-top-color: rgba(14, 15, 17, .12); }
.rq__c { color: #8C929C; border-bottom-color: rgba(14, 15, 17, .12); }
.rq__c em, .rq__c small { color: #8C929C; }
.rq__c:hover { color: #646A76; }
.rq__c.is-on { color: var(--graphite); }
.rq__q { color: var(--graphite); }
.rq__go { color: var(--graphite); }
.rq__draft { color: #8C929C; }