@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins/poppins-regular.ttf') format('truetype');
}

:root {
  --hero-shade: linear-gradient(90deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .26));
}

[data-page-hero] h1,
[data-page-hero] [data-hero-eyebrow] {
  color: #fff;
}

/* Content only: the header and footer retain their own typography.
   Reference sizes converted from rem to px to preserve this site's root size. */
.home-content {
  --home-text-size: clamp(14px, calc(12.8704px + .353vw), 17.6px);
  font-family: 'Poppins', sans-serif;
  font-size: var(--home-text-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.7;
}

.home-content p,
.home-content dt,
.home-content dd,
.home-content .vip-cite {
  font-family: 'Poppins', sans-serif;
  font-size: var(--home-text-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.7;
}

.home-content a,
.home-content .font-sec,
.home-content .button {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}

.home-content h1,
.home-content h2,
.home-content h3,
.home-content h4,
.home-content h5,
.home-content h6,
.home-content [class*='heading-'] {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.home-content h1, .home-content .heading-1 {
  font-size: clamp(34.4px, calc(30.1344px + 1.333vw), 48px);
}

.home-content h2, .home-content .heading-2 {
  font-size: clamp(21.632px, calc(17.376px + 1.33vw), 35.2px);
}

.home-content h3, .home-content .heading-3 {
  font-size: clamp(18px, calc(16.7456px + .392vw), 22px);
}

.home-content h4, .home-content .heading-4 {
  font-size: clamp(17.6px, calc(17.4752px + .039vw), 18px);
}

.home-content h5, .home-content .heading-5,
.home-content h6, .home-content .heading-6 {
  font-size: 16px;
}