/* ProComfort: typographic edition. Only hero copy and actions are restyled. */
@font-face{font-family:"PK Narrow";src:url("./fonts/pt-sans-narrow-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PK Narrow";src:url("./fonts/pt-sans-narrow-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
.petertel-body .pk-climate-slider .pk-hero-copy,
.petertel-body .pk-climate-slider .pk-hero-actions{--pk-ink:#edf1e9;--pk-muted:#c3ced0;--pk-rule:#acc1c049;--pk-accent:#a8d7e1;--pk-button-ink:#15232b;--pk-button-fill:#c9e0df;padding-left:25px}
.petertel-body .pk-climate-slider .pk-aurus .pk-hero-copy,
.petertel-body .pk-climate-slider .pk-aurus .pk-hero-actions{--pk-ink:#efe5d2;--pk-muted:#d0c5b5;--pk-rule:#c5a77950;--pk-accent:#d4b579;--pk-button-ink:#2b2119;--pk-button-fill:#dfc899}
.petertel-body .pk-climate-slider .pk-rinnai .pk-hero-copy,
.petertel-body .pk-climate-slider .pk-rinnai .pk-hero-actions{--pk-ink:#493c30;--pk-muted:#6e5d4c;--pk-rule:#8e6e4b55;--pk-accent:#87613b;--pk-button-ink:#fff8ec;--pk-button-fill:#765134}
.petertel-body .pk-climate-slider .pk-hero-copy{padding-top:32px}
.petertel-body .pk-climate-slider .pk-hero-copy:before,
.petertel-body .pk-climate-slider .pk-hero-actions:before{content:"";position:absolute;left:0;width:1px;background:var(--pk-rule);pointer-events:none}
.petertel-body .pk-climate-slider .pk-hero-copy:before{top:32px;bottom:0}
.petertel-body .pk-climate-slider .pk-hero-actions:before{top:0;bottom:28px}
.petertel-body .pk-climate-slider .pk-hero-eyebrow{display:flex;align-items:center;gap:14px;min-height:26px;margin:0;color:var(--pk-muted);font:400 13px/1.3 "PK Narrow","Arial Narrow",Arial,sans-serif;letter-spacing:.8px}
.petertel-body .pk-climate-slider .pk-hero-folio{display:flex;align-items:center;justify-content:center;flex:none;min-width:27px;height:26px;border:1px solid var(--pk-rule);color:var(--pk-accent);font:700 14px/1 "PK Narrow","Arial Narrow",Arial,sans-serif;letter-spacing:0}
.petertel-body .pk-climate-slider .pk-hero-copy>:is(h1,h2){margin:17px 0 15px;color:var(--pk-ink);font:700 clamp(58px,5.4vw,78px)/.94 "PK Narrow","Arial Narrow",Arial,sans-serif;letter-spacing:-.8px;text-transform:uppercase;font-synthesis:none}
.petertel-body .pk-climate-slider .pk-hero-copy .pk-hero-lead{display:block;margin:0 0 9px;color:var(--pk-ink);font:400 25px/1.1 "PK Narrow","Arial Narrow",Arial,sans-serif;letter-spacing:-.1px;text-transform:none}
.petertel-body .pk-climate-slider .pk-hero-copy .pk-hero-line{display:block;font:inherit;letter-spacing:inherit;color:inherit}
.petertel-body .pk-climate-slider .pk-hero-copy .pk-hero-line--offset{padding-left:38px;color:var(--pk-accent)}
.petertel-body .pk-climate-slider .pk-hero-copy>p{max-width:400px;margin:0;color:var(--pk-muted);font:400 17px/1.4 "PK Narrow","Arial Narrow",Arial,sans-serif;letter-spacing:.05px}
.petertel-body .pk-climate-slider .pk-hero-actions{padding-top:20px;padding-bottom:28px}
.petertel-body .pk-climate-slider .pk-hero-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;width:min(100%,326px);box-sizing:border-box;margin:0;padding:0 0 0 17px;border:1px solid var(--pk-button-fill);border-radius:0;background:var(--pk-button-fill);box-shadow:none;color:var(--pk-button-ink)!important;font:700 17px/1.25 "PK Narrow","Arial Narrow",Arial,sans-serif;letter-spacing:.1px;text-decoration:none;transform:none;transition:background .18s,color .18s}
.petertel-body .pk-climate-slider .pk-hero-button>svg{display:block;flex:0 0 51px;box-sizing:border-box;width:51px;height:50px;padding:16px;border-left:1px solid currentColor;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.petertel-body .pk-climate-slider .pk-hero-button:hover{background:transparent;color:var(--pk-ink)!important;filter:none;transform:none}
.petertel-body .pk-climate-slider .pk-hero-button:focus-visible{outline:2px solid var(--pk-accent);outline-offset:5px}
.petertel-body .pk-climate-slider .pk-calculator-steps{display:flex;justify-content:flex-start;align-items:flex-start;gap:14px;margin-top:22px;color:var(--pk-muted);white-space:normal;font:400 13px/1.3 "PK Narrow","Arial Narrow",Arial,sans-serif}
.petertel-body .pk-climate-slider .pk-calculator-steps>span{display:block;flex:0 1 auto}
.petertel-body .pk-climate-slider .pk-calculator-steps b{display:block;margin-bottom:4px;color:var(--pk-accent);font:700 12px/1 "PK Narrow","Arial Narrow",Arial,sans-serif}
.petertel-body .pk-climate-slider .pk-calculator-steps>i{display:block;width:16px;height:1px;margin-top:6px;background:var(--pk-rule);flex:none}
.petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features){display:flex;gap:0;margin:22px 0 0}
.petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features)>div{padding:0 18px;border-color:var(--pk-rule)}
.petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features)>div:first-child{padding-left:0}
.petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features) dt{color:var(--pk-ink);font:700 20px/1.1 "PK Narrow","Arial Narrow",Arial,sans-serif}
.petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features) dd{margin:5px 0 0;color:var(--pk-muted);font:400 13px/1.25 "PK Narrow","Arial Narrow",Arial,sans-serif}
/* The CMS-controlled AURUS heading keeps its complete text and wraps as a poster. */
.petertel-body .pk-climate-slider .pk-aurus .pk-hero-copy>h2{max-width:9.2ch;font-size:clamp(48px,4.45vw,64px);line-height:.95}
@media(min-width:761px) and (max-width:1100px){
 .petertel-body .pk-climate-slider .pk-hero-copy,
 .petertel-body .pk-climate-slider .pk-hero-actions{padding-left:18px}
 .petertel-body .pk-climate-slider .pk-hero-copy{padding-top:35px}
 .petertel-body .pk-climate-slider .pk-hero-copy:before{top:35px}
 .petertel-body .pk-climate-slider .pk-hero-eyebrow{gap:9px;font-size:12px;letter-spacing:.4px}
 .petertel-body .pk-climate-slider .pk-hero-copy>p{font-size:16px;max-width:290px}
 .petertel-body .pk-climate-slider .pk-hero-copy .pk-hero-line--offset{padding-left:24px}
 .petertel-body .pk-climate-slider .pk-hero-button{gap:12px;font-size:16px}
 .petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features)>div{padding-inline:10px}
 .petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features) dt{font-size:18px}
 .petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features) dd{font-size:12px}
 .petertel-body .pk-climate-slider .pk-calculator-steps{gap:9px;font-size:12px}
 .petertel-body .pk-climate-slider .pk-calculator-steps>i{width:8px}
}
@media(max-width:760px){
 .petertel-body .pk-climate-slider .pk-hero-copy,
 .petertel-body .pk-climate-slider .pk-hero-actions{padding-left:17px}
 .petertel-body .pk-climate-slider .pk-hero-copy{padding-top:0}
 .petertel-body .pk-climate-slider .pk-hero-copy:before{top:0}
 .petertel-body .pk-climate-slider .pk-hero-actions:before{bottom:0}
 .petertel-body .pk-climate-slider .pk-hero-eyebrow{gap:10px;font-size:12px;letter-spacing:.5px;min-height:26px}
 .petertel-body .pk-climate-slider .pk-hero-copy>:is(h1,h2){font-size:clamp(48px,13vw,70px);margin:16px 0 14px;line-height:.95;letter-spacing:-.5px}
 .petertel-body .pk-climate-slider .pk-hero-copy .pk-hero-lead{font-size:24px;margin-bottom:7px}
 .petertel-body .pk-climate-slider .pk-hero-copy .pk-hero-line--offset{padding-left:22px}
 .petertel-body .pk-climate-slider .pk-hero-copy>p{max-width:34em;font-size:17px;line-height:1.4}
 .petertel-body .pk-climate-slider .pk-hero-actions{padding-top:17px;padding-bottom:0}
 .petertel-body .pk-climate-slider .pk-hero-button{display:flex;width:100%;min-height:52px;gap:12px;font-size:17px}
 .petertel-body .pk-climate-slider .pk-calculator-steps{display:flex;justify-content:space-between;gap:9px;margin-top:19px;font-size:12px}
 .petertel-body .pk-climate-slider .pk-calculator-steps>span{display:block;text-align:left}
 .petertel-body .pk-climate-slider .pk-calculator-steps>i{display:none}
 .petertel-body .pk-climate-slider .pk-calculator-steps b{font-size:12px}
 .petertel-body .pk-climate-slider .pk-aurus .pk-hero-copy>h2{max-width:9.2ch;font-size:clamp(46px,11.8vw,61px);line-height:.95}
 .petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features)>div{padding-inline:12px}
 .petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features) dt{font-size:19px}
 .petertel-body .pk-climate-slider :is(.pk-aurus-features,.pk-rinnai-features) dd{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.petertel-body .pk-climate-slider .pk-hero-button{transition:none}}
