:root {
  --tme-ff-inter: "inter-variable", sans-serif;
  --tme-ff-roca: roca, sans-serif;
  --tme-ff-museo-slab: museo-slab, serif;
  --tme-ff-articulat-cf: articulat-cf, sans-serif;
  --tme-ff-owners: owners, sans-serif;
  --tme-ff-raleway: "Raleway", sans-serif;
  --tme-ff-work-sans: "work-sans", sans-serif;
}

.t-teme-temp1 {
  --tme-ff-headings: var(--tme-ff-roca);
  --tme-ff-body: var(--tme-ff-museo-slab);
  --tme-ff-ui: var(--tme-ff-inter);
}

.t-teme-temp2 {
  --tme-ff-headings: var(--tme-ff-owners);
  --tme-ff-body: var(--tme-ff-articulat-cf);
  --tme-ff-ui: var(--tme-ff-articulat-cf);
}

.t-teme-temp3 {
  --tme-ff-headings: var(--tme-ff-raleway);
  --tme-ff-body: var(--tme-ff-work-sans);
  --tme-ff-ui: var(--tme-ff-raleway);
}

/* prettier-ignore */
:root {
  /* font-sizes: heading */
  --tme-fs-heading-h1: 2.25rem; /* 36px */
  --tme-fs-heading-h2: 1.75rem; /* 28px */
  --tme-fs-heading-h3: 1.375rem; /* 22px */
  --tme-fs-heading-h4: 1.125rem; /* 18px */
  --tme-fs-heading-h5: 1rem; /* 16px */
  --tme-fs-heading-h6: 0.875rem; /* 14px */
  /* font-sizes: body */
  --tme-fs-body-base: 0.875rem; /* 14px */
  --tme-fs-body-20: 1.125rem; /* 18px */
  --tme-fs-body-18: 0.875rem; /* 14px */
  --tme-fs-body-16: 0.875rem; /* 14px */
  /* font-sizes: label */
  --tme-fs-label-30: 1.125rem; /* 18px */
  --tme-fs-label-22: 1.125rem; /* 18px */
  --tme-fs-label-20: 1.125rem; /* 18px */
  --tme-fs-label-18: 0.875rem; /* 14px */
  --tme-fs-label-16: 0.875rem; /* 14px */
  --tme-fs-label-14: 0.75rem; /* 12px */
  /* line-heights: heading */
  --tme-lh-heading-h1: 1.3333333333; /* 48px */
  --tme-lh-heading-h2: 1.2857142857; /* 36px */
  --tme-lh-heading-h3: 1.6363636364; /* 36px */
  --tme-lh-heading-h4: 1.3333333333; /* 24px */
  --tme-lh-heading-h5: 1.375; /* 22px */
  --tme-lh-heading-h6: 1.4285714286; /* 20px */
  /* line-heights: body */
  --tme-lh-body-base: 1.5714285714; /* 22px */
  --tme-lh-body-20: 1.4444444444; /* 26px */
  --tme-lh-body-18: 1.5714285714; /* 22px */
  --tme-lh-body-16: 1.5714285714; /* 22px */
  /* line-heights: label */
  --tme-lh-label-30: 1.3333333333; /* 24px */
  --tme-lh-label-22: 1.3333333333; /* 24px */
  --tme-lh-label-20: 1.4444444444; /* 26px */
  --tme-lh-label-18: 1.5714285714; /* 22px */
  --tme-lh-label-16: 1.5714285714; /* 22px */
  --tme-lh-label-14: 1.6666666667; /* 20px */
}
@media (min-width: 768px) {
  :root {
    /* font-sizes: heading */
    --tme-fs-heading-h1: 2.75rem; /* 44px */
    --tme-fs-heading-h2: 2.25rem; /* 36px */
    --tme-fs-heading-h3: 2rem; /* 32px */
    --tme-fs-heading-h4: 1.125rem; /* 18px */
    --tme-fs-heading-h5: 1rem; /* 16px */
    --tme-fs-heading-h6: 0.875rem; /* 14px */
    /* font-sizes: body */
    --tme-fs-body-base: 1rem; /* 16px */
    --tme-fs-body-18: 1rem; /* 16px */
    --tme-fs-body-16: 1rem; /* 16px */
    /* font-sizes: label */
    --tme-fs-label-30: 1.25rem; /* 20px */
    --tme-fs-label-22: 1.125rem; /* 18px */
    --tme-fs-label-18: 1rem; /* 16px */
    --tme-fs-label-16: 1rem; /* 16px */
    --tme-fs-label-14: 0.875rem; /* 14px */
    /* line-heights: heading */
    --tme-lh-heading-h1: 1.2727272727; /* 56px */
    --tme-lh-heading-h2: 1.2222222222; /* 44px */
    --tme-lh-heading-h3: 1.25; /* 40px */
    --tme-lh-heading-h4: 1.3333333333; /* 24px */
    --tme-lh-heading-h5: 1.375; /* 22px */
    --tme-lh-heading-h6: 1.4285714286; /* 20px */
    /* line-heights: body */
    --tme-lh-body-base: 1.5; /* 24px */
    --tme-lh-body-18: 1.5; /* 24px */
    --tme-lh-body-16: 1.5; /* 24px */
    /* line-heights: label */
    --tme-lh-label-30: 1.5; /* 30px */
    --tme-lh-label-22: 1.3333333333; /* 24px */
    --tme-lh-label-18: 1.5; /* 24px */
    --tme-lh-label-16: 1.5; /* 24px */
    --tme-lh-label-14: 1.7142857143; /* 24px */
  }
}
@media (min-width: 1024px) {
  :root {
    /* font-sizes: heading */
    --tme-fs-heading-h1: 3.75rem; /* 60px */
    --tme-fs-heading-h2: 3rem; /* 48px */
    --tme-fs-heading-h3: 2.625rem; /* 42px */
    --tme-fs-heading-h4: 1.25rem; /* 20px */
    --tme-fs-heading-h5: 1.125rem; /* 18px */
    --tme-fs-heading-h6: 1rem; /* 16px */
    /* font-sizes: body */
    --tme-fs-body-base: 1.125rem; /* 18px */
    --tme-fs-body-18: 1.125rem; /* 18px */
    --tme-fs-body-16: 1rem; /* 16px */
    /* font-sizes: label */
    --tme-fs-label-30: 1.5rem; /* 24px */
    --tme-fs-label-22: 1.25rem; /* 20px */
    --tme-fs-label-18: 1.125rem; /* 18px */
    --tme-fs-label-16: 1rem; /* 16px */
    /* line-heights: heading */
    --tme-lh-heading-h1: 1.2; /* 72px */
    --tme-lh-heading-h2: 1.1666666667; /* 56px */
    --tme-lh-heading-h3: 1.2857142857; /* 54px */
    --tme-lh-heading-h4: 1.4; /* 28px */
    --tme-lh-heading-h5: 1.3333333333; /* 24px */
    --tme-lh-heading-h6: 1.375; /* 22px */
    /* line-heights: body */
    --tme-lh-body-base: 1.4444444444; /* 26px */
    --tme-lh-body-18: 1.4444444444; /* 26px */
    --tme-lh-body-16: 1.5; /* 24px */
    /* line-heights: label */
    --tme-lh-label-30: 1.5; /* 36px */
    --tme-lh-label-22: 1.4; /* 28px */
    --tme-lh-label-18: 1.5555555556; /* 28px */
    --tme-lh-label-16: 1.5; /* 24px */
  }
}
@media (min-width: 1200px) {
  :root {
    /* font-sizes: heading */
    --tme-fs-heading-h1: 5rem; /* 80px */
    --tme-fs-heading-h2: 3.75rem; /* 60px */
    --tme-fs-heading-h3: 3.125rem; /* 50px */
    --tme-fs-heading-h4: 1.5rem; /* 24px */
    --tme-fs-heading-h5: 1.375rem; /* 22px */
    --tme-fs-heading-h6: 1.25rem; /* 20px */
    /* font-sizes: body */
    --tme-fs-body-base: 1.375rem; /* 22px */
    --tme-fs-body-20: 1.25rem; /* 20px */
    --tme-fs-body-18: 1.125rem; /* 18px */
    --tme-fs-body-16: 1rem; /* 16px */
    /* font-sizes: label */
    --tme-fs-label-30: 1.875rem; /* 30px */
    --tme-fs-label-22: 1.375rem; /* 22px */
    --tme-fs-label-20: 1.25rem; /* 20px */
    /* line-heights: heading */
    --tme-lh-heading-h1: 1.125; /* 90px */
    --tme-lh-heading-h2: 1.1666666667; /* 70px */
    --tme-lh-heading-h3: 1.3; /* 65px */
    --tme-lh-heading-h4: 1.4166666667; /* 34px */
    --tme-lh-heading-h5: 1.4545454545; /* 32px */
    --tme-lh-heading-h6: 1.5; /* 30px */
    /* line-heights: body */
    --tme-lh-body-base: 1.2727272727; /* 28px */
    --tme-lh-body-20: 1.2; /* 24px */
    --tme-lh-body-18: 1.5555555556; /* 28px */
    --tme-lh-body-16: 1.5; /* 24px */
    /* line-heights: label */
    --tme-lh-label-30: 1.4666666667; /* 44px */
    --tme-lh-label-22: 1.3636363636; /* 30px */
    --tme-lh-label-20: 1.2; /* 24px */
  }
}

