html body[data-page-kind] .section-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(14rem,22rem);align-items:center;gap:clamp(2rem,5vw,5rem);margin-bottom:2rem;padding:1.25rem 0 2.25rem;display:grid}.section-hero-copy{min-width:0}html body[data-page-kind] .section-hero .directory-hero,html body[data-page-kind] .section-hero .library-heading{max-width:none;margin:0;padding:0;display:block}html body[data-page-kind] .section-hero h1{max-width:24ch;margin:0 0 1.1rem;font-size:clamp(2rem,3.4vw,3rem);line-height:1.13}html body[data-page-kind] .section-hero .lead{max-width:58ch;margin:0;font-size:1rem;line-height:1.7}.section-hero-visual{align-self:stretch;place-items:center;min-width:0;display:grid}.section-hero-visual img{object-fit:contain;width:100%;height:auto;max-height:17rem;display:block}@media (width<=1050px){html body[data-page-kind] .section-hero{grid-template-columns:minmax(0,1fr) 15rem;gap:2rem}}@media (width<=700px){html body[data-page-kind] .section-hero{grid-template-columns:1fr;gap:0;margin-bottom:1.5rem;padding:.5rem 0 1.5rem}.section-hero-visual{display:none}html body[data-page-kind] .section-hero h1{font-size:2rem}html body[data-page-kind] .section-hero .lead{font-size:.95rem}}@media print{.section-hero-visual{display:none}html body[data-page-kind] .section-hero{padding:0;display:block}}