@font-face{font-family:Inter Tight;font-style:normal;font-weight:300;font-display:swap;src:url(../media/13ae3e01af63c0ce-s.3-5_uhe2g8vfj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0ee4b8f05dcd9fee-s.27tgfqm6_tedn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9eba4caf7edd2921-s.2r0cv3f07u_0l.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter Tight;font-style:normal;font-weight:300;font-display:swap;src:url(../media/f6752bd2263820da-s.12_ze2_d4hpxy.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:300;font-display:swap;src:url(../media/f285987c35230861-s.318-mahh4esyg.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b8d1f0a88dfecec3-s.0yot_wy8hf-md.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ab57efd000576a30-s.p.2q0khlq77_eaw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(../media/13ae3e01af63c0ce-s.3-5_uhe2g8vfj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0ee4b8f05dcd9fee-s.27tgfqm6_tedn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9eba4caf7edd2921-s.2r0cv3f07u_0l.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f6752bd2263820da-s.12_ze2_d4hpxy.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f285987c35230861-s.318-mahh4esyg.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b8d1f0a88dfecec3-s.0yot_wy8hf-md.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab57efd000576a30-s.p.2q0khlq77_eaw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(../media/13ae3e01af63c0ce-s.3-5_uhe2g8vfj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0ee4b8f05dcd9fee-s.27tgfqm6_tedn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9eba4caf7edd2921-s.2r0cv3f07u_0l.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f6752bd2263820da-s.12_ze2_d4hpxy.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f285987c35230861-s.318-mahh4esyg.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b8d1f0a88dfecec3-s.0yot_wy8hf-md.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ab57efd000576a30-s.p.2q0khlq77_eaw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Fallback;src:local(Arial);ascent-override:100.51%;descent-override:25.03%;line-gap-override:0.0%;size-adjust:96.39%}.inter_tight_52abde95-module__hEuLQa__className{font-family:Inter Tight,Inter Tight Fallback;font-style:normal}.inter_tight_52abde95-module__hEuLQa__variable{--font-sans:"Inter Tight", "Inter Tight Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#f4f2ee;height:100%}body{font-family:var(--font-sans), "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:.01em;font-weight:300}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.stage{flex-direction:column;min-height:100dvh;transition:background-color .9s cubic-bezier(.2,.7,.2,1),color .6s;display:flex}.fabric{z-index:0;pointer-events:none;position:fixed;inset:0}.fabric canvas{width:100%;height:100%;animation:1.8s both fabric-in;display:block}@keyframes fabric-in{0%{opacity:0}}.stage>:not(.fabric){z-index:1;position:relative}.bar{letter-spacing:.24em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:24px clamp(16px,4vw,48px);font-size:11px;display:flex}.wordmark{letter-spacing:.32em;font-size:15px;font-weight:500}.bar-right{align-items:center;gap:28px;display:flex}.counter{font-variant-numeric:tabular-nums}.lang{letter-spacing:.24em;opacity:.6;transition:opacity .2s}.lang:hover{opacity:1}.eyebrow{letter-spacing:.28em;text-transform:uppercase;opacity:.7;font-size:11px}.title{letter-spacing:-.04em;margin:24px 0 16px;font-size:clamp(72px,16vw,168px);font-weight:300;line-height:.9}.tagline{font-size:clamp(18px,2.4vw,22px);font-weight:400}.body{opacity:.75;max-width:34ch;margin-top:16px;font-size:15px;line-height:1.6}.meta{letter-spacing:.08em;opacity:.55;font-variant-numeric:tabular-nums;font-size:12px}.shade-name{letter-spacing:-.03em;margin-top:12px;font-size:clamp(40px,9vw,96px);font-weight:300}.cta{letter-spacing:.28em;text-transform:uppercase;border:1px solid;min-width:200px;padding:16px 40px;font-size:11px;transition:background-color .25s,color .25s;display:inline-block}.cta:hover{color:#f4f2ee;background:#161616;border-color:#161616}.cta.ghost{text-underline-offset:6px;border-color:#0000;text-decoration:underline}.cta.ghost:hover{color:inherit;background:0 0}.cta:focus-visible,.lang:focus-visible,.link:focus-visible{outline-offset:4px;outline:1px solid}.link{color:inherit;letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:4px;font-size:11px;text-decoration:none}.intro{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:0 clamp(16px,8vw,120px) 48px;display:flex}.swatches{gap:6px;margin:40px 0;display:flex}.swatches span{width:44px;height:64px;box-shadow:inset 0 0 0 1px #16161614}.intro .meta{margin-top:20px}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 16px;display:flex}.timer{transform-origin:0;background:currentColor;width:min(240px,60vw);height:1px;margin-top:40px}.recreate{flex-direction:column;flex:1;display:flex}.controls{justify-items:center;gap:22px;width:min(520px,100%);margin:0 auto;padding:0 16px 40px;display:grid}.slider{gap:10px;width:100%;display:grid}.slider-label{letter-spacing:.28em;text-transform:uppercase;opacity:.7;font-size:10px}input[type=range]{appearance:none;cursor:pointer;outline:none;width:100%;height:4px;box-shadow:0 0 0 .5px #00000026}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f4f2ee;border:1px solid #161616;border-radius:50%;width:22px;height:22px}input[type=range]::-moz-range-thumb{background:#f4f2ee;border:1px solid #161616;border-radius:50%;width:22px;height:22px}input[type=range]:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #161616}.reveal{flex-direction:column;flex:1;gap:32px;padding:0 clamp(16px,4vw,48px) 32px;display:flex}.split{flex:1;grid-template-columns:1fr 1fr;min-height:50dvh;display:grid}.panel{flex-direction:column;justify-content:space-between;padding:20px;display:flex}.hex{letter-spacing:.16em;font-variant-numeric:tabular-nums;font-size:12px}.verdict{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.score{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:8px 0;font-size:clamp(64px,12vw,120px);font-weight:300;line-height:1}.final{text-align:center;flex-direction:column;flex:1;align-items:center;width:min(640px,100%);margin:0 auto;padding:24px 16px 48px;display:flex}.total{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:16px 0 12px;font-size:clamp(80px,18vw,160px);font-weight:300;line-height:1}.total-of{letter-spacing:0;opacity:.5;font-size:.22em}.study{border-top:1px solid #1616161f;width:100%;margin:40px 0;list-style:none}.study li{text-align:left;border-bottom:1px solid #1616161f;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:14px 0;display:grid}.pair{display:flex}.pair span{width:36px;height:36px}.study-name{font-size:15px}.study-score{font-variant-numeric:tabular-nums;font-size:15px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.footnote{margin-top:40px}.panel{clip-path:inset(0%)}.pair{overflow:hidden}.pair span:first-child{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.stage{transition:none}}@media (max-width:560px){.split{grid-template-columns:1fr}.verdict{flex-direction:column;align-items:stretch}.cta{width:100%}}