/* Shared, compact introductory headings across public sections. */
.hero{min-height:430px;padding-block:42px 35px}
.hero h1{font-size:clamp(34px,3.8vw,50px);line-height:1.12;letter-spacing:-1.7px;margin-top:20px}
.hero-description{font-size:14px;line-height:1.85;max-width:500px;margin-top:18px}
.hero-art{max-width:440px;justify-self:center;width:100%;padding-block:8px 20px}
.hero .hero-footnote{margin-top:23px}
.projects-page>h1,.projects-page .project-hero h1,.projects-page .devlog-article h1,.tutorial-page>h1,.lab-heading h1,.viewer-heading h1,.library-hero h1,.sample-detail h1,.license-page h1{font-size:38px;line-height:1.18;letter-spacing:-1.1px;overflow-wrap:anywhere}
.project-intro,.tutorial-intro,.lab-heading>p:not(.eyebrow),.viewer-heading p:not(.eyebrow),.library-hero>div>p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:780px;margin-top:14px}
.projects-page,.tutorial-page,.lab-page,.viewer-page{padding-top:34px}
.lab-heading{margin-bottom:24px;max-width:860px}
.library-hero{padding-block:25px 28px}
.library-hero-art{max-width:350px;justify-self:center;width:100%}
.section-heading h2,.sound-collection .section-heading h2{font-size:29px;line-height:1.25;letter-spacing:-.7px}
@media(max-width:760px){
 .hero{padding-block:30px 24px;min-height:0}
 .hero h1{font-size:38px;letter-spacing:-1.3px}
 .hero-description{font-size:13px}
 .hero-art{max-width:340px;padding-block:0 10px}
 .projects-page>h1,.projects-page .project-hero h1,.projects-page .devlog-article h1,.tutorial-page>h1,.lab-heading h1,.viewer-heading h1,.library-hero h1,.sample-detail h1,.license-page h1{font-size:32px;letter-spacing:-.9px}
 .projects-page,.tutorial-page,.lab-page,.viewer-page{padding-top:27px}
 .section-heading h2,.sound-collection .section-heading h2{font-size:25px}
}
@media(max-width:390px){.hero h1{font-size:34px}.lab-heading h1,.viewer-heading h1{font-size:29px}}