/* Readable live text at desktop and mobile sizes; retain original photo assets. */
:root{--ink:#242628;--muted:#595b5d}
body{font-size:16px}
h1,h2{font-weight:600}
h3{font-weight:500}
.hero h1,.page-intro h1{letter-spacing:-.5px}
.nav nav{font-size:16px;font-weight:500}
.nav-cta{font-size:15px;font-weight:500}
.wordmark small,.footer-main .wordmark small{color:#565656}
.eyebrow,.hero .eyebrow{font-size:12px;color:#66635e;letter-spacing:1.5px}
.breadcrumb{font-size:14px;color:#5d5a55}
.hero-description,.intro-description{font-size:18px;color:#50514f}
.reading,.about-copy>p:not(.eyebrow){font-size:17px;color:#55534e;line-height:1.95}
.section-heading>p,.product p,.catalog-item p,.catalog-item dl,
.editorial-grid p,.services p,.faq details p{font-size:16px;color:#5d5953;line-height:1.9}
.services .need{font-size:17px;color:#353735}
.services h3,.product-title h3{font-size:21px}
.contact-copy>p:not(.eyebrow){font-size:17px;color:#59564f}
.contact-details,.contact-lines{font-size:15px;color:#56524b}
.contact-details>span{font-size:13px}
.button,.submit,.text-link{font-size:15px}
.intent-tabs button{font-size:16px}
label{font-size:14px;color:#4d4b46}
input:not([type=hidden]),textarea{font-size:16px;color:#292b2c}
input::placeholder,textarea::placeholder{font-size:14px;color:#716b62}
.pending-inline,.hero-foot,.product-title>span,.brand-editorial>span,
.service-tag,.about-facts small,.reading .small-note,.form-note,
.footer-main p,.footer-address p,.back-top,.footer-bottom,.image-disclosure{font-size:13px;color:#686259}
.hero-visual figcaption,.about-visual figcaption,.page-image figcaption{font-size:12px;color:#55514b;background:#fffffff2;padding:5px 10px}
.service-number,.index-number{color:#827b71}
.footer-bottom button{font-size:13px}
.footer-main .wordmark small{font-size:11px}
.inquiry-result,.inquiry-result pre{font-size:15px}
@media(min-width:1800px){
 .hero-description,.intro-description{font-size:20px}
 .reading,.about-copy>p:not(.eyebrow){font-size:19px}
 .section-heading>p,.product p,.catalog-item p,.catalog-item dl,.services p,.editorial-grid p,.faq details p{font-size:18px}
 .eyebrow,.hero .eyebrow{font-size:13px}
 .nav nav{font-size:17px}
}
@media(min-width:761px) and (max-width:1100px){
 .nav nav{font-size:14px;gap:14px}
 .nav-cta{font-size:13px;padding-left:15px}
 .nav{gap:16px}
}
@media(max-width:760px){
 .hero h1,.page-intro h1{font-size:35px}
 .eyebrow,.hero .eyebrow,.section-heading .eyebrow,.brands .eyebrow,.about-copy .eyebrow,.contact-copy .eyebrow{font-size:11px;letter-spacing:1px}
 .nav-cta,.menu-toggle{font-size:12px}
 .nav nav{font-size:15px}
 .hero-description,.intro-description,.reading,.about-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow){font-size:15px}
 .section-heading>p,.product p,.catalog-item p,.catalog-item dl,.editorial-grid p,.services p,.faq details p{font-size:14px}
 .section-heading{flex-wrap:wrap;gap:12px}
 .section-heading>p{max-width:none}
 .services{grid-template-columns:1fr}
 .services article{border-bottom:1px solid var(--line);padding:20px 0}
 .services article:last-child{border:0}
 .services .need{font-size:15px}
 .services h3{font-size:20px}
 .product-title{align-items:start;flex-direction:column;gap:3px}
 .product-title h3{font-size:17px}
 .button,.text-link,.submit{font-size:14px}
 .intent-tabs button{font-size:14px}
 label{font-size:13px}
 .pending-inline,.product-title>span,.brand-editorial>span,.service-tag,.about-facts small,.reading .small-note,.form-note,.footer-main p,.footer-address p,.back-top,.footer-bottom,.image-disclosure{font-size:12px}
 .hero-visual figcaption,.about-visual figcaption,.page-image figcaption{font-size:11px}
 .footer-main .wordmark small{font-size:10px}
 .contact-details{font-size:14px}
 .phone{font-size:27px}
}