.hw-cost{background:var(--hw-cream);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:88px;padding-block:88px;display:grid}.hw-cost-intro{flex-direction:column;align-self:end;gap:26px;display:flex}.hot-water-design .hw-lead{font-size:19px;line-height:1.55}.hw-chips{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.hw-chips>span{border:1px solid #cfc2ab;border-radius:999px;padding:8px 12px}.hw-cost-notes{border-top:1px solid #ddd2bf;grid-column:1;align-self:start;margin-top:28px;padding-top:20px}.hw-cost-notes p{color:var(--hw-ink3);font-size:13px;line-height:1.55}.hw-cost-notes a{font-weight:600}.hw-comparison{background:var(--hw-paper);border:1px solid #ddd2bf;border-radius:20px;flex-direction:column;grid-area:1/2/3;justify-content:center;min-height:572px;padding:28px 36px 24px;display:flex}.hot-water-design .hw-comparison h2{letter-spacing:-.02em;margin:0 0 22px;font-size:26px;font-weight:650;line-height:1.15}.hw-comparison h2 span{color:#b8241c}.hw-comparison-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;display:grid}.hw-comparison-column{grid-template-rows:64px 268px auto auto 1fr;align-content:start;display:grid}.hw-comparison-column h3{border-top:2px solid var(--hw-navy);letter-spacing:0;grid-row:3;padding-top:14px;font:600 16px Heatr Instrument,sans-serif}.hw-comparison-value{white-space:nowrap;grid-row:1;align-items:center;gap:12px;padding-bottom:12px;display:flex}.hw-comparison-value strong{letter-spacing:-.04em;font:700 58px/.9 Heatr Bricolage,sans-serif}.hw-heatr-value strong{color:var(--hw-red)}.hw-projected{letter-spacing:.1em;text-transform:uppercase;color:#b8241c;border:1px dashed var(--hw-red);border-radius:999px;padding:4px 8px;font-size:10px}.hw-cost-bar{border-radius:12px 12px 0 0;grid-row:2;position:relative;overflow:hidden}.hw-mercury-bar{background:var(--hw-navy)}.hw-heatr-bar{background:#ede3d273;border:1.5px dashed #cfc2ab;border-bottom:0;flex-direction:column-reverse;justify-content:flex-start;display:flex}.hw-actual-fill{height:var(--actual-share);background:var(--hw-red);flex-shrink:0}.hw-forecast-fill{height:var(--forecast-share);background:#f2b8a6;flex-shrink:0;min-height:2.5px}.hot-water-design .hw-comparison-column>p{color:var(--hw-ink3);grid-row:4;margin-top:4px;font-size:13px;line-height:1.5}.hw-cost-key{color:var(--hw-ink3);white-space:nowrap;gap:12px;margin-top:8px;font-size:11px;display:flex}.hw-cost-key span{align-items:center;gap:5px;display:flex}.hw-cost-key i{background:var(--hw-red);border-radius:1px;width:8px;height:8px}.hw-cost-key span:last-child i{background:#f2b8a6}.hw-calculation{background:var(--hw-cream);padding-bottom:104px}.hw-calculation:not(:has(.hw-calculation-panel[open])){display:none}.hw-calculation-panel{background:var(--hw-paper);border:1px solid #ddd2bf;border-radius:20px;scroll-margin-top:20px;overflow:hidden}.hw-calculation-panel summary{cursor:pointer;align-items:center;gap:16px;padding:22px 32px;list-style:none;display:flex}.hw-calculation-panel summary::-webkit-details-marker{display:none}.hw-calc-title{letter-spacing:-.02em;font:700 24px/1.15 Heatr Bricolage,sans-serif}.hw-calc-subtitle{color:var(--hw-ink3);font-size:15px}.hw-calc-toggle{border:1px solid var(--hw-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;display:flex}.hw-calculation-panel[open] .hw-calc-toggle svg{transform:rotate(180deg)}.hw-calc-content{border-top:1px solid #ddd2bf;padding:28px 32px 32px}.hw-chart-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.hw-chart-heading h3{font:600 17px/1.4 Heatr Instrument,sans-serif}.hw-chart-legend{color:var(--hw-ink3);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.hw-chart-legend span{align-items:center;gap:7px;display:flex}.hw-chart-legend i{border-top:2px solid #8c96a0;width:20px}.hw-chart-legend span:nth-child(2) i{border-color:var(--hw-navy)}.hw-chart-legend span:nth-child(n+3) i{border-color:var(--hw-red)}.hw-chart-legend span:last-child i{border-top-style:dashed}.hw-cost-chart{width:100%;height:auto;display:block;overflow:visible}.hw-chart-mobile{display:none}.hw-method-grid{border-top:1px solid #ddd2bf;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:30px;padding-top:28px;display:grid}.hw-method-grid h4{text-transform:uppercase;letter-spacing:.1em;color:#b8241c;margin:0 0 10px;font:500 12px Heatr Mono,monospace}.hot-water-design .hw-method-grid p{border-top:1px solid #e6dccb;padding:9px 0;font-size:15px;line-height:1.5}.hw-method-grid strong{color:var(--hw-navy)}.hw-timing{background:var(--hw-paper);flex-direction:column;gap:56px;padding-block:112px;display:flex}.hw-section-heading{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:72px;display:grid}.hw-section-heading>div{flex-direction:column;gap:20px;display:flex}.hw-timing-panel{background:var(--hw-cream);border-radius:20px;flex-direction:column;gap:40px;padding:48px 48px 44px;display:flex}.hot-water-design .hw-timing-key{letter-spacing:-.025em;max-width:900px;color:var(--hw-navy);font-size:40px;font-weight:700;line-height:1.1}.hw-timing-key span,.hw-shifted h2 span{color:var(--hw-red)}.hw-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px;margin:0;padding:0;list-style:none;display:grid}.hw-steps li{flex-direction:column;gap:14px;display:flex;position:relative}.hw-step-icon{background:var(--hw-paper);border:2px solid var(--hw-navy);width:72px;height:72px;color:var(--hw-navy);border-radius:50%;justify-content:center;align-items:center;display:flex}.hw-step-icon-0{background:var(--hw-navy);color:var(--hw-cream)}.hw-step-icon-1{background:var(--hw-red);color:var(--hw-paper);border-color:var(--hw-red)}.hw-step-copy{flex-direction:column;gap:14px;display:flex}.hw-step-number{letter-spacing:.08em;color:var(--hw-ink3);font-size:12px}.hw-steps h3{letter-spacing:-.015em;font-size:23px;font-weight:650;line-height:normal}.hw-steps p{font-size:15px;line-height:1.5}.hw-step-arrow{position:absolute;top:26px;right:-42px}.hw-thermal{background:var(--hw-navy);color:var(--hw-cream);padding-top:112px}.hw-thermal-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px 64px;display:grid}.hw-thermal-heading{flex-direction:column;align-self:end;gap:28px;display:flex}.hw-thermal .hw-eyebrow{color:#f08a7e}.hot-water-design .hw-thermal-insight{letter-spacing:-.025em;color:#f2b8a6;border-left:4px solid var(--hw-red);padding-left:24px;font-size:40px;font-weight:650;line-height:1.1}.hw-thermal-copy{flex-direction:column;align-self:start;gap:28px;display:flex}.hw-thermal p{color:#c9d2d8}.hw-cylinder{grid-area:1/2/3;height:640px;position:relative}.hw-cylinder>img{object-fit:contain;width:294px;height:557px;position:absolute;top:40px;left:160px}.hw-cylinder-glow{pointer-events:none;background:radial-gradient(closest-side,#df2c2338,#18293e00);border-radius:999px;width:380px;height:560px;position:absolute;top:40px;left:110px}.hw-cylinder figcaption>span{color:#a9b6bf;flex-direction:column;font-size:14px;line-height:1.3;display:flex;position:absolute}.hw-cylinder figcaption strong{color:var(--hw-cream);white-space:nowrap;font-size:15px;font-weight:600}.hw-stored-label{top:230px;right:0}.hw-stored-label:before{content:"";background:#a9b6bf;width:70px;height:1px;position:absolute;top:12px;right:calc(100% + 10px)}.hw-controller-label{text-align:right;top:442px;left:0}.hw-controller-label:after{content:"";background:#a9b6bf;width:28px;height:1px;position:absolute;top:12px;left:calc(100% + 10px)}.hw-intelligent{border-top:1px solid #2f496b;grid-template-columns:minmax(0,5fr) minmax(0,5fr) auto;align-items:center;gap:56px;margin-top:72px;padding-block:48px 104px;display:grid}.hw-intelligent h3{letter-spacing:-.025em;font-size:36px;font-weight:700;line-height:1.1}.hw-intelligent h3 span{color:#f2b8a6}.hw-intelligent a{white-space:nowrap;color:var(--hw-cream);border:1.5px solid var(--hw-cream);text-align:center;border-radius:10px;padding:14px 20px;font-size:16px;font-weight:600}.hw-shifted{background:var(--hw-cream);grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:88px;padding-block:112px 120px;display:grid}.hw-shifted-copy{flex-direction:column;gap:24px;display:flex}.hw-shifted-copy>p{max-width:540px;font-size:20px;line-height:1.55}.hw-shifted-action{flex-direction:column;align-items:flex-start;gap:12px;padding-top:12px;display:flex}.hw-shifted-action a{background:var(--hw-red);color:var(--hw-paper);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:18px 28px;font-size:17px;font-weight:600;display:inline-flex}.hw-shifted-action a:hover{background:#8f1b15;text-decoration:none}.hw-shifted-action>span{color:var(--hw-ink2);font-size:15px}.hw-bill{position:relative}.hw-bill-tag{z-index:2;letter-spacing:.08em;background:var(--hw-red);color:var(--hw-paper);text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;top:-14px;left:24px}.hw-bill-card{background:var(--hw-paper);border:1px solid #ddd2bf;border-radius:20px;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 32px 60px -34px #18293e73}.hw-bill-header{background:var(--hw-navy);color:var(--hw-cream);flex-direction:column;gap:14px;padding:30px 30px 26px;display:flex}.hw-bill-brand-row,.hw-bill-total,.hw-bill-caption{justify-content:space-between;align-items:center;gap:8px;display:flex}.hw-shifted-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:26px;font-weight:700;display:flex}.hw-shifted-brand>span{background:#203754;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hw-bill-week{color:#c9d2d8;text-transform:uppercase;border:1px solid #38567c;border-radius:999px;padding:6px 10px;font-size:12px}.hw-bill-header p{color:#c9d2d8;font-size:15px;line-height:normal}.hw-bill-total{align-items:baseline}.hw-bill-total strong{letter-spacing:-.035em;font-size:56px;font-weight:700;line-height:1}.hw-bill-total>span{color:#a9b6bf;font-size:13px}.hw-bill-body{flex-direction:column;gap:20px;padding:24px 30px 26px;display:flex}.hw-bill-history,.hw-bill-cost{flex-direction:column;gap:10px;display:flex}.hw-bill-caption{font-size:14px}.hw-bill-caption strong{font-weight:600}.hw-bill-caption>span{color:var(--hw-ink3)}.hw-bill-bars,.hw-bill-weeks{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.hw-bill-bars{align-items:end;height:84px}.hw-bill-bars>span{background:#e6dccb;border-radius:5px 5px 0 0}.hw-bill-bars>span:last-child{background:var(--hw-navy)}.hw-bill-weeks{color:var(--hw-ink3);text-align:center;font-size:11px}.hw-bill-weeks>span:last-child{color:var(--hw-navy);font-weight:500}.hw-bill-segments{height:34px;color:var(--hw-paper);border-radius:8px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.hw-bill-segments>span{background:var(--hw-red);justify-content:center;align-items:center;width:26.5%;display:flex}.hw-bill-segments>span:nth-child(2){background:#6e7c88;width:41%}.hw-bill-segments>span:nth-child(3){background:var(--hw-navy);width:32.5%}.hw-bill-lines{margin:0;font-size:15px}.hw-bill-lines>div{border-top:1px solid #e6dccb;justify-content:space-between;gap:8px;padding:10px 0;display:flex}.hw-bill-lines dd{white-space:nowrap;margin:0}.hw-bill-lines strong{font-weight:600}.hw-bill-lines dt>strong{align-items:center;gap:8px;display:flex}.hw-bill-lines dt:not(:has(small)){align-items:center;gap:8px;display:flex}.hw-bill-lines i{background:var(--hw-red);border-radius:3px;width:10px;height:10px;display:inline-block}.hw-bill-lines>div:nth-child(2) i{background:#6e7c88}.hw-bill-lines>div:nth-child(3) i{background:var(--hw-navy)}.hw-bill-lines small{color:var(--hw-ink3);padding-left:18px;font-size:13px;display:block}.hw-bill-lines .hw-bill-subtotal{color:var(--hw-ink2);border-color:#ddd2bf;padding-bottom:4px}.hw-bill-lines .hw-bill-grand-total{border-top:2px solid var(--hw-navy);padding-bottom:0;font-size:17px;font-weight:700}.hw-bill-body>p{color:var(--hw-ink3);font-size:13px;line-height:1.5}@media (max-width:1250px) and (min-width:1024px){.hw-cost,.hw-shifted{column-gap:48px}.hw-shifted{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hw-comparison-values strong{font-size:54px}.hw-thermal-main{column-gap:32px}.hw-cylinder>img{left:90px}.hw-cylinder-glow{width:320px;left:40px}.hw-stored-label{top:190px}.hw-controller-label{top:510px}.hw-controller-label:after{width:20px}.hw-intelligent{grid-template-columns:1fr 1fr;gap:32px}.hw-intelligent a{grid-column:2;justify-self:start}.hw-steps{gap:32px}.hw-step-arrow{width:28px;right:-31px}.hw-timing-panel{padding:36px 28px}.hw-steps h3{font-size:21px}}@media (max-width:1023px){.hw-timing{gap:26px;padding-block:56px}.hw-section-heading{flex-direction:column;align-items:stretch;gap:18px;display:flex}.hw-section-heading>div{gap:18px}.hw-timing-panel{border-radius:18px;gap:24px;padding:26px 20px 28px}.hot-water-design .hw-timing-key{letter-spacing:-.02em;font-size:27px}.hw-steps{flex-direction:column;gap:0;display:flex}.hw-steps li{grid-template-columns:56px minmax(0,1fr);gap:16px;min-height:90px;padding-bottom:12px;display:grid}.hw-steps li:last-child{padding-bottom:0}.hw-steps li:not(:last-child):before{content:"";background:#cfc2ab;width:2px;position:absolute;top:56px;bottom:0;left:27px}.hw-step-icon{width:56px;height:56px}.hw-step-icon svg{width:26px;height:26px}.hw-step-icon-2 svg{width:20px;height:28px}.hw-step-copy{gap:3px;padding-top:4px}.hw-step-number{font-size:11px}.hw-steps h3{letter-spacing:normal;font-size:20px}.hw-steps p{font-size:15px}.hw-step-arrow{display:none}.hw-thermal{padding-block:60px 56px}.hw-thermal-main{flex-direction:column;align-items:stretch;gap:20px;display:flex}.hw-thermal-heading{align-self:stretch;gap:20px}.hot-water-design .hw-thermal-insight{letter-spacing:-.02em;border-left-width:3px;padding-left:16px;font-size:26px;line-height:1.15}.hw-cylinder{width:350px;max-width:100%;height:470px;margin:6px auto 4px!important}.hw-cylinder>img{width:232px;height:439px;top:12px;left:110px}.hw-cylinder-glow{width:260px;height:430px;top:20px;left:90px}.hw-cylinder figcaption>span{text-align:left;width:96px;font-size:13px;left:0;right:auto}.hw-cylinder figcaption strong{white-space:normal;font-size:14px}.hw-stored-label{top:132px}.hw-stored-label:before{width:50px;left:calc(100% + 8px);right:auto}.hw-controller-label{top:328px}.hw-controller-label:after{width:16px;left:calc(100% + 8px)}.hw-thermal-copy{align-self:stretch;gap:20px}.hw-intelligent{flex-direction:column;align-items:stretch;gap:20px;margin-top:40px;padding:30px 0 0;display:flex}.hw-intelligent h3{font-size:28px}.hw-intelligent a{min-height:52px}.hw-shifted{flex-direction:column;align-items:stretch;gap:48px;padding-block:56px 64px;display:flex}.hw-shifted-copy{gap:20px}.hw-shifted-copy>p{font-size:17px}.hw-shifted-action{align-items:stretch;padding-top:4px}.hw-shifted-action a{min-height:56px;padding:16px 20px}.hw-shifted-action>span{text-align:center;font-size:14px}.hw-bill{align-self:center;width:100%;max-width:520px}.hw-bill-tag{padding:6px 10px;font-size:11px;top:-12px;left:16px}.hw-bill-card{border-radius:18px;transform:none}.hw-bill-header{gap:12px;padding:26px 20px 20px}.hw-shifted-brand{font-size:24px}.hw-bill-week{padding:5px 9px;font-size:11px}.hw-bill-header p{font-size:14px}.hw-bill-total strong{font-size:44px}.hw-bill-total>span{font-size:11px}.hw-bill-body{gap:18px;padding:20px}.hw-bill-caption{font-size:13px}.hw-bill-bars{gap:6px;height:60px}.hw-bill-weeks{gap:6px;font-size:10px}.hw-bill-segments{height:30px;font-size:12px}.hw-bill-lines{font-size:14px}.hw-bill-lines small{font-size:12px}.hw-bill-lines .hw-bill-grand-total{font-size:16px}.hw-bill-body>p{font-size:12px}}@media (max-width:374px){.hw-cylinder{height:430px}.hw-cylinder>img{width:calc(100% - 92px);height:auto;left:92px}.hw-cylinder-glow{width:calc(100% - 60px);height:390px;left:60px}.hw-cylinder figcaption>span{width:82px}.hw-controller-label{top:300px}.hw-stored-label:before{width:30px}.hw-bill-total{flex-wrap:wrap}.hw-steps li{padding-bottom:18px}}.hw-step-icon img{width:32px;height:32px}.hw-step-icon-2 img{width:26px;height:36px}.hw-step-copy{gap:14px}.hw-controller-overlay{perspective:320px;width:60px;height:92px;position:absolute;top:416px;left:172px}.hw-controller-overlay>div{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateY(-34deg)}.hw-controller-side{transform-origin:0;background:linear-gradient(#cfc9bf,#b8b1a6);border-radius:0 5px 5px 0;width:12px;height:100%;position:absolute;top:0;left:100%;transform:rotateY(90deg)}.hw-controller-face{background:linear-gradient(100deg,#d7d2c9,#ece9e3 45%,#f7f5f1);border:1px solid #c2bcb2;border-radius:8px;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 7px 14px #0006,inset 0 1px #fffd}.hw-controller-face img{width:32px;height:48px;margin-top:14px}.hw-controller-face i{background:#b3aca1;border-radius:50%;width:3.5px;height:3.5px;position:absolute;top:5px;left:5px}.hw-controller-face i:nth-child(2){left:auto;right:5px}.hw-controller-face i:nth-child(3){top:auto;bottom:5px}.hw-controller-face i:nth-child(4){inset:auto 5px 5px auto}.hw-controller-face b{background:#3bb273;border-radius:50%;width:4px;height:4px;position:absolute;bottom:10px;box-shadow:0 0 5px #3bb273cc}.hw-controller-cable{background:#1f1f1f;border-radius:0 0 3px 3px;width:5px;height:50px;position:absolute;top:506px;left:199.5px}.hw-controller-cable:before{content:"";background:#2a2a2a;border-radius:3px;width:16px;height:11px;position:absolute;top:-2px;left:-5.5px}@media (min-width:1024px) and (max-width:1250px){.hw-cost{gap:32px}.hw-comparison{padding-inline:24px}.hw-comparison-columns{gap:20px}.hw-comparison-value{gap:6px}.hw-comparison-value strong{font-size:44px}.hw-projected{padding:4px;font-size:8px}.hw-cost-key{flex-wrap:wrap}.hw-controller-overlay{left:102px}.hw-controller-cable{left:129.5px}}@media (max-width:1023px){.hot-water-design .hw-section{padding-inline:20px}.hot-water-design h1{font-size:44px;line-height:1}.hot-water-design h2{font-size:34px;line-height:1.04}.hw-cost{flex-direction:column;align-items:stretch;gap:0;padding-block:40px 20px;display:flex}.hw-cost-intro{align-self:auto;gap:22px}.hot-water-design .hw-lead{font-size:17px;line-height:1.55}.hw-chips{gap:6px;font-size:12px}.hw-chips>span{padding:7px 10px}.hw-comparison{border-radius:18px;min-height:0;padding:22px 20px;margin-top:32px!important}.hot-water-design .hw-comparison h2{margin-bottom:24px;font-size:23px;line-height:1.15}.hw-comparison-columns{border-left:2px solid var(--hw-navy);flex-direction:column;gap:22px;display:flex}.hw-comparison-column{flex-direction:column;gap:12px;display:flex}.hw-comparison-column h3{border:0;padding:0 0 0 14px;font-size:16px}.hw-comparison-value{gap:14px;padding:0 0 0 14px}.hw-comparison-value strong{font-size:46px;line-height:1}.hw-projected{padding:4px 8px;font-size:11px}.hw-cost-bar{border-radius:0 8px 8px 0;height:30px}.hw-heatr-bar{border-bottom:1.5px dashed #cfc2ab;border-left:0;flex-direction:row}.hw-actual-fill{width:var(--actual-share);height:100%}.hw-forecast-fill{width:var(--forecast-share);min-width:2.5px;height:100%}.hot-water-design .hw-comparison-column>p{margin:0;padding-left:14px;font-size:14px;line-height:1.45}.hw-desktop-break{display:none}.hw-cost-key{gap:18px;margin:0;padding-left:14px;font-size:13px}.hw-cost-key i{width:10px;height:10px}.hw-cost-notes{border:0;margin-top:24px;padding:0}.hw-cost-notes p{font-size:14px;line-height:1.55}.hw-cost-notes a{width:fit-content;padding-block:16px;font-size:15px;display:block}.hw-calculation{padding-bottom:52px}.hw-calculation-panel{border-radius:18px}.hw-calculation-panel summary{grid-template-columns:1fr 44px;gap:5px 12px;padding:18px 20px;display:grid}.hw-calc-title{font-size:21px}.hw-calc-subtitle{grid-row:2;font-size:15px}.hw-calc-toggle{grid-area:1/2/3;width:44px;height:44px}.hw-calc-content{padding:22px 18px 28px}.hw-chart-heading{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:14px}.hw-chart-heading h3{font-size:16px;line-height:1.3}.hw-chart-legend{gap:12px 16px;font-size:13px}.hw-chart-legend i{width:18px}.hw-chart-desktop{display:none}.hw-chart-mobile{display:block}.hw-method-grid{flex-direction:column;gap:28px;margin-top:28px;padding-top:26px;display:flex}.hw-method-grid h4{font-size:12px}.hot-water-design .hw-method-grid p{padding:10px 0;font-size:15px;line-height:1.55}.hw-step-copy{gap:3px}.hw-step-icon img{width:26px;height:26px}.hw-step-icon-2 img{width:20px;height:28px}.hw-controller-overlay{width:48px;height:73px;top:309px;left:119px}.hw-controller-side{width:10px}.hw-controller-face img{width:26px;height:39px;margin-top:11px}.hw-controller-face b{bottom:8px}.hw-controller-cable{height:42px;top:380px;left:141px}body:has(.hot-water-design) .compact-footer .footer-contact{flex-direction:column;align-items:flex-start;gap:22px}body:has(.hot-water-design) .compact-footer>span{border-top:1px solid #2f496b;width:100%;margin-top:4px;padding-top:24px}body:has(.hot-water-design) .compact-footer>a:last-child{border-top:1px solid #2f496b;width:100%;margin-top:4px;padding-top:24px}body:has(.hot-water-design) .compact-footer>a:last-child{justify-content:flex-end}}@media (min-width:600px) and (max-width:1023px){.hot-water-design .hw-section{padding-inline:24px}}@media (max-width:374px){.hw-cost-key{flex-wrap:wrap;gap:6px}.hw-controller-overlay{transform-origin:0 0;top:calc(128vw - 156.96px);left:calc(4% + 88.32px);transform:scale(.86)}.hw-controller-cable{display:none}}