/* Shared type scale taken from About Us. Load after page-specific styles. */
:root {
  --font-site: Georgia, 'Times New Roman', serif;
  --type-hero: 36px;
  --type-hero-leading: 57px;
  --type-intro: 14px;
  --type-intro-leading: 21px;
  --type-section: 32px;
  --type-section-leading: 40px;
  --type-card: 16px;
  --type-card-leading: 24px;
  --type-body: 12px;
  --type-body-leading: 20px;
  --type-eyebrow: 9px;
  --type-button: 8px;
}
/* Match the homepage family, including sections with their own font rules. */
.about-page,.reference-page,
.about-page .about-benefit h3,.about-page .about-why-copy,
.about-page .about-footer,.reference-page .reference-footer {
  font-family: var(--font-site);
}
.about-hero h1,.reference-page .reference-hero h1{font-size:var(--type-hero);line-height:var(--type-hero-leading)}
.about-hero p,.reference-page .reference-hero p:not(.eyebrow){font-size:var(--type-intro);line-height:var(--type-intro-leading)}
.about-section-heading h2,.reference-page .section-title,.reference-page #bmao h2,.reference-page #location .section-title{font-size:var(--type-section);line-height:var(--type-section-leading);letter-spacing:0}
.about-eyebrow,.reference-page .eyebrow,.reference-page #bmao .eyebrow,.reference-page #location .eyebrow{font-size:var(--type-eyebrow);line-height:12px;font-weight:400}
.about-button,.reference-page .btn,.reference-page .card .btn,.reference-page #contact-form button{font-size:var(--type-button)}
.reference-page .reference-hero p:not(.eyebrow){max-width:440px}
.page-contact .reference-hero p:not(.eyebrow),.page-offerings .reference-hero p:not(.eyebrow){top:254px}
.reference-page .contact-details>div:first-child>p:not(.eyebrow),
.reference-page #location p:not(.eyebrow),
.reference-page #bmao h2+p+p,
.reference-page #bmao ul li>span:last-child,
.reference-page .offerings-grid-section .card p,
.reference-page .industries-grid-section ul,
.reference-page #contact-form .field{font-size:var(--type-body);line-height:var(--type-body-leading);letter-spacing:0}
.reference-page .contact-details>div:first-child>p:not(.eyebrow){max-width:330px;margin-bottom:26px}
.reference-page #location p:not(.eyebrow){max-width:330px}
.reference-page #bmao h2+p{font-size:14px;line-height:21px}
.reference-page #bmao h2+p+p{max-width:100%}
.reference-page .offerings-grid-section .card h3,
.reference-page .offerings-grid-section .card:nth-child(2) h3{font-size:var(--type-card);line-height:var(--type-card-leading);letter-spacing:0;white-space:normal}
.reference-page .industries-grid-section h3{font-size:20px;line-height:26px;letter-spacing:0}
.reference-page .offerings-grid-section .section-title{white-space:normal}
.reference-page .offerings-banner h2{font-size:24px;line-height:31px;font-weight:400}
.reference-page .offerings-banner p:not(.eyebrow){line-height:30px}
.reference-page .offerings-grid-section{height:auto;min-height:590px;padding-bottom:52px}
.reference-page .offerings-grid-section .card{height:auto;min-height:480px}
.reference-page .offerings-grid-section .card p{margin-bottom:24px}
.reference-page .industries-grid-section{height:auto;min-height:1672px;padding-bottom:64px}
.reference-page .industries-grid-section .card{height:auto;min-height:500px}
.reference-page .industries-grid-section ul{margin-bottom:24px}
.reference-page .industries-grid-section .card .btn{position:static}

@media(min-width:1200px){
 .reference-page>header nav{font-size:18px}
 .reference-page>header .rounded-full{font-size:16px}
}
@media(min-width:1024px) and (max-width:1279px){
 .reference-page .btn{height:28px;min-height:28px}
 .reference-page .reference-footer-description,.reference-page .reference-footer nav{font-size:15px}
 .reference-page .reference-footer-bottom{font-size:16px}
}
@media(max-width:1023px){
 :root{--type-hero:34px;--type-hero-leading:51px;--type-intro:15px;--type-intro-leading:24px;--type-section:26px;--type-section-leading:34px;--type-body:14px;--type-body-leading:24px;--type-eyebrow:10px;--type-button:10px}
 .reference-page .reference-hero p:not(.eyebrow){max-width:min(440px,100%)}
 .reference-page .contact-details .section-title{font-size:30px;line-height:38px}
 .reference-page .offerings-grid-section .card{min-height:0}
 .reference-page .industries-grid-section .card{min-height:460px}
 .reference-page .reference-banner h2{font-size:24px;line-height:34px}
 .reference-page .reference-banner p:not(.eyebrow){font-size:14px;line-height:24px}
 .reference-page .btn{min-height:42px}
 .reference-page #bmao ul li>span:last-child{max-width:100%}
}