:root{--serif:"Cormorant Garamond",Garamond,Georgia,serif;--sans:Montserrat,"Avenir Next",Arial,sans-serif}
body{font-family:var(--sans);font-weight:300;letter-spacing:.005em;line-height:1.7}
button,input,select,textarea{font-family:var(--sans)}
h1,h2,h3,.statement-text,.project-name,.hero-note strong{font-family:var(--serif);font-weight:400}
.hero h1,.section-heading h2,.process h2,.about h2,.contact h2{font-weight:400;letter-spacing:-.012em;line-height:1.1}
.hero h1{font-size:clamp(30px,3.2vw,46px)}
.section-heading h2,.process h2,.about h2,.contact h2{font-size:clamp(45px,5vw,76px)}
.statement-text{font-size:clamp(30px,4vw,56px);letter-spacing:-.012em;line-height:1.25}
.service-card h3{font-size:clamp(36px,3vw,48px);font-weight:400;line-height:1.08}
.process-list h3{font-weight:400}
.brand-name,.site-header nav,.button,.text-link,.project-tab,.service-card a,.contact-direct a,.social-links{font-weight:400}
.eyebrow,.service-number,.image-label,.inquiry-form label,.photo-placeholder small{font-weight:500;letter-spacing:.21em}
.hero-copy .eyebrow{font-size:12px}
.section-heading>p,.service-card p,.service-card li,.process-list p,.about-copy p:not(.eyebrow),.contact-copy>p{font-weight:300;line-height:1.8}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font-weight:300;letter-spacing:.01em}
@media(max-width:640px){.hero h1{font-size:clamp(36px,8vw,48px)}.section-heading h2,.process h2,.about h2,.contact h2{font-size:clamp(44px,11vw,58px)}}