/* THE RESEARCH PAGE (founder round 2026-09-13). Layered on public.css
   (palette, header, footer) and reading.css (the shared reading column).
   Written for 390px first; the desktop rule only widens the type. What is
   here is only what research has and the blog does not: the headline and
   its lead. */

.research{padding-block:28px 12px}
.research h1{font-size:30px;line-height:1.15;letter-spacing:-.02em;
  margin:6px 0 14px}
.research .lead{font-size:18px;line-height:1.55;color:var(--ink);
  margin:0 0 26px;max-width:34ch}
.research .prose{max-width:660px}

@media (min-width:720px){
  .research{padding-block:56px 20px}
  .research h1{font-size:42px}
  .research .lead{font-size:21px;max-width:38ch}
}