refactor(typography): standardize eyebrow labels across page shells

- consolidate the shared eyebrow label styling into the global typography layer
- replace the old script-label usage in page hero, home hero, FAQ, and team shells
- keep the next heading flush under the label across all affected page types
This commit is contained in:
2026-06-20 12:05:24 -07:00
parent 9398321fac
commit a048d395f7
5 changed files with 22 additions and 14 deletions
+3 -3
View File
@@ -40,7 +40,7 @@ const groups = [
<article class="team-page">
<section class="team-intro container-narrow">
<h2>Our Clinical Team</h2>
<p class="script-label">Arizona Institute for Autism<br />Scottsdale, Arizona</p>
<p class="eyebrow">Arizona Institute for Autism<br />Scottsdale, Arizona</p>
<p>AIA's clinical team consists of experienced professionals and paraprofessionals as well as Board Certified Behavior Analysts (BCBA) and Psychologists who have diverse experience and expertise.</p>
</section>
{groups.map((group) => (
@@ -64,7 +64,7 @@ const groups = [
))}
<section class="team-careers">
<div class="container-narrow">
<p class="script-label">Join the AIA Team!</p>
<p class="eyebrow">Join the AIA Team!</p>
<h2>Employment Opportunities</h2>
<p>Apply online to join the AIA team! At the Arizona Institute for Autism (AIA) we are on a mission to improve special education and strengthen communities throughout Arizona.</p>
<p>Our talented and passionate employees are a critical piece to the high-quality ABA therapy we provide along with our commitment to behavioral health, school solutions, and community outreach. For questions regarding open positions, please contact us at <a href="mailto:hr@azinstitute4autism.com">hr@azinstitute4autism.com</a>.</p>
@@ -75,7 +75,7 @@ const groups = [
<style>
.team-intro { padding-block: 4rem; text-align: center; }
.team-intro .script-label { font-size: 1.8rem; }
.team-intro .eyebrow { font-size: 1.8rem; }
.team-group { padding-block: 2rem 4rem; text-align: center; }
.team-group h2 { margin: 0 auto 1rem; max-width: 760px; }
.team-group__tagline { font-size: 1.125rem; margin: 0 auto 2rem; }