.schemes{--tint:var(--pond-ink);--r-text:#e4eeec;--r-dim:#8fa5a8;--r-line:#24434b;--r-fill:var(--pond-teal);--r-link:var(--pond-teal);background:var(--tint);color:var(--r-text);padding-top:112px;transition:background-color .8s,color .8s}.schemes[data-scheme=dark]{--tint:#131315;--r-text:#ececee;--r-dim:#8b8b93;--r-line:#333337;--r-fill:#2bb3a3}.schemes[data-scheme=greyscale]{--tint:#e6e6e6;--r-text:#141414;--r-dim:#5c5c5c;--r-line:#c4c4c4;--r-fill:#1f1f1f;--r-link:#1f1f1f}.schemes[data-scheme=light]{--tint:var(--mist);--r-text:var(--pond-ink);--r-dim:var(--slate);--r-line:var(--pebble);--r-fill:var(--pond-teal);--r-link:var(--teal-dark)}.schemes-head{max-width:640px}.schemes-head h2{letter-spacing:-.035em;font-size:clamp(32px,4vw,56px);line-height:1.02}.schemes-head p{color:var(--r-dim);margin-top:18px;font-size:21px;line-height:1.5;transition:color .8s}.schemes-head a{color:var(--r-link);text-underline-offset:3px}.schemes-track{height:200vh;position:relative}.schemes-pin{align-items:center;height:100svh;display:flex;position:sticky;top:0}.schemes-in{width:min(100%,160svh - 272px);margin:0 auto}.schemes .frame{border-color:var(--r-line);transition:border-color .8s,box-shadow .8s}.schemes[data-scheme=greyscale] .frame,.schemes[data-scheme=light] .frame{box-shadow:0 30px 80px #0b141829}.schemes-rail{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:32px;padding-top:22px;display:grid}.schemes-steps{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0;margin:0;padding:0;display:grid}.schemes-step{font:inherit;color:var(--r-dim);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;transition:color .4s}.schemes-step b{margin-bottom:9px;font-size:16px;font-weight:600;display:block}.schemes-step i{background:var(--r-line);border-radius:2px;height:3px;transition:background-color .8s;display:block;overflow:hidden}.schemes-step i:after{content:"";background:var(--r-fill);height:100%;transform:scaleX(var(--p,0));transform-origin:0;transition:background-color .8s;display:block}.schemes-step[aria-pressed=true],.schemes-step:hover{color:var(--r-text)}.schemes-step:focus-visible{outline:2px solid var(--r-fill);outline-offset:4px;border-radius:3px}.schemes-note{color:var(--r-dim);min-height:3em;font-size:15px;transition:color .8s}@media (max-width:900px){.schemes{padding-top:80px}.schemes-head p{font-size:18px}.schemes-track{height:130vh}.schemes-in{width:100%}.schemes-rail{grid-template-columns:1fr;gap:12px}.schemes-steps{gap:8px}.schemes-step b{font-size:14px}.schemes-note{min-height:0;font-size:14px}}@media (prefers-reduced-motion:reduce){.schemes-track{height:auto;padding:48px 0 96px}.schemes-pin{height:auto;display:block;position:static}.schemes,.schemes *{transition:none!important}}