/* KLARES HANDWERK — a complete composition for the four heating service pages.
   Reading order: relevance > choice > service > reasons > process > FAQ > enquiry.
   Palette source: index.html > home-art-motion.css (.home26.home-art-directed). Editorial accents are blue; magenta identifies primary actions. */
.heat-art{--issue-paper:#f4f6f8;--issue-ink:#16344b;--issue-line:#d8e0e7;background:#f4f6f8;color:#16344b}
.heat-art .issue-wrap{width:min(1360px,calc(100% - 96px))}
.heat-art h2{font-size:clamp(2.4rem,4vw,4.15rem);line-height:1.03;letter-spacing:-.035em}
.heat-art h3{letter-spacing:-.018em}
.heat-art .issue-eyebrow{font-size:.7rem;letter-spacing:.12em;color:#215d85}
.heat-art .heat-hero{min-height:650px;padding-bottom:72px;background:#102b40}
.heat-art .heat-hero::before{background:linear-gradient(90deg,#102b40ed 0%,#102b40b8 48%,#102b4033 100%)}
.heat-art .heat-hero h1{font-size:clamp(2.5rem,4.1vw,4.2rem);line-height:1.04;font-weight:500;letter-spacing:-.045em}
.heat-art .heat-hero h1 em{font-size:clamp(3.5rem,6.8vw,6.8rem);font-weight:600;color:#ffffff;margin-top:15px}
.heat-art .heat-hero-copy{max-width:890px}
.heat-art .heat-hero-copy>p:not(.issue-eyebrow):not(.heat-hero-note){max-width:590px;font-size:1rem;line-height:1.7;margin:26px 0}
.heat-art .heat-breadcrumb{padding-bottom:42px}
.heat-art .issue-button{border-radius:10px;padding:16px 22px}
.heat-art .heat-urgent{padding:22px 0;font-size:.82rem}
/* The first choice is a compact route, not another large questionnaire. */
.heat-art .heat-choice-section{display:block;padding:64px 0 76px;border-top:0}
.heat-art .heat-choice-section>header{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 50px;align-items:end;margin:0 0 32px;text-align:left;max-width:none}
.heat-art .heat-choice-section .issue-eyebrow{grid-column:1/-1;margin-bottom:3px!important}
.heat-art .heat-choice-section h2{max-width:none;font-size:clamp(2rem,3.2vw,3rem)}
.heat-art .heat-choice-section header>p:not(.issue-eyebrow){max-width:330px;justify-self:end;margin:0;font-size:.86rem}
.heat-art .heat-choice-section .issue-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #aebfce;border-bottom:1px solid #aebfce}
.heat-art .heat-service-choice{display:flex;flex-direction:column;padding:26px 28px 20px 0;min-width:0;background:transparent;border:0;border-radius:0}
.heat-art .heat-service-choice+article{padding-left:28px;border-left:1px solid #d8e0e7}
.heat-art .heat-service-choice h3{font-size:1.45rem;line-height:1.16;margin:0 0 12px}
.heat-art .heat-service-choice p{font-size:.85rem;line-height:1.6;color:#536574;margin:0 0 15px}
.heat-art .heat-choice-link{margin-top:auto;min-height:44px;display:flex;align-items:center;font-size:.8rem;font-weight:600;text-decoration:none;color:#8e164c;padding:10px 0}
.heat-art .heat-choice-link:hover{text-decoration:underline;text-underline-offset:5px}
/* Editorial service story: tall image left, headline and scope right. */
.heat-art .heat-story{display:grid;grid-template-columns:1.03fr 1fr;column-gap:clamp(35px,6vw,90px);padding:30px 0 105px;border:0}
.heat-art .issue-support-intro{grid-column:2;text-align:left;margin:0;max-width:none;align-self:end}
.heat-art .issue-support-intro h2{margin:0}
.heat-art .heat-story-body{display:contents}
.heat-art .heat-story-picture{grid-column:1;grid-row:1/3;align-self:stretch;border-radius:0;position:relative;background:#f4f6f8;display:flex;flex-direction:column}
.heat-art .heat-story-picture img{flex:1;min-height:430px;aspect-ratio:4/5;object-fit:cover;object-position:55% center;width:100%}
.heat-art .heat-story-picture figcaption{padding:25px 27px;font-size:1.06rem;line-height:1.4;background:#f4f6f8}
.heat-art .heat-story-explanation{grid-column:2;margin-top:28px;min-width:0}
.heat-art .heat-story-lead{display:none}
.heat-art .heat-story .issue-checks{display:block;margin:0}
.heat-art .heat-story .issue-checks article{display:block;padding:22px 0;border:0;border-top:1px solid #d8e0e7;background:none;margin:0}
.heat-art .heat-story .issue-check-symbol{display:none}
.heat-art .heat-story .issue-checks h3{font-size:1.5rem;margin:0 0 10px}
.heat-art .heat-story .issue-checks p{font-size:.9rem;line-height:1.7;max-width:500px}
/* Trust is grounded in inspectable information, not counters or badges. */
.heat-art .heat-reasons{padding:80px 0 95px;position:relative;isolation:isolate}
.heat-art .heat-reasons::before{content:"";position:absolute;inset:0 calc((min(1360px,100vw - 96px) - 100vw)/2);background:#f4f6f8;z-index:-1}
.heat-art .heat-reasons header{text-align:center;margin:0 auto 48px;max-width:850px}
.heat-art .heat-reason-list{display:grid;grid-template-columns:1.15fr 1fr;gap:0 70px}
.heat-art .heat-reason-list article{padding:26px 0;border-top:1px solid #b7c9d6;min-width:0}
.heat-art .heat-reason-list .heat-price-evidence{grid-row:1/3;border:0;background:#fff;padding:36px 40px}
.heat-art .heat-price-reference>span{font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:#215d85}
.heat-art .heat-price-reference strong{display:block;font:500 clamp(2rem,3.5vw,3.5rem)/1.02 Barlow,Arial,sans-serif;letter-spacing:-.03em;margin:18px 0 30px;color:#215d85}
.heat-art .heat-reason-list h3{font-size:1.6rem;line-height:1.15;margin:0 0 15px}
.heat-art .heat-reason-list p{font-size:.9rem;line-height:1.75;color:#536574;margin:0 0 17px}
.heat-art .heat-reason-list a{font-size:.83rem;font-weight:600;color:#215d85;text-underline-offset:5px}
/* One dark chapter changes the pace and explains the commitment. */
.heat-art .issue-cost{position:relative;isolation:isolate;background:#16344b;border-radius:0;padding:85px 0;gap:90px;grid-template-columns:1.1fr 1fr;grid-template-areas:"steps heading";align-items:center}
.heat-art .issue-cost::before{content:"";position:absolute;inset:0 calc((min(1360px,100vw - 96px) - 100vw)/2);background:#16344b;z-index:-1}
.heat-art .issue-cost h2{font-size:clamp(2.5rem,3.7vw,3.8rem)}
.heat-art .issue-cost .issue-eyebrow,.heat-art .issue-step-mark{color:#ffffff}
.heat-art .issue-step-mark{border:0;border-radius:0;width:42px;height:44px;background:transparent;font:500 2.5rem/1 Barlow,Arial,sans-serif;letter-spacing:-.04em}
.heat-art .issue-process li{grid-template-columns:42px 1fr;gap:23px;padding:0 0 30px}
.heat-art .issue-process li:last-child{padding-bottom:0}
.heat-art .issue-process li::after{display:none}
.heat-art .issue-process h3{font-size:1.5rem}
.heat-art .issue-process p{font-size:.86rem;line-height:1.65}
.heat-art .issue-step-label{font-size:.67rem;color:#afc7db}
/* One FAQ, then the final enquiry. */
.heat-art .issue-faq{padding:80px 0 70px}
.heat-art .issue-faq>div:first-child{text-align:center;max-width:850px;margin:0 auto 30px}
.heat-art .issue-faq>div:last-child{max-width:860px;margin:auto;width:100%}
.heat-art .issue-faq summary{font-size:.96rem;padding:24px 0}
.heat-art .issue-faq details>p{font-size:.91rem;line-height:1.7}
.heat-art .issue-contact{border-top:1px solid #d8e0e7;padding:75px 0 90px;align-items:center;grid-template-columns:1.1fr 1fr;grid-template-areas:"form copy";gap:80px}
.heat-art .issue-contact-copy{grid-area:copy;position:static}
.heat-art .issue-contact-copy h2{font-size:clamp(2.5rem,3.6vw,3.8rem)}
.heat-art .issue-form{grid-area:form;border-radius:0;box-shadow:none;border:1px solid #ccdae5;background:#ffffff;padding:35px}
.heat-art .heat-request-outcome{border-left:0;border-top:1px solid #cbd9e3;background:none;border-radius:0;padding:22px 0 0;margin-top:28px}
.heat-art .issue-form input,.heat-art .issue-form select,.heat-art .issue-form textarea{border-radius:8px}
@media(min-width:1700px){.heat-art .heat-hero{min-height:740px}}
@media(max-width:1000px){.heat-art .issue-wrap{width:calc(100% - 56px)}.heat-art .heat-reasons::before,.heat-art .issue-cost::before{inset:0 -28px}.heat-art .heat-hero{min-height:600px}.heat-art .heat-story{column-gap:35px}.heat-art .heat-story-picture img{min-height:380px}.heat-art .heat-reason-list{gap:0 35px}.heat-art .issue-cost,.heat-art .issue-contact{gap:40px}.heat-art .issue-form{padding:26px}}
@media(max-width:760px){.heat-art .issue-wrap{width:calc(100% - 40px)}.heat-art .heat-hero{min-height:0;padding-bottom:48px}.heat-art .heat-hero::before{background:linear-gradient(90deg,#102b40ed,#102b40ab)}.heat-art .heat-hero h1{font-size:clamp(2rem,6.5vw,2.7rem)}.heat-art .heat-hero h1 em{font-size:clamp(3rem,10vw,4.6rem);margin-top:13px}.heat-art .heat-hero-copy>p:not(.issue-eyebrow):not(.heat-hero-note){font-size:.94rem}.heat-art .heat-breadcrumb{padding-bottom:30px}.heat-art .heat-choice-section{padding:40px 0 50px}.heat-art .heat-choice-section>header{display:block;margin-bottom:24px}.heat-art .heat-choice-section header>p:not(.issue-eyebrow){margin:15px 0 0;max-width:none}.heat-art .heat-choice-section .issue-cases{grid-template-columns:1fr}.heat-art .heat-service-choice,.heat-art .heat-service-choice+article{padding:22px 0 15px;border:0}.heat-art .heat-service-choice+article{border-top:1px solid #d8e0e7}.heat-art .heat-service-choice p{margin-bottom:7px}.heat-art .heat-story{display:flex;flex-direction:column;padding:0 0 50px;gap:25px}.heat-art .issue-support-intro{align-self:stretch}.heat-art .heat-story-body{display:flex;flex-direction:column;gap:22px;margin:0}.heat-art .heat-story-picture img{min-height:0;aspect-ratio:4/3;flex:none}.heat-art .heat-story-picture figcaption{padding:20px;font-size:.96rem}.heat-art .heat-story-explanation{margin:0}.heat-art .heat-story .issue-checks h3{font-size:1.35rem}.heat-art .heat-reasons{padding:45px 0 50px}.heat-art .heat-reasons::before,.heat-art .issue-cost::before{inset:0 -20px}.heat-art .heat-reasons header{margin-bottom:30px}.heat-art .heat-reason-list{display:block}.heat-art .heat-reason-list .heat-price-evidence{padding:25px;margin-bottom:25px}.heat-art .heat-price-reference strong{font-size:2.6rem}.heat-art .heat-reason-list h3{font-size:1.4rem}.heat-art .issue-cost{grid-template-columns:1fr;grid-template-areas:"heading" "steps";padding:50px 0;gap:32px}.heat-art .issue-process{padding-top:25px}.heat-art .issue-cost h2{font-size:2.6rem}.heat-art .issue-faq{padding:50px 0}.heat-art .issue-faq summary{font-size:.88rem;padding:20px 0}.heat-art .issue-contact{display:flex;flex-direction:column;align-items:stretch;padding:45px 0 55px;gap:28px}.heat-art .issue-contact-copy h2{font-size:2.6rem}.heat-art .issue-form{padding:24px 20px}.heat-art h2{font-size:clamp(2.2rem,8vw,3rem)}}