.heating-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:55px 7% 35px;align-items:center}.heating-intro h1{font-size:clamp(34px,4.2vw,58px);line-height:1.05;letter-spacing:-1.7px;margin:0}.heating-intro>div>p:not(.kicker){color:#abc0cd;line-height:1.7;font-size:16px;max-width:490px}.heating-intro .text-link{margin-top:10px}.heating-story{background:#101d26}.heating-pin{height:90svh;min-height:600px;max-height:950px;position:sticky;top:0;display:grid;grid-template-rows:minmax(300px,1fr) 120px 56px;background:radial-gradient(ellipse at 55% 42%,#253d4c,#142630 48%,#101d26 80%);overflow:hidden}.heating-canvas{margin:10px 3% 0}.heating-explanation{margin:0 7%;border-top:1px solid #354c58;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:16px}.heating-explanation h2{font-size:27px;font-weight:400;letter-spacing:-.6px;margin:0}.heating-explanation p:not(.kicker){color:#a5bdca;font-size:14px;line-height:1.65}.heating-options{margin:0 7%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8eafc1}.heating-options label{font-size:11px;min-height:44px}.heating-parts{padding:22px 7% 32px;border-bottom:1px solid #314652;background:#101d26}.heating-parts ol{list-style:none;counter-reset:device;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0}.heating-parts li{counter-increment:device;color:#bad0dc;font-size:13px}.heating-parts li:before{content:counter(device,decimal-leading-zero);margin-right:12px;color:#749db3}.heating-parts>p{color:#7e9baa;font-size:10px;margin:22px 0 0}.heating-story.still .heating-pin{position:relative}.heating-story.still svg *,.heating-story.offscreen svg *{animation-play-state:paused!important}@media(max-width:760px){.heating-intro{padding:34px 6% 24px;grid-template-columns:1fr;gap:14px}.heating-intro h1{font-size:36px;letter-spacing:-1px}.heating-intro>div>p:not(.kicker){font-size:14px}.heating-pin{height:85svh;min-height:560px;grid-template-rows:minmax(300px,1fr) 154px 50px}.heating-canvas{margin:0 1%}.heating-explanation{margin:0 6%;grid-template-columns:1fr;gap:4px;align-content:center;padding:12px 0}.heating-explanation .kicker{font-size:9px;margin:0 0 9px}.heating-explanation h2{font-size:23px}.heating-explanation p:not(.kicker){font-size:12px;margin:5px 0}.heating-options{margin:0 6%;gap:12px;font-size:10px}.heating-options label{font-size:10px}.heating-parts{padding:22px 6%}.heating-parts ol{grid-template-columns:1fr 1fr;gap:17px 12px}.heating-parts li{font-size:12px;line-height:1.5}}
