/* Montra's existing Jost family and light mixed-case headings. No reference-site font. */
:root{--ink:#1d1d1f;--soft:#6a6a6a}
body,input,textarea,select,button{font-family:"Montra Jost","Montra Arial",Arial,Helvetica,sans-serif}
body{font-weight:300}
body:has(main){font-weight:400}
b,strong{font-weight:500}
h1,h2,h3{font-weight:300;letter-spacing:-.035em;text-transform:none}
.hero h1{font-weight:300;letter-spacing:-.035em;text-transform:none;font-size:clamp(30px,3.2vw,46px)}
.hero .eyebrow{font-weight:400;letter-spacing:.12em}
.hero .sub{font-weight:400}
.hdr{font-weight:400;letter-spacing:.12em}
.eb,.eyebrow{font-weight:400;letter-spacing:.12em}
.tc h3,.st h3{font-weight:400;letter-spacing:-.02em}
.tc p,.prompt,.cap .d,.preview-explainer{font-weight:400}
.demo h2{font-weight:300;letter-spacing:-.035em}
.btn,button,.chip{font-weight:500}
.request-intro h1,.thanks-page h1{font-weight:300;letter-spacing:-.035em}
.request-header a,form label,.form-help,.preview-banner{font-weight:400}
.request-header nav a{font-weight:400}
.sheet .lead,.sheet .para,.sheet .st p,.sheet .eb,main .eyebrow{color:var(--soft)}
main h1,main h2,main h3{color:var(--ink)}
.work-intro p,.request-intro>p:not(.preview-banner),.try-option p,.form-help,.thanks-page>p:not(.preview-banner){color:var(--soft)}
.draft-copy,.eyebrow{font-weight:400}
@media(max-width:900px){.hero h1{font-size:32px}.hero .eyebrow{letter-spacing:.12em}}
@media(max-width:400px){.hero h1{font-size:30px}}