/* Clear hierarchy for the central hero: large nameplate, smaller supporting line. */
#top>.hero>.hero-inner>p.hero-tagline{max-width:60ch;margin:0 auto;padding:0;border:0;color:#315c79;font-size:clamp(15px,1.55vw,17px);font-weight:500;line-height:1.5;letter-spacing:.005em;text-align:center;text-wrap:balance;text-transform:none}
html[data-theme="dark"] #top>.hero>.hero-inner>p.hero-tagline{color:#c0d8e4}
@media(max-width:600px){#top>.hero>.hero-inner>p.hero-tagline{max-width:36ch;font-size:15px;line-height:1.45}}