/* Shared text rhythm for the Needs and Process introduction only. */
.needsGlass .needsIntro .eyebrow,
.processSnow .processHero .eyebrow{margin:0 0 22px;font-size:14px;line-height:1.5}
.needsGlass .needsIntro h1,
.processSnow .processHero h1{margin:0 0 24px;font-size:clamp(30px,3.3vw,48px);line-height:1.35}
.needsGlass .needsIntro .lead,
.processSnow .processHero .lead{margin:0;font-size:18px;line-height:1.85;max-width:770px}
@media(max-width:640px){
 .needsGlass .needsIntro .eyebrow,.processSnow .processHero .eyebrow{margin-bottom:18px}
 .needsGlass .needsIntro h1,.processSnow .processHero h1{font-size:32px;margin-bottom:20px}
 .needsGlass .needsIntro .lead,.processSnow .processHero .lead{font-size:16px}
}

/* Use the Process typography for the Needs hero. */
.needsGlass .needsIntro .eyebrow,.needsGlass .needsIntro h1,.needsGlass .needsIntro .lead{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif}
.needsGlass .needsIntro .eyebrow{font-weight:300;letter-spacing:.22em}
.needsGlass .needsIntro h1{font-weight:500;letter-spacing:-.03em}
.needsGlass .needsIntro .lead{font-weight:400;letter-spacing:normal}
@media(max-width:767px){.needsGlass .needsIntro .lead{font-weight:500}}