.kit-showcase{--kit-light:#f6f2e7;--kit-dark:#002826;background:var(--kit-light);color:var(--kit-dark);padding:clamp(48px,7vw,108px) 0;transition:background .5s,color .5s;overflow:hidden}@supports (color:lab(0% 0 0)){.kit-showcase{--kit-light:lab(95.4355% .00908971 5.75291);--kit-dark:lab(13.511% -15.2406 -3.01433)}}.kit-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:6%;display:grid}.kit-kicker{letter-spacing:.12em;text-transform:uppercase;margin-bottom:26px;font-size:12px;font-weight:800}.kit-copy h2{font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(36px,4.4vw,66px);line-height:1.04}.kit-copy h2 span{color:var(--forest)}.kit-intro{max-width:43ch;margin-top:24px;font-size:16px;line-height:1.8}.kit-select{border-bottom:1px solid color-mix(in oklch,currentColor 20%,transparent);margin-top:34px;display:flex}.kit-select button{text-align:left;cursor:pointer;border-bottom:3px solid #0000;flex:1;padding:14px 4px;font-weight:750}.kit-select button span{opacity:.6;margin-bottom:6px;font-size:11px;display:block}.kit-select button[aria-pressed=true]{border-color:var(--sun);color:var(--forest)}.kit-description{min-height:163px;padding-top:24px}.kit-description h3{font-size:19px;font-weight:750}.kit-description p{max-width:48ch;margin-top:10px;font-size:14px;line-height:1.8}.kit-cta{align-items:center;gap:18px;margin-top:16px;font-size:14px;font-weight:800;display:inline-flex}.kit-caption{letter-spacing:.13em;opacity:.65;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;display:flex}.kit-stage{perspective:1100px;height:450px;position:relative}.kit-orbit{border:1px solid color-mix(in oklch,var(--forest) 18%,transparent);width:380px;height:380px;box-shadow:0 0 0 35px color-mix(in oklch,var(--forest) 3%,transparent),0 0 0 70px color-mix(in oklch,var(--forest) 2%,transparent);border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.kit-world{width:340px;height:340px;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(var(--turn));margin:-170px;transition:transform .25s ease-out;position:absolute;top:50%;left:50%}.kit-ground{background:radial-gradient(#12261f38,#0000 68%);background:radial-gradient(lab(13.3964% -10.2924 1.90216/.22),#0000 68%);width:380px;height:300px;position:absolute;top:170px;left:-20px;transform:rotateX(90deg)}.kit-object{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute}.kit-face{backface-visibility:hidden;background:#ced7cf;background:lab(85.1083% -4.13573 2.63248);border:1px solid #88928c;border:1px solid lab(59.6035% -4.8101 1.91172);position:absolute}.kit-front,.kit-back{width:var(--w);height:var(--h)}.kit-front{transform:translateZ(calc(var(--d)/2));background:linear-gradient(125deg,#faf9f1,#bbc8bd);background:linear-gradient(125deg,lab(97.7523% -.599533 3.76003),lab(79.3883% -5.91189 3.76683))}.kit-back{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}.kit-left,.kit-right{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);background:#92a399;background:lab(65.5384% -8.03497 3.19121)}.kit-left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.kit-right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.kit-top,.kit-bottom{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2)}.kit-top{transform:rotateX(90deg) translateZ(calc(var(--h)/2));background:#e7ede8;background:lab(93.1748% -2.95293 1.87835)}.kit-bottom{transform:rotateX(-90deg) translateZ(calc(var(--h)/2));background:#68756e;background:lab(48.0707% -6.42881 2.5532)}.kit-panel{--w:210px;--h:280px;--d:10px;top:0;left:5px;transform:translateZ(-45px)rotateX(12deg)}.kit-panel .kit-front{background:#031d2d;background:lab(9.46944% -4.79808 -14.0608);border:3px solid #9da6aa;border:3px solid lab(67.5932% -3.05325 -2.94769);padding:8px}.kit-cells{grid-template-columns:repeat(4,1fr);gap:3px;height:245px;display:grid}.kit-cells i{background:repeating-linear-gradient(90deg,#0000 0 9px,#8ba3ab4d 9px 10px),linear-gradient(125deg,#0c4160,#001324);background:repeating-linear-gradient(90deg,#0000 0 9px,lab(65.3775% -7.51689 -7.3054/.3) 9px 10px),linear-gradient(125deg,lab(25.6715% -7.90346 -23.4199),lab(5.15392% -1.96926 -13.8634));border:1px solid #3a677c;border:1px solid lab(41.0054% -11.2446 -16.9361);border-radius:3px}.kit-panel-label{letter-spacing:2px;color:#d0e3e1;color:lab(88.6288% -6.66642 -1.37954);margin-top:5px;font-size:7px;display:block}.kit-battery{--w:132px;--h:170px;--d:85px;top:168px;left:125px;transform:translateZ(75px)}.kit-controller{--w:85px;--h:116px;--d:45px;top:174px;left:264px;transform:translateZ(25px)}.kit-brand{font-family:var(--font-display);color:#003825;color:lab(19.8539% -28.0301 7.84696);padding:16px 12px 0;font-size:25px;font-weight:800;display:block}.kit-brand span{letter-spacing:1px;margin-top:2px;font-size:5px;display:block}.kit-battery-light{background:var(--sun);width:34px;height:5px;box-shadow:0 0 15px var(--sun);border-radius:3px;margin:20px 12px 12px}.kit-vents{gap:3px;width:45px;margin:0 12px;display:grid}.kit-vents i{background:#526259;background:lab(40.0175% -8.05928 3.19793);height:2px}.kit-unit{color:#32453a;color:lab(27.3232% -9.72517 3.85246);font-size:5px;font-weight:800;position:absolute;bottom:9px;left:12px}.kit-controller .kit-brand{font-size:19px}.kit-screen{color:#58eda9;color:lab(84.7155% -53.0981 20.8878);background:#02231e;background:lab(11.1819% -14.0187 -.103408);margin:10px 9px;padding:5px;font-size:5px}.kit-screen svg{fill:none;stroke:currentColor;stroke-width:2px;width:100%;height:24px}.kit-exploded .kit-panel{transform:translate3d(-24px,-30px,-80px)rotateX(12deg)}.kit-exploded .kit-battery{transform:translate3d(-15px,22px,100px)}.kit-exploded .kit-controller{transform:translate3d(24px,-35px,65px)}.kit-focus-0 .kit-panel .kit-front,.kit-focus-1 .kit-battery .kit-front,.kit-focus-2 .kit-controller .kit-front{outline:2px solid var(--sun);outline-offset:3px}.kit-light-label{text-align:center;opacity:.65;font-size:12px;font-style:italic;position:absolute;bottom:2px;left:0;right:0}.kit-controls{justify-content:center;gap:8px;margin-top:22px;display:flex}.kit-controls button{border:1px solid color-mix(in oklch,currentColor 22%,transparent);cursor:pointer;border-radius:30px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.kit-controls button[aria-pressed=true]{background:var(--sun);color:var(--navy)}.kit-rotation{align-items:center;gap:15px;max-width:330px;margin:22px auto;font-size:11px;display:flex}.kit-rotation input{min-width:0;accent-color:var(--forest);flex:1;height:30px}.kit-rotation span{min-width:28px}.kit-footnote{text-align:center;opacity:.65;max-width:55ch;margin:auto;font-size:10px;line-height:1.7}.kit-night{color:#eeecdd;color:lab(93.1809% -1.14256 7.56166);background:#06221d;background:lab(11.1192% -12.2066 -.0933021)}.kit-night .kit-copy h2 span,.kit-night .kit-select button[aria-pressed=true]{color:var(--sun)}.kit-night .kit-orbit{border-color:#80be9d33;border-color:lab(72.0709% -26.0683 10.3105/.2);box-shadow:0 0 90px #6ab08b14;box-shadow:0 0 90px lab(66.4008% -29.4629 11.637/.08)}.kit-night .kit-screen{box-shadow:0 0 15px #62b2894d;box-shadow:0 0 15px lab(66.5313% -32.839 12.9585/.3)}.kit-night .kit-rotation input{accent-color:var(--sun)}.kit-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(100% - 3rem,1200px);margin-inline:auto}.kit-copy,.kit-display{min-width:0}.kit-showcase{scroll-margin-top:64px}.kit-light-label{bottom:-12px}@media (max-width:900px){.kit-layout{grid-template-columns:minmax(0,1fr);gap:44px}.kit-copy{max-width:620px}.kit-description{min-height:0;margin-bottom:16px}.kit-display{width:100%;max-width:600px;margin:auto}.kit-stage{height:420px}}@media (max-width:480px){.kit-stage{height:355px}.kit-world{scale:.8}.kit-orbit{width:270px;height:270px}.kit-controls button{padding:0 12px}.kit-caption{letter-spacing:.07em;font-size:8px}.kit-copy h2{font-size:40px}}@media (prefers-reduced-motion:reduce){.kit-world,.kit-object,.kit-showcase{transition:none}}.kit-stage{height:540px}.kit-world{top:58%;scale:.9}.kit-lamps{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:0;left:12%;right:12%}.kit-lamp{flex-direction:column;align-items:center;width:48px;display:flex;position:relative}.kit-lamp:nth-child(2){padding-top:14px}.kit-lamp-wire{background:#4c5951;background:lab(36.4704% -6.43827 2.55582);width:2px;height:30px}.kit-lamp-socket{z-index:1;background:repeating-linear-gradient(0deg,#4e5852 0 3px,#858f89 3px 5px);background:repeating-linear-gradient(0deg,lab(36.4031% -4.81895 1.91416) 0 3px,lab(58.4434% -4.81039 1.91181) 3px 5px);border-radius:4px 4px 0 0;width:20px;height:20px}.kit-lamp-globe{background:radial-gradient(circle at 30% 30%,#f3f2eb,#9aa9a0);background:radial-gradient(circle at 30% 30%,lab(95.4322% -.598967 3.76042),lab(67.7911% -6.41882 2.55045));border:1px solid #8e9c94;border:1px solid lab(63.151% -6.4207 2.55097);border-radius:35% 35% 50% 50%;width:42px;height:48px;transition:background .3s,box-shadow .3s;position:relative}.kit-lamp-globe span{border:2px solid #a38c65;border:2px solid lab(59.4946% 4.85164 23.9127);border-top:0;border-radius:0 0 6px 6px;position:absolute;inset:12px 13px}.is-lit .kit-lamp-globe{background:radial-gradient(circle at 45% 40%,#fffceb,#ffde7d);background:radial-gradient(circle at 45% 40%,lab(99.0159% -.753135 11.5421),lab(89.9614% 5.18849 60.5986));border-color:#ffe69f;border-color:lab(92.2357% 2.54735 40.9522);box-shadow:0 0 24px #fdc436b3,0 0 65px #fdc4364d;box-shadow:0 0 24px lab(82.8053% 12.0677 73.6205/.7),0 0 65px lab(82.8053% 12.0677 73.6205/.3)}.is-lit .kit-lamp-globe span{border-color:#fffcf1;border-color:lab(98.9391% .0380278 7.68912)}.kit-lamp-pool{opacity:0;pointer-events:none;background:radial-gradient(at top,#f8d05c40,#0000 70%);background:radial-gradient(at top,lab(85.307% 5.42817 61.2582/.25),#0000 70%);width:130px;height:150px;transition:opacity .3s;position:absolute;top:70px}.is-lit .kit-lamp-pool{opacity:1}.kit-light-lab{border-top:1px solid color-mix(in oklch,currentColor 20%,transparent);margin-top:26px;padding-top:22px}.kit-lab-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.kit-lab-heading h3{letter-spacing:-.03em;font-size:20px;font-weight:800}.kit-lab-heading>span{letter-spacing:.1em;background:var(--sun);color:var(--navy);border-radius:4px;padding:5px 7px;font-size:9px;font-weight:800}.kit-light-lab>p{margin-top:8px;font-size:12px;line-height:1.7}.kit-switches{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0;display:grid}.kit-switches button{text-align:left;border:1px solid color-mix(in oklch,currentColor 25%,transparent);cursor:pointer;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-height:78px;padding:10px;font-size:11px;font-weight:700;display:flex}.kit-switches button small{margin-top:3px;font-size:9px;font-weight:500;display:block}.kit-switches button i{background:#79837d;background:lab(53.8034% -4.8117 1.91216);border-radius:12px;width:24px;height:14px;display:block;position:relative}.kit-switches button i:after{content:"";background:#f8f5ee;background:lab(96.5712% -.00905991 3.82484);border-radius:50%;width:10px;height:10px;transition:transform .2s;position:absolute;top:2px;left:2px}.kit-switches button[aria-pressed=true]{border-color:var(--sun);background:color-mix(in oklch,var(--sun) 12%,transparent)}.kit-switches button[aria-pressed=true] i{background:var(--forest)}.kit-switches button[aria-pressed=true] i:after{transform:translate(10px)}.kit-weather{justify-content:space-between;align-items:center;gap:16px;display:flex}.kit-weather button{cursor:pointer;align-items:center;gap:7px;min-height:44px;font-size:11px;display:flex}.kit-weather button:disabled{opacity:.5;cursor:default}.kit-weather button[aria-pressed=true]{text-underline-offset:5px;text-decoration:underline}.kit-weather label{flex:1;max-width:190px;font-size:10px}.kit-weather strong{float:right}.kit-weather input{width:100%;height:30px;accent-color:var(--sun);display:block}.kit-energy-story{min-height:60px}.kit-lab-note{opacity:.7;margin-top:10px;font-size:10px;line-height:1.6;display:block}@media (max-width:480px){.kit-stage{height:430px}.kit-world{top:59%;scale:.72}.kit-lamps{left:10%;right:10%}.kit-weather{align-items:flex-start;gap:8px}.kit-weather button{max-width:48%}.kit-lab-heading h3{font-size:18px}.kit-switches button{gap:5px;padding:8px}.kit-lamp-pool{width:90px}}@media (prefers-reduced-motion:reduce){.kit-lamp-globe,.kit-lamp-pool,.kit-switches button i:after{transition:none}}.kit-stage{perspective:none;background:radial-gradient(120% 90% at 50% 100%,#d1e4d4 0%,#f6f2e7 60%,#fefcf4 100%);background:radial-gradient(120% 90% at 50% 100%,lab(88.8013% -8.87409 5.66056) 0%,lab(95.4355% .00908971 5.75291) 60%,lab(98.902% -.305772 3.80671) 100%);border-radius:28px;height:560px;transition:background .6s;overflow:hidden}.kit-night .kit-stage{background:radial-gradient(120% 90% at 50% 100%,#002021 0%,#00111f 55%,#000612 100%);background:radial-gradient(120% 90% at 50% 100%,lab(9.9972% -15.0978 -6.35743) 0%,lab(4.39513% -2.47019 -11.1654) 55%,lab(1.49476% -.164829 -6.03333) 100%)}.kit-canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.kit-canvas:active{cursor:grabbing}.kit-hint{letter-spacing:.08em;text-transform:uppercase;opacity:.55;pointer-events:none;font-size:10px;font-weight:800;position:absolute;top:12px;right:14px}.kit-fallback .kit-stage{perspective:1100px;background:0 0;overflow:visible}.kit-loading{opacity:.6;pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}@media (max-width:480px){.kit-stage{border-radius:20px;height:400px}}