.ot-lab{padding:clamp(95px,11vw,150px) 0;background:#e9ebe4;color:#17231c}.ot-lab-intro{margin-bottom:54px;max-width:980px}.ot-lab-intro h2{font:500 clamp(44px,5.8vw,82px)/1.07 Manrope,sans-serif;letter-spacing:-.075em;margin:21px 0}.ot-lab-intro p{color:#5b695e;font-size:15px}.ot-lab-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:550px;background:#15241d;overflow:hidden;box-shadow:0 30px 70px #142b1e27}.ot-lab-visual{min-height:480px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#506c58,#1c3328 67%,#12241b)}.ot-lab-gridlines{position:absolute;inset:-30%;transform:rotate(-14deg);background:linear-gradient(#ffffff17 1px,transparent 1px),linear-gradient(90deg,#ffffff17 1px,transparent 1px);background-size:90px 90px}.ot-lab-caption{position:absolute;bottom:29px;left:29px;color:#f3f1e4;letter-spacing:.14em;font-size:10px;z-index:2}.ot-lab-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,72px)}.ot-lab-panel h3{font:500 clamp(35px,3.5vw,54px)/1.1 Manrope,sans-serif;letter-spacing:-.065em;margin:0 0 32px;color:#f5f0e5}.ot-lab-buttons{display:grid;gap:10px}.ot-lab-buttons button{min-height:60px;border:1px solid #627565;color:#e8e5d8;background:transparent;cursor:pointer;display:grid;grid-template-columns:22px 1fr 15px;gap:15px;align-items:center;text-align:left;padding:12px 18px;font-size:13px;transition:background .3s,color .3s,transform .3s}.ot-lab-buttons button:hover{transform:translateX(5px);border-color:#d2b989}.ot-lab-buttons button.active{background:#e8decb;color:#1c281f;border-color:#e8decb}.ot-lab-buttons small{color:#bca77e;font-size:10px}.ot-lab-panel [data-lab-caption]{font-size:15px;line-height:1.75;color:#dae4d7;min-height:60px;margin:32px 0 0}.ot-lab-note{font-size:10px;color:#9ba99d;line-height:1.7}.ot-lab-light{position:absolute;top:0;left:51%;height:47%;width:3px;background:#c1c5b2}.ot-lab-light:after{content:'';position:absolute;bottom:-21px;left:-64px;width:130px;height:24px;border-radius:75% 75% 5px 5px;background:#e8c68d;box-shadow:0 33px 100px 58px #e8b86787;transition:box-shadow .7s}.ot-lab-floor{position:absolute;left:19%;bottom:30%;height:11px;width:62%;background:#a9956e;box-shadow:0 8px 0 #504536}.ot-lab[data-lab-kind=electrical][data-lab-mode=two] .ot-lab-light:after{box-shadow:0 33px 100px 75px #f9dfaaab}.ot-lab[data-lab-kind=electrical][data-lab-mode=three] .ot-lab-light:after{box-shadow:0 22px 83px 49px #bf794a99}.ot-lab-climate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(62%,330px);aspect-ratio:1;border-radius:50%;border:1px solid #c4d6c6;box-shadow:0 0 0 28px #edf3e60d,0 0 0 59px #edf3e606,0 0 87px #b3ebd73d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transition:box-shadow .65s}.ot-lab-climate span{font:300 clamp(55px,7vw,91px) Manrope,sans-serif;letter-spacing:-.09em;color:#f2efe3}.ot-lab-climate small{font-size:9px;letter-spacing:.17em;color:#d0dbcb}.ot-lab[data-lab-kind=climate][data-lab-mode=two] .ot-lab-climate{box-shadow:0 0 0 30px #e2f6ff15,0 0 100px #a5eaff87}.ot-lab[data-lab-kind=climate][data-lab-mode=three] .ot-lab-climate{box-shadow:0 0 0 30px #f5dfba13,0 0 100px #e8c48383}.ot-lab-sun{position:absolute;top:10%;right:10%;width:110px;height:110px;border-radius:50%;background:#e0bd75;box-shadow:0 0 75px 35px #dfb36e79;transition:transform .8s,opacity .8s}.ot-lab-energy{position:absolute;left:5%;right:5%;top:42%;display:flex;align-items:center;gap:4px}.ot-lab-energy span{flex:0 0 82px;height:82px;border-radius:50%;border:1px solid #ddd0aa94;background:#153025;color:#f3ead0;font-size:9px;letter-spacing:.07em;display:grid;place-items:center}.ot-lab-energy i{height:2px;flex:1;background:linear-gradient(90deg,#c6a56a,#fff3bd,#c6a56a);background-size:200% 100%;animation:ot-energy-flow 3s linear infinite}.ot-lab[data-lab-kind=solar][data-lab-mode=two] .ot-lab-energy span:nth-of-type(3),.ot-lab[data-lab-kind=solar][data-lab-mode=three] .ot-lab-energy span:nth-of-type(4){background:#cfb478;color:#18291d}.ot-lab[data-lab-kind=solar][data-lab-mode=three] .ot-lab-sun{opacity:.23;transform:translateY(130px)}@keyframes ot-energy-flow{to{background-position:200% 0}}@media(max-width:880px){.ot-lab-grid{grid-template-columns:1fr}.ot-lab-panel{padding:45px 30px}.ot-lab-visual{min-height:430px}}@media(max-width:470px){.ot-lab{padding:85px 0}.ot-lab-intro h2{font-size:46px}.ot-lab-visual{min-height:340px}.ot-lab-energy{left:2%;right:2%}.ot-lab-energy span{flex-basis:55px;height:55px;font-size:7px}.ot-lab-panel h3{font-size:36px}}@media(prefers-reduced-motion:reduce){.ot-lab-energy i{animation:none!important}}