/* Responsive typography. Values in rem; pixel equivalents assume a 16px root. */
@font-face { font-family: "Delight"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/delight-medium.woff2") format("woff2"); }
@font-face { font-family: "Delight"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/delight-semibold.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("fonts/space-grotesk-variable.woff2") format("woff2"); }
:root {
  --font-heading: "Delight", "Avenir Next", sans-serif;
  --font-body: "Space Grotesk", "Segoe UI", sans-serif;
  --type-caption: 0.75rem;
  --type-small: 0.875rem;
  --type-body: 1rem;
  --type-body-large: 1.125rem;
  --type-heading-small: 1.25rem;
  --type-heading-medium: 1.5rem;
  --type-heading-large: 2rem;
  --type-display: 2.5rem;
  --type-caption-line-height: 1.5;
  --type-caption-weight: 400;
  --type-caption-tracking: 0em;
  --type-small-line-height: 1.5;
  --type-small-weight: 400;
  --type-small-tracking: 0em;
  --type-body-line-height: 1.6;
  --type-body-weight: 400;
  --type-body-tracking: 0em;
  --type-body-large-line-height: 1.5;
  --type-body-large-weight: 400;
  --type-body-large-tracking: 0em;
  --type-heading-small-line-height: 1.3;
  --type-heading-small-weight: 500;
  --type-heading-small-tracking: -0.01em;
  --type-heading-medium-line-height: 1.2;
  --type-heading-medium-weight: 500;
  --type-heading-medium-tracking: -0.015em;
  --type-heading-large-line-height: 1.15;
  --type-heading-large-weight: 500;
  --type-heading-large-tracking: -0.02em;
  --type-display-line-height: 1.1;
  --type-display-weight: 600;
  --type-display-tracking: -0.025em;
}
@media (min-width: 48rem) {
  :root {
  --type-caption: 0.75rem;
  --type-small: 0.875rem;
  --type-body: 1rem;
  --type-body-large: 1.25rem;
  --type-heading-small: 1.5rem;
  --type-heading-medium: 1.75rem;
  --type-heading-large: 2.25rem;
  --type-display: 3rem;
  }
}
@media (min-width: 75rem) {
  :root {
  --type-caption: 0.75rem;
  --type-small: 0.875rem;
  --type-body: 1rem;
  --type-body-large: 1.25rem;
  --type-heading-small: 1.5rem;
  --type-heading-medium: 2rem;
  --type-heading-large: 2.5rem;
  --type-display: 3.5rem;
  }
}
@media (min-width: 120rem) {
  :root {
  --type-caption: 0.75rem;
  --type-small: 0.875rem;
  --type-body: 1rem;
  --type-body-large: 1.25rem;
  --type-heading-small: 1.5rem;
  --type-heading-medium: 2rem;
  --type-heading-large: 3rem;
  --type-display: 4rem;
  }
}
.type-caption { font-family: var(--font-body); font-size: var(--type-caption); font-weight: var(--type-caption-weight); line-height: var(--type-caption-line-height); letter-spacing: var(--type-caption-tracking); }
.type-small { font-family: var(--font-body); font-size: var(--type-small); font-weight: var(--type-small-weight); line-height: var(--type-small-line-height); letter-spacing: var(--type-small-tracking); }
.type-body { font-family: var(--font-body); font-size: var(--type-body); font-weight: var(--type-body-weight); line-height: var(--type-body-line-height); letter-spacing: var(--type-body-tracking); }
.type-body-large { font-family: var(--font-body); font-size: var(--type-body-large); font-weight: var(--type-body-large-weight); line-height: var(--type-body-large-line-height); letter-spacing: var(--type-body-large-tracking); }
.type-heading-small { font-family: var(--font-heading); font-size: var(--type-heading-small); font-weight: var(--type-heading-small-weight); line-height: var(--type-heading-small-line-height); letter-spacing: var(--type-heading-small-tracking); }
.type-heading-medium { font-family: var(--font-heading); font-size: var(--type-heading-medium); font-weight: var(--type-heading-medium-weight); line-height: var(--type-heading-medium-line-height); letter-spacing: var(--type-heading-medium-tracking); }
.type-heading-large { font-family: var(--font-heading); font-size: var(--type-heading-large); font-weight: var(--type-heading-large-weight); line-height: var(--type-heading-large-line-height); letter-spacing: var(--type-heading-large-tracking); }
.type-display { font-family: var(--font-heading); font-size: var(--type-display); font-weight: var(--type-display-weight); line-height: var(--type-display-line-height); letter-spacing: var(--type-display-tracking); }

@font-face{font-family:"Delight";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/delight-regular.woff2") format("woff2")}