@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Lora:wght@400;500;600&display=swap');
/* Direction 04: Lora + Karla. Both families are SIL Open Font License fonts served from Google Fonts. */
:root { --display: "Lora", Georgia, serif; --body: "Karla", "Segoe UI", sans-serif; }
body { font-size: 18px; line-height: 1.67; font-weight: 400; }
.hero h1,.intro h2,.pathway h2,.about h2,.contact h2,.interior h1,.conversion h1 { font-weight: 500; letter-spacing: -.04em; line-height: 1.07; }
.hero h1 { max-width: 695px; font-size: clamp(47px,4.32vw,63px); }
.intro .large,.lead { line-height:1.62; }
.step h3,.path-service,.about blockquote,.photo-quote blockquote,.quiet-proof blockquote { font-family: var(--display); font-weight: 500; letter-spacing: -.03em; line-height:1.12; }
.eyebrow,.head-cta,.button,.text-link { font-family: var(--body); font-weight: 700; letter-spacing: .14em; }
@media(max-width:640px){ .hero h1 { font-size:40px; line-height:1.06; } .intro h2,.pathway h2,.about h2{font-size:35px} }