:root {
  --tme-fw-thin: 100;
  --tme-fw-light: 300;
  --tme-fw-regular: 400;
  --tme-fw-book: 400;
  --tme-fw-medium: 500;
  --tme-fw-semibold: 600;
  --tme-fw-bold: 700;
  --tme-fw-extrabold: 900;
}

body {
  font-size: var(--tme-fs-body-base);
  line-height: var(--tme-lh-body-base);
  color: var(--tme-color-gray-700);
  font-family: var(--tme-ff-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--tme-ff-headings);
}

.t-teme-temp2 h4, .t-teme-temp2 h5, .t-teme-temp2 h6,
.t-teme-temp3 h4,
.t-teme-temp3 h5,
.t-teme-temp3 h6 {
  font-family: var(--tme-ff-body);
}

h1, h2, h3, h4, h5 {
  color: var(--tme-color-gray-700);
  margin-bottom: 0;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a {
  text-decoration: none;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p {
  margin-top: 16px;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
  margin-top: 0;
}

h1 {
  font-weight: var(--tme-fw-bold);
  font-size: var(--tme-fs-heading-h1);
  line-height: var(--tme-lh-heading-h1);
}

h2 {
  font-weight: var(--tme-fw-bold);
  font-size: var(--tme-fs-heading-h2);
  line-height: var(--tme-lh-heading-h2);
}

h3 {
  font-weight: var(--tme-fw-bold);
  font-size: var(--tme-fs-heading-h3);
  line-height: var(--tme-lh-heading-h3);
}

h4 {
  font-weight: var(--tme-fw-bold);
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
}

h5 {
  font-weight: var(--tme-fw-bold);
  font-size: var(--tme-fs-heading-h5);
  line-height: var(--tme-lh-heading-h5);
}

h6 {
  font-weight: var(--tme-fw-bold);
  font-size: var(--tme-fs-heading-h6);
  line-height: var(--tme-lh-heading-h6);
}

a {
  color: var(--tme-color-gray-700);
  font-family: inherit;
  text-decoration: underline;
}
a:hover, a:focus {
  color: var(--tme-color-gray-500);
  text-decoration: none;
}

strong,
b {
  font-weight: var(--tme-fw-bold);
}

p:not(:first-child) {
  margin: 16px 0 0;
}

blockquote {
  text-indent: -0.4em;
  font-style: italic;
}

blockquote:not(:first-child) {
  margin: 16px 0 0;
}