@font-face{font-family:Nunito;src:url('fonts/nunito-variable.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
@font-face{font-family:Caveat;src:url('fonts/caveat-variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--font-klar:Nunito,'Segoe UI',sans-serif;--font-hand:Caveat,'Segoe Print',cursive}
body{font-family:var(--font-klar);font-size:16px}
.brand{font-family:var(--font-klar);font-weight:500;font-size:clamp(20px,2vw,28px);letter-spacing:2px}
.brand small{font-family:var(--font-klar);font-size:10px;letter-spacing:2.7px;font-weight:500}
nav a{font-family:var(--font-klar);font-size:15px;letter-spacing:.2px}
h1,h2,h3{font-family:var(--font-klar);font-style:normal;font-weight:400;letter-spacing:-1px;line-height:1.2}
h1{font-size:clamp(42px,4.4vw,70px);line-height:1.18;margin-bottom:27px}
h1 em{font-family:var(--font-hand);font-style:normal;font-size:1.04em;font-weight:500;letter-spacing:-1.2px;line-height:1.15;display:inline-block;margin-top:6px}
h2 em,.signature{font-family:var(--font-hand);font-style:normal;font-weight:500;letter-spacing:0}
.signature{font-size:34px}
.intro .eyebrow{font-size:10px;font-weight:600;letter-spacing:1.4px;max-width:90%}
.lead{font-size:15px;letter-spacing:.2px;line-height:1.8}
.intro .button{font-family:var(--font-klar);font-size:16px;letter-spacing:.2px}
.credentials{font-size:12px;letter-spacing:.1px;line-height:1.8}
.eyebrow{font-family:var(--font-klar);font-weight:600}
.welcome h2{font-family:var(--font-klar);font-size:clamp(32px,3.7vw,50px);letter-spacing:-1px}
.welcome-links a{font-family:var(--font-klar);font-size:11px}
.welcome-links a span{font-size:clamp(17px,1.65vw,24px);letter-spacing:-.3px}
.about p:not(.eyebrow){font-size:15px;line-height:1.9}
.service-grid article>span{font-family:var(--font-klar);font-style:normal;font-size:13px}
.service-grid h3{font-size:27px;font-weight:400;letter-spacing:-.5px;line-height:1.25}
.service-grid p,.contact p{font-size:15px}
.hero-logo{top:50%;left:55%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:150px;height:150px;pointer-events:none}
.hero-logo svg{display:block;width:100%;height:100%;overflow:visible}
.hero-logo text{font-family:var(--font-klar);font-size:12px;font-weight:500;fill:var(--ink)}
@media(max-width:1000px){.brand{font-size:21px;letter-spacing:1.4px}.brand small{font-size:9px;letter-spacing:2px}h1{font-size:clamp(38px,4.5vw,50px)}.intro .eyebrow{font-size:9px;letter-spacing:.8px}.lead{font-size:14px}.credentials{font-size:11px}.hero-logo{width:124px;height:124px;top:50%}}
@media(max-width:700px){.brand{font-size:21px}.brand small{font-size:9px}nav a{font-size:15px}.intro{padding-top:43px;padding-bottom:105px}h1{font-size:clamp(38px,7.6vw,53px)}h1 em{font-size:1.03em;letter-spacing:-1px}.intro .eyebrow{font-size:9px;max-width:100%}.lead{font-size:15px}.credentials{font-size:12px}.hero-logo{top:auto;bottom:180px;left:auto;right:18px;transform:none;width:120px;height:120px}.welcome h2{font-size:33px}.about h2{font-size:33px}.welcome-links a span{font-size:20px}.contact h2{font-size:33px}}
@media(max-width:380px){.brand{font-size:18px}.brand small{font-size:8px;letter-spacing:1.6px}h1{font-size:36px}h1 em{font-size:1em}.lead{font-size:14px}}