/* typography.css - ALL font sizes of the site live here. Loaded last on every page.
   Font families (Archivo / IBM Plex Sans / Source Serif 4) are the --hf / --bf variables in base.css (inner.css swaps --hf to Source Serif 4). */
body {
  font-size: 16px;
}
h2,
h3.h2s {
  font-size: clamp(34px,5.2vw,68px);
}

/* ---------- Buttons ---------- */
.btn {
  font-size: 16px;
}
nav a {
  font-size: 15px;
}
.pd>a:after {
  font-size: 11px;
}
.pd ul a {
  font-size: 14px;
}
.menu {
  font-size: 22px;
}
.lbl {
  font-size: 14px;
}

/* ---------- Hero slider ---------- */
.hero h1,
.hero .hero-title {
  font-size: clamp(40px,5.6vw,82px);
}
.hero p.d {
  font-size: clamp(16px,1.5vw,20px);
}
.cb {
  font-size: 18px;
}
.lg {
  font-size: 12px;
}
.yr b {
  font-size: clamp(80px,10vw,140px);
}
.yr span {
  font-size: 22px;
}
.pc h3 {
  font-size: 24px;
}
.pc p {
  font-size: 15px;
}
.ac h3 {
  font-size: clamp(18px,1.8vw,18px);
}
.ac p {
  font-size: 14px;
}
.wg h3 {
  font-size: 23px;
}
.wg p {
  font-size: 15px;
}
.tq h3 {
  font-size: 28px;
}
form label {
  font-size: 14px;
}
input,
select,
textarea {
  font-size: inherit;
}

/* ---------- Footer ---------- */
footer {
  font-size: 15px;
}
footer h3 {
  font-size: 22px;
}
.up {
  font-size: 24px;
}

/* ---------- Inner page banner ---------- */
.ph h1 {
  font-size: clamp(32px,5vw,45px);
}
.bc {
  font-size: 14px;
}
.lead {
  font-size: clamp(19px,2vw,23px);
}
.mn h2,
.mn h3.h2s {
  font-size: clamp(24px,2.6vw,32px);
}
table.rt {
  font-size: 15px;
}
table.rt th {
  font-size: 19px;
}
table.rt td:first-child {
  font-size: 15px;
}
.mn .chips span {
  font-size: 14px;
}
.feat h3 {
  font-size: 18px;
}
.feat p {
  font-size: 14.5px;
}
details.fq summary {
  font-size: 18px;
}
details.fq summary:before {
  font-size: 24px;
}
.more h3 {
  font-size: 24px;
}
.more a {
  font-size: 14px;
}
.help h3 {
  font-size: 24px;
}
.help>p {
  font-size: 14px;
}
.help small {
  font-size: 11px;
}
.help span {
  font-size: 18px;
}

/* ---------- Contact page ---------- */
.bar {
  font-size: 13px;
}
.cg h2 {
  font-size: clamp(28px,3.4vw,46px);
}
.info a,
.info p {
  font-size: 18px;
}
.iv h3 {
  font-size: 19px;
}
.iv p {
  font-size: 14px;
}
.iv b {
  font-size: 13px;
}
.sg b {
  font-size: clamp(30px,3.6vw,46px);
}
.abt .q {
  font-size: 20px;
}
.cards2 b {
  font-size: clamp(40px,5vw,64px);
}
.cards2 h3 {
  font-size: 22px;
}
.cards2 p {
  font-size: 14.5px;
}
.callout h3,
.ctab h3 {
  font-size: 21px;
}
.btns .btn {
  font-size: 14px;
}
.tag {
  font-size: 16px;
}
.sh {
  font-size: 20px;
}
.ap-h a {
  font-size: 15px;
}
.two h3 {
  font-size: 26px;
}
.help small,
small {
  font-size: 12.5px;
}
.bar {
  font-size: 14px;
}

@media (max-width:1000px) {
  nav a {
    font-size: 16px;
  }
  .btn {
    font-size: 15px;
  }
  .btns .btn {
    font-size: 15px;
  }
  .feat p,
  .iv p,
  .help>p,
  .sg .sg-item,
  .ac p {
    font-size: 15px;
  }
  .hd2 p {
    font-size: 16px;
  }
  .bc {
    font-size: 15px;
  }
}

@media (max-width:640px) {
  body {
    font-size: 16px;
  }
  .mn p,
  .about p,
  .abt p,
  .two p,
  .two li,
  footer,
  footer a,
  .pc p,
  .wg p,
  .tq blockquote,
  table.rt td {
    font-size: 15.5px;
  }
  table.rt td:first-child {
    font-size: 15px;
  }
  .chips span,
  .mn .chips span {
    font-size: 14.5px;
  }
  details.fq summary {
    font-size: 17px;
  }
  .hero p.d {
    font-size: 17px;
  }
}
form label {
  font-size: 14px;
}
input,
select,
textarea {
  font-size: inherit;
}

/* ---------- Font sizes of the helper classes ---------- */
h2.h2-sm { font-size: 30px; }
h3.h3-md { font-size: 24px; }
h3.h3-xl { font-size: 28px; }
h3.h2s.h2s-lg { font-size: clamp(28px, 3.4vw, 44px); }
h3.h2s.h2s-md { font-size: clamp(24px, 3vw, 36px); }
.form-ok, .form-errors { font-size: 15px; }
table.rt.rt-spec th, table.rt.rt-spec td, table.rt.rt-spec td:first-child { font-size: 16px; }
.rt-spec caption { font-size: 17px; }
.vm-no { font-size: 16px; }

/* ---------- Home page: calmer, smaller type ---------- */
.home .hero-title { font-size: clamp(30px, 3.7vw, 52px); }
.home .hero p.d { font-size: 17px; }
.home .hd2 h2, .home .hd2 h3.h2s { font-size: clamp(28px, 3.1vw, 44px); }
.home .yr b { font-size: clamp(76px, 8vw, 108px); }
.home .yr span { font-size: 19px; }
.home .pc h3, .home .wg h3 { font-size: 20px; }
.home .ac h3 { font-size: 19px; }
.home .ac p { font-size: 14px; }
.home .tq h3 { font-size: 24px; }
.home .vm-body h3 { font-size: clamp(24px, 2.4vw, 30px); }
.home .vm-body p { font-size: 16px; }
.cg h2 { font-size: clamp(24px, 2.7vw, 26px); }
.info-tile small { font-size: 13px; }
.info-tile a, .info-tile p { font-size: 16px; }
ul.bl { font-size: 16px; }
.mn .iv ul.bl { font-size: 14.5px; }
.closing h3.closing-sub { font-size: 22px; }
.gal-filter button { font-size: 15px; }
.gal-cap { font-size: 14px; }
.gal-box figcaption { font-size: 16px; }
.gal-close, .gal-prev, .gal-next { font-size: 28px; }
.vm-body h3 { font-size: clamp(26px, 3vw, 36px); }
.about .vm-body p { font-size: 17px; line-height: 1.7; }