.brand span{font-size:.75rem;letter-spacing:.045em;white-space:nowrap}
.hero-description,.section-heading>p,.heating-information [role=tabpanel]>p:not(.product-kicker),.smart-copy .intro,.smart-features p,.project>p,.steps p,details>p,.contact-section p:not(.eyebrow):not(.contact-hint){font-size:1rem}
.site-header nav>a,.benefits>div,.checklist,.tabs button,.text-link,.footer-top>div{font-size:.875rem}
.smart-features h3{line-height:1.5}
.footer-top .brand span{font-size:.75rem;letter-spacing:.045em}
.hero .eyebrow,.eyebrow,.product-kicker,.photo-label,.project-image>span,.hero-note,.image-caption,.app-note,.technical-note,.footer-bottom,.spec-strip p,.spec-strip>a span,.contact-section .contact-hint{font-size:.75rem}
@media(max-width:640px){.brand span,.footer-top .brand span{font-size:.75rem;letter-spacing:0}.tabs{gap:17px}.benefits>div{font-size:.875rem;line-height:1.5}.benefits svg{width:22px;height:22px}.footer-top>div{font-size:.875rem;overflow-wrap:anywhere}.hero-buttons .text-link{font-size:.875rem}.hero-buttons{gap:20px}.contact-section .contact-location p{font-size:.875rem!important}}
@media(max-width:380px){.nav-actions>.button{display:none}.hero-buttons{gap:17px}.hero h1{font-size:2.7rem}.hero-buttons .button{padding:15px 18px}.tabs{gap:12px}.tabs button{font-size:.875rem}}