.rq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center;width:100%}.rq-copy h2{margin:0;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.05;letter-spacing:-.04em}.rq-copy>p{margin:14px 0 22px;max-width:34em;font-size:15px;line-height:1.6;color:var(--color-text-muted)}.rq-layers{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:2px}.rq-layers li{display:grid;grid-template-columns:30px minmax(0,10em) minmax(0,1fr);gap:12px;align-items:baseline;padding:7px 12px;border-radius:10px;color:var(--color-text-muted);transition:background .3s ease,color .3s ease}.rq-n{font-family:var(--font-mono);font-size:11.5px;opacity:.6}.rq-name{font-size:14.5px;font-weight:500}.rq-what{font-size:13px;opacity:0;transform:translate(-6px);transition:opacity .3s ease,transform .3s ease}.rq-layers li.is-done{color:color-mix(in srgb,var(--color-text) 72%,transparent)}.rq-layers li.is-on{color:var(--color-text);background:color-mix(in srgb,var(--color-brand) 11%,transparent);box-shadow:inset 2px 0 0 var(--color-brand)}.rq-layers li.is-on .rq-n{color:var(--color-brand);opacity:1}.rq-layers li.is-on .rq-what{opacity:1;transform:none}.rq-frame{position:relative;border-radius:16px;overflow:hidden;background:var(--color-bg);box-shadow:0 0 0 1px var(--color-border),0 30px 70px -45px #000000b3}.rq-frame__bar{display:flex;gap:6px;align-items:center;padding:11px 16px;font-size:12.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.rq-sep{opacity:.5}.rq-frame__view{position:relative;height:min(62vh,640px);overflow:hidden}.rq-img{display:block;width:100%;will-change:transform}.rq-img img{display:block;width:100%;height:auto}.rq--static{padding:0}.rq--static .rq-what{opacity:1;transform:none}@media(max-width:899px){.rq-grid{grid-template-columns:1fr}.rq-layers li{grid-template-columns:26px 1fr}.rq-what{grid-column:2}.rq-frame__view{height:440px}}
