.ov-stage[data-astro-cid-iy6xqg4n]{padding-top:20px}.board[data-astro-cid-iy6xqg4n]{grid-template-columns:1fr 1fr;display:grid}.swatch[data-astro-cid-iy6xqg4n]{background:var(--c);color:#000;flex-direction:column;display:flex}.swatch[data-astro-cid-iy6xqg4n].primary{grid-column:1/-1}.swatch-col[data-astro-cid-iy6xqg4n]{padding:14px var(--g) 24px;flex:1;min-height:300px}.swatch-name[data-astro-cid-iy6xqg4n]{border-bottom:1px solid #000;justify-content:space-between;padding-bottom:14px;display:flex}.vals[data-astro-cid-iy6xqg4n]{margin:0;padding:0;list-style:none}.vals[data-astro-cid-iy6xqg4n] li[data-astro-cid-iy6xqg4n]{border-bottom:1px solid #000}.vals[data-astro-cid-iy6xqg4n] li[data-astro-cid-iy6xqg4n]:last-child{border-bottom:0}.copy[data-astro-cid-iy6xqg4n]{text-align:left;white-space:nowrap;width:100%;padding:13px 0;display:block;position:relative}.copy[data-astro-cid-iy6xqg4n]:after{content:"Copy";background:var(--c);opacity:0;padding-left:8px;transition:opacity .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.copy[data-astro-cid-iy6xqg4n]:hover:after,.copy[data-astro-cid-iy6xqg4n]:focus-visible:after{opacity:1}.copy[data-astro-cid-iy6xqg4n].done:after{content:"Copied";opacity:1}.tint[data-astro-cid-iy6xqg4n]{padding:13px var(--g);justify-content:space-between;display:flex}.tint[data-astro-cid-iy6xqg4n]:after{display:none}.tint-hex[data-astro-cid-iy6xqg4n]{opacity:0;transition:opacity .2s}.tint[data-astro-cid-iy6xqg4n]:hover .tint-hex[data-astro-cid-iy6xqg4n],.tint[data-astro-cid-iy6xqg4n]:focus-visible .tint-hex[data-astro-cid-iy6xqg4n],.tint[data-astro-cid-iy6xqg4n].done .tint-hex[data-astro-cid-iy6xqg4n]{opacity:1}@media (width>=761px){.ov-track[data-astro-cid-iy6xqg4n]{height:460vh}.ov-pin[data-astro-cid-iy6xqg4n]{height:100svh;padding-top:var(--chrome-h);padding-bottom:var(--g);flex-direction:column;display:flex;position:sticky;top:0}.ov-stage[data-astro-cid-iy6xqg4n]{flex:1;min-height:0;display:flex}.board[data-astro-cid-iy6xqg4n]{background:var(--volt);flex:1;display:block;position:relative;overflow:hidden;container-type:size}.swatch[data-astro-cid-iy6xqg4n]{top:0;bottom:0;left:calc(var(--x) * 1cqw);width:calc((100 - var(--x)) * 1cqw);transform:translateX(var(--shift,0px));will-change:transform;position:absolute}.swatch-col[data-astro-cid-iy6xqg4n],.tints[data-astro-cid-iy6xqg4n]{width:calc(var(--w) * 1cqw)}.swatch-col[data-astro-cid-iy6xqg4n]{min-height:0;overflow:hidden}.tints[data-astro-cid-iy6xqg4n]{overflow:hidden}.tint[data-astro-cid-iy6xqg4n]{will-change:transform;align-items:center;height:4.6cqh;min-height:34px;padding-block:0}.swatch[data-astro-cid-iy6xqg4n].secondary .tint-hex[data-astro-cid-iy6xqg4n]{display:none}.board[data-astro-cid-iy6xqg4n] .mono[data-astro-cid-iy6xqg4n]{font-size:clamp(10px,.68cqw,13px)}.swatch[data-astro-cid-iy6xqg4n].secondary .copy[data-astro-cid-iy6xqg4n]{white-space:normal}}@media (prefers-reduced-motion:reduce) and (width>=761px){.ov-track[data-astro-cid-iy6xqg4n]{height:auto}.ov-pin[data-astro-cid-iy6xqg4n]{height:100vh;position:relative}}.band[data-astro-cid-achxnbkg]{padding-top:var(--chrome-h)}.block[data-astro-cid-achxnbkg]{padding-block:22px 12vh}.small[data-astro-cid-achxnbkg]{max-width:30ch;font-size:clamp(14px,.95vw,17px)}.small[data-astro-cid-achxnbkg] p[data-astro-cid-achxnbkg]{margin:0 0 .9em}.hero-bars[data-astro-cid-achxnbkg]{grid-template-columns:repeat(3,1fr);align-items:end;width:32vw;height:38vh;margin-bottom:-22px;display:grid}.hero-bars[data-astro-cid-achxnbkg] span[data-astro-cid-achxnbkg]{transform-origin:bottom;height:100%;animation:1.1s cubic-bezier(.2,.7,.2,1) both rise}.hero-bars[data-astro-cid-achxnbkg] span[data-astro-cid-achxnbkg]:nth-child(2){animation-delay:80ms}.hero-bars[data-astro-cid-achxnbkg] span[data-astro-cid-achxnbkg]:nth-child(3){animation-delay:.16s}@keyframes rise{0%{transform:scaleY(0)}}.notes[data-astro-cid-achxnbkg]{border-top:1px solid var(--rule);padding-block:12px 40px}.notes[data-astro-cid-achxnbkg]:first-of-type{margin-top:10vh}.note[data-astro-cid-achxnbkg]{max-width:38em;font-size:clamp(18px,1.5vw,26px)}.notes[data-astro-cid-achxnbkg]:last-child{padding-bottom:12vh}.motif[data-astro-cid-achxnbkg]{gap:var(--g);grid-template-columns:repeat(4,1fr);display:grid}.motif-pair[data-astro-cid-achxnbkg]{grid-template-rows:1fr 1fr;display:grid}.motif-pair[data-astro-cid-achxnbkg]>div[data-astro-cid-achxnbkg]{aspect-ratio:4/3;place-items:center;padding:18%;display:grid}.motif-pair[data-astro-cid-achxnbkg] svg{width:100%;height:auto}.combo-grid[data-astro-cid-achxnbkg]{grid-template-columns:repeat(6,1fr);gap:clamp(8px,1vw,20px);display:grid}.combo[data-astro-cid-achxnbkg]{aspect-ratio:226/162;cursor:default;place-items:center;padding:0 14%;transition:transform .3s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.combo[data-astro-cid-achxnbkg].edge{outline-offset:-1px;outline:1px solid #000}.combo[data-astro-cid-achxnbkg] svg{width:100%;height:auto}.combo[data-astro-cid-achxnbkg].no:before,.combo[data-astro-cid-achxnbkg].no:after{content:"";background:linear-gradient(to top right,#0000 calc(50% - .75px),#000 calc(50% - .75px) calc(50% + .75px),#0000 calc(50% + .75px));position:absolute;inset:0}.combo[data-astro-cid-achxnbkg].no:after{background:linear-gradient(to bottom right,#0000 calc(50% - .75px),#000 calc(50% - .75px) calc(50% + .75px),#0000 calc(50% + .75px))}.combo-grid[data-astro-cid-achxnbkg]:hover .combo[data-astro-cid-achxnbkg]{opacity:.35}.combo-grid[data-astro-cid-achxnbkg] .combo[data-astro-cid-achxnbkg]:hover{opacity:1;z-index:2;transform:scale(1.06)}.combo-key[data-astro-cid-achxnbkg]{align-items:center;gap:8px;margin-top:16px;display:flex}.key-ok[data-astro-cid-achxnbkg],.key-no[data-astro-cid-achxnbkg]{border:1px solid #000;width:14px;height:14px;display:inline-block}.key-ok[data-astro-cid-achxnbkg]{background:#000}.key-no[data-astro-cid-achxnbkg]{background:linear-gradient(to top right,#0000 46%,#000 46% 54%,#0000 54%);margin-left:14px}.combo-readout[data-astro-cid-achxnbkg]{margin-left:auto;font-weight:600}.tester-row[data-astro-cid-achxnbkg]{border-top:1px solid var(--rule);padding-top:12px}.tester[data-astro-cid-achxnbkg]{gap:var(--g);grid-template-columns:minmax(240px,30%) 1fr;display:grid}.tester-controls[data-astro-cid-achxnbkg] fieldset[data-astro-cid-achxnbkg]{border:0;margin:0 0 22px;padding:0}.tester-controls[data-astro-cid-achxnbkg] legend[data-astro-cid-achxnbkg]{padding:0 0 8px;font-weight:600}.tester-controls[data-astro-cid-achxnbkg] label[data-astro-cid-achxnbkg]{cursor:pointer;border-bottom:1px solid #00000026;align-items:center;gap:10px;padding:6px 0;display:flex}.tester-controls[data-astro-cid-achxnbkg] input[data-astro-cid-achxnbkg]{opacity:0;position:absolute}.tester-controls[data-astro-cid-achxnbkg] label[data-astro-cid-achxnbkg] span[data-astro-cid-achxnbkg]{background:var(--s);border:1px solid #000;flex:none;width:18px;height:18px}.tester-controls[data-astro-cid-achxnbkg] input[data-astro-cid-achxnbkg]:checked+span[data-astro-cid-achxnbkg]{box-shadow:0 0 0 2px #fff,0 0 0 3px #000}.tester-controls[data-astro-cid-achxnbkg] input[data-astro-cid-achxnbkg]:focus-visible+span[data-astro-cid-achxnbkg]{outline:2px solid var(--cobalt);outline-offset:4px}.tester-stage[data-astro-cid-achxnbkg]{outline-offset:-1px;outline:1px solid #000;place-items:center;min-height:340px;padding:12% 10%;transition:background .3s,color .3s;display:grid;position:relative}.tester-stage[data-astro-cid-achxnbkg] svg{width:100%;height:auto}.tester-verdict[data-astro-cid-achxnbkg]{color:#fff;background:#000;margin:0;padding:6px 10px;position:absolute;bottom:12px;left:14px}.tester-stage[data-astro-cid-achxnbkg].no:after{content:"";pointer-events:none;background:linear-gradient(to top right,#0000 calc(50% - 1px),#000 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(to bottom right,#0000 calc(50% - 1px),#000 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.axis[data-astro-cid-achxnbkg]{border-bottom:1px solid var(--rule);align-items:center;gap:16px;margin-bottom:40px;padding-bottom:14px;display:flex}.axis[data-astro-cid-achxnbkg] span[data-astro-cid-achxnbkg]{text-box:trim-both cap alphabetic}.axis[data-astro-cid-achxnbkg] i[data-astro-cid-achxnbkg]{background:currentColor;flex:1;height:1px;position:relative}.axis[data-astro-cid-achxnbkg] i[data-astro-cid-achxnbkg]:before,.axis[data-astro-cid-achxnbkg] i[data-astro-cid-achxnbkg]:after{content:"";border:3.5px solid #0000;position:absolute;top:-3px}.axis[data-astro-cid-achxnbkg] i[data-astro-cid-achxnbkg]:before{border-left:0;border-right:6px solid;left:-2px}.axis[data-astro-cid-achxnbkg] i[data-astro-cid-achxnbkg]:after{border-left:6px solid;border-right:0;right:-2px}.pair[data-astro-cid-achxnbkg]{grid-template-columns:1fr 1fr;column-gap:15%;display:grid}.cover[data-astro-cid-achxnbkg],.photo[data-astro-cid-achxnbkg]{aspect-ratio:614/794;margin:0;position:relative;overflow:hidden}.cover[data-astro-cid-achxnbkg] figcaption[data-astro-cid-achxnbkg]{position:absolute;top:4%;left:5%}.cover[data-astro-cid-achxnbkg] .cover-logo{width:auto;height:96%;position:absolute;top:2%;right:2.3%}.photo[data-astro-cid-achxnbkg] img[data-astro-cid-achxnbkg]{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.photo[data-astro-cid-achxnbkg]:hover img[data-astro-cid-achxnbkg]{transform:scale(1.03)}.photo-block[data-astro-cid-achxnbkg],.photo-plain[data-astro-cid-achxnbkg]{width:48%;position:absolute;top:2.7%;left:3.3%}.photo-block[data-astro-cid-achxnbkg]{background:var(--volt);color:#000;padding:.92%}.photo-plain[data-astro-cid-achxnbkg]{color:#000;top:4%;left:4%}.photo[data-astro-cid-achxnbkg] svg{width:100%;height:auto}.copied[data-astro-cid-achxnbkg]{color:var(--volt);opacity:0;pointer-events:none;z-index:60;background:#000;border-radius:99px;padding:9px 16px;transition:opacity .2s,transform .3s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px)}.copied[data-astro-cid-achxnbkg].on{opacity:1;transform:translate(-50%)}@media (width<=1000px){.motif[data-astro-cid-achxnbkg]{grid-template-columns:repeat(2,1fr)}.tester[data-astro-cid-achxnbkg]{grid-template-columns:1fr}.combo-grid[data-astro-cid-achxnbkg]{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.small[data-astro-cid-achxnbkg]{max-width:none}.pair[data-astro-cid-achxnbkg]{column-gap:var(--g)}.hero-bars[data-astro-cid-achxnbkg]{width:45vw;height:22vh;margin-bottom:0}}