/* Kyobo handwriting typography for the main page. */
body { font-family:var(--sera-ui-font); font-synthesis:none; }
body :is(h1,h2,h3,strong,.brand,.eyebrow,.button) { font-weight:400; }
h1 { font-size:clamp(44px,5.3vw,76px); letter-spacing:-.025em; line-height:1.2; }
.intro { font-size:20px; line-height:1.7; }
.eyebrow { font-size:15px; letter-spacing:.03em; }
nav { font-size:18px; }
.button,.text-link { font-size:18px; }
.about-main>p { font-size:20px; line-height:1.8; }
.about-lead { font-size:24px; }
.ai-note h3 { font-size:27px; }
.ai-story { font-size:18px; }
.ai-note .eyebrow { font-size:13px; }
.note-caption { font-size:14px; }
.card h3 { font-size:28px; }
.card p { font-size:18px; }
.card-top,.tag { font-size:15px; }
.section-head>p,.closing p { font-size:18px; }
.closing a { font-size:19px; }
.ribbon { font-size:18px; }
.ribbon-items,.brand small { font-size:13px; }
.visual-note { font-size:17px; }
.footer-inner { font-size:15px; }
@media(max-width:650px) {
  h1 { font-size:clamp(40px,10vw,58px); }
  nav { font-size:16px; gap:14px; }
  .intro,.about-main>p { font-size:18px; }
  .hero-actions { gap:20px; }
  .button,.text-link { font-size:17px; }
  .eyebrow { font-size:14px; }
  .ribbon { font-size:15px; }
  .card h3 { font-size:27px; }
  .section-head>p,.card p,.ai-story { font-size:18px; }
  .footer-inner { font-size:14px; }
}