@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:200;src:url(./poppins-latin-200-normal-B8tqA5oA.woff2)format("woff2"),url(./poppins-latin-200-normal-BxK-3Qw6.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:300;src:url(./poppins-latin-300-normal-Dku2WoCh.woff2)format("woff2"),url(./poppins-latin-300-normal-DCNuMXUj.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(./poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(./poppins-latin-400-normal-BOb3E3N0.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(./poppins-latin-500-normal-C8OXljZJ.woff2)format("woff2"),url(./poppins-latin-500-normal-DGXqpDMm.woff)format("woff")}:root{--ink:#f2eee7;--ink-2:#f2eee79e;--ink-3:#f2eee757;--line:#f2eee729;--amber:#e9b06a;--ease:cubic-bezier(.22, .8, .2, 1);color:var(--ink);-webkit-font-smoothing:antialiased;background:#030304;font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0}html,body,#root{overscroll-behavior:none;height:100%;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}.stage canvas{display:block}.ui{pointer-events:none;position:absolute;inset:0}.ui button,.ui input,.ui a{pointer-events:auto}.brand{position:absolute;top:clamp(20px,3.4vh,36px);left:clamp(20px,3vw,44px)}.brand h1{letter-spacing:.42em;font-size:15px;font-weight:500}.brand p{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-top:4px;font-size:9.5px;font-weight:300}.loader{text-align:center;letter-spacing:.2em;text-transform:uppercase;width:180px;color:var(--ink-2);font-size:10px;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader i{background:var(--ink);transform-origin:0;height:1px;margin-top:14px;transition:transform .3s;display:block}.ui .hold{touch-action:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:clamp(20px,4vh,36px);padding-bottom:clamp(36px,9vh,92px);display:flex;position:absolute;inset:0}.ui .hold:focus-visible{outline:none}.ui .hold:focus-visible .hold__track{stroke:var(--ink)}.hold__statement{letter-spacing:.02em;text-transform:uppercase;animation:rise 2s var(--ease) .5s backwards;font-size:clamp(22px,3.2vw,44px);font-weight:200}.hold__cta{letter-spacing:.28em;text-transform:uppercase;opacity:0;transition:opacity 1.2s, transform 1.2s var(--ease);flex-direction:column;align-items:center;gap:12px;font-size:10.5px;font-weight:400;display:flex;transform:translateY(8px)}.hold__cta.is-on{opacity:1;transform:none}.hold__cta svg{width:62px;height:62px;overflow:visible;transform:rotate(-90deg)}.hold__cta circle{fill:none}.hold__track{stroke:var(--line);stroke-width:1px}.hold__arc{stroke:var(--amber);stroke-width:1.6px;stroke-linecap:round}.hold__dot{transition:r .2s;animation:2.6s ease-in-out infinite breathe;fill:var(--ink)!important}.hold.is-holding .hold__dot{animation:none;fill:var(--amber)!important}@keyframes rise{0%{opacity:0;letter-spacing:.08em;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes breathe{50%{opacity:.45}}.title{letter-spacing:-.015em;text-transform:uppercase;animation:rise 2.2s var(--ease) 1.6s both;text-shadow:0 2px 40px #0006;font-size:clamp(30px,3.5vw,54px);font-weight:200;line-height:1.04;transition:opacity .5s;position:absolute;top:clamp(92px,13vh,128px);left:clamp(20px,3vw,44px)}.is-shaping .title{opacity:.18}.rail{transition:opacity .45s}.is-dragging .rail{opacity:.12}.rail{width:304px;animation:slide 1.6s var(--ease) 1.9s both;scrollbar-width:none;pointer-events:auto;background:linear-gradient(270deg,#03030494,#03030457 62%,#0000);flex-direction:column;justify-content:center;padding:clamp(20px,3.4vh,36px) clamp(20px,3vw,44px) 24px 40px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slide{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.row{border-top:1px solid var(--line);padding:15px 0}.row__head{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:10px;font-weight:400;display:flex}.row__head output{letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums;text-transform:none;font-weight:300}.power{letter-spacing:.16em;text-transform:uppercase;width:100%;color:var(--ink-2);align-items:center;gap:10px;padding:0 0 15px;font-size:10px;display:flex}.power i{border:1px solid var(--ink-3);border-radius:8px;width:26px;height:14px;transition:border-color .3s;position:relative}.power i:after{content:"";background:var(--ink-2);width:8px;height:8px;transition:transform .35s var(--ease), background .3s;border-radius:50%;position:absolute;top:2px;left:2px}.power[aria-checked=true] i{border-color:var(--amber)}.power[aria-checked=true] i:after{background:var(--amber);transform:translate(12px)}.power b{letter-spacing:.06em;color:var(--ink);text-transform:none;margin-left:auto;font-weight:300}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;display:block}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--fill,0%), var(--ink-3) var(--fill,0%));height:1px}.range::-moz-range-track{background:var(--ink-3);height:1px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:13px;height:13px;margin-top:-6px;transition:box-shadow .25s;box-shadow:0 0 0 4px #f2eee700}.range::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:13px;height:13px}.range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #f2eee721}.range:active::-webkit-slider-thumb{box-shadow:0 0 0 5px #f2eee721}.range--kelvin::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e58a3a,#f2c78f 22%,#fbf1e2 48%,#dfe9fb 80%,#b9d2ff);height:2px}.range--kelvin::-moz-range-track{background:linear-gradient(90deg,#e58a3a,#f2c78f 22%,#fbf1e2 48%,#dfe9fb 80%,#b9d2ff);height:2px}.range--kelvin::-webkit-slider-thumb{margin-top:-5.5px}.range--center::-webkit-slider-runnable-track{background:var(--ink-3)}.chips{justify-content:space-between;margin-top:4px;display:flex}.chips button{letter-spacing:.08em;color:var(--ink-2);text-align:left;padding:6px 0;font-size:10px;font-weight:300;transition:color .3s}.chips small{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:9px;display:block}.chips button:hover,.chips button[aria-pressed=true]{color:var(--ink)}.chips button[aria-pressed=true] small{color:var(--amber)}.shape{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:10px 0;font-size:11px;font-weight:400;transition:color .3s;display:flex}.shape svg{fill:none;stroke:currentColor;stroke-width:1px;width:18px;height:18px;transition:transform .6s var(--ease)}.shape:hover svg{transform:scale(1.15)}.shape.is-on{color:var(--amber)}.shape.is-on svg{transform:scale(1.2)}.shape.is-on svg circle:last-child{fill:currentColor}.hint{color:var(--ink-2);margin:-6px 0 10px;font-size:10.5px;font-weight:300}.swatches{gap:16px;padding-top:4px;display:flex}.swatch{width:34px;height:34px;transition:transform .4s var(--ease);border-radius:50%;position:relative}.swatch:after{content:"";border:1px solid #0000;border-radius:50%;transition:border-color .3s;position:absolute;inset:-5px}.swatch:hover{transform:scale(1.07)}.swatch[aria-checked=true]:after{border-color:var(--ink)}.swatch--chrome{background:conic-gradient(from 210deg,#fafafa,#6b6d72,#e8e9ec,#3a3b40,#f5f5f7,#84868c,#fafafa)}.swatch--ceramic{background:radial-gradient(circle at 35% 30%,#f5efe4,#d6cdbd 62%,#a99f8e)}.swatch--glass{background:radial-gradient(circle at 42% 38%,#ffffffeb,#e2e8ee6b 55%,#e2e8ee29);box-shadow:inset 0 0 0 1px #ffffff59}.note{border-top:1px solid var(--line);letter-spacing:.04em;color:var(--ink-3);margin-top:2px;padding-top:12px;font-size:9px;font-weight:300}.views{animation:rise 1.6s var(--ease) 2.2s both;gap:26px;display:flex;position:absolute;bottom:clamp(20px,3.4vh,34px);left:clamp(20px,3vw,44px)}.views button{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);padding:6px 0;font-size:10px;font-weight:400;transition:color .3s;position:relative}.views button:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .5s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.views button:hover,.views button[aria-pressed=true]{color:var(--ink)}.views button[aria-pressed=true]:after{transform:scaleX(1)}.sheet{display:none}.stats{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:10px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.fallback{background:#050506;place-items:end start;display:grid;position:fixed;inset:0}.fallback img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fallback div{max-width:420px;padding:32px;font-size:13px;font-weight:300;line-height:1.6;position:relative}.fallback h1{letter-spacing:.42em;font-size:15px;font-weight:500}@media (max-width:760px),(max-height:520px) and (pointer:coarse){.rail,.title{display:none}.views{flex-direction:column;align-items:flex-end;gap:12px;inset:clamp(16px,3vh,28px) 16px auto auto}.views button{min-height:28px;padding:4px 0;font-size:9px}.sheet{padding:12px 16px calc(6px + env(safe-area-inset-bottom));animation:rise 1.2s var(--ease) 1.8s both;pointer-events:auto;background:linear-gradient(#0000,#0303049e 28%,#030304d1);display:block;position:absolute;bottom:0;left:0;right:0}.sheet__panel{flex-direction:column;justify-content:flex-end;min-height:92px;display:flex}.sheet .row{border-top:0;padding:8px 0 6px}.sheet .power{min-height:36px;padding:6px 0 2px}.sheet .range{height:36px}.sheet .shape{min-height:40px;margin-bottom:4px}.sheet .chips button{min-height:40px;padding:4px 8px 4px 0}.swatch{width:38px;height:38px}.sheet__tabs{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.sheet__tabs button{letter-spacing:.16em;text-transform:uppercase;min-height:44px;color:var(--ink-2);font-size:10px}.sheet__tabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 1px 0 var(--amber)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}
