:root {
  --red-hex: #DC636D;
  --red-light-hex: #FFD7DA;
  --green-hex: #99BC3A;
  --green-light-hex: #EEFFC4;
  --blue-hex: #689ECE;
  --blue-light-hex: #D2EAFF;
  --lightgrey-hex: #ECECEC;
  --black-hex: #070709;
  --text-hex: #070709;
  --white-hex: #FFFFFF;
  --red-rgb: 220, 99, 109;
  --red-light-rgb: 255, 215, 218;
  --green-rgb: 153, 188, 58;
  --green-light-rgb: 238, 255, 196;
  --blue-rgb: 104, 158, 206;
  --blue-light-rgb: 210, 234, 255;
  --lightgrey-rgb: 236, 236, 236;
  --black-rgb: 7, 7, 9;
  --text-rgb: 7, 7, 9;
  --white-rgb: 255, 255, 255;
  --form-input-color: var(--lightgrey-hex);
  --form-input-border-color: #CCC;
  --form-input-focus-color: var(--white-hex);
  --form-input-border-focus-color: var(--grey-hex);
  --header-height: 126px;
  --header-height-scrolled: 96px;
  --container-padding: 80px;
  --container-large: 1560px;
  --container-medium: 1120px;
  --container-small: 880px;
  --grid-padding: 20px;
  --section-margin: calc(50px + 3vw);
  --font-size-copy: 20px;
  --font-size-xxxl: 136px;
  --font-size-xxl: 72px;
  --font-size-xl: 56px;
  --font-size-lg: 40px;
  --font-size-md: 32px;
  --font-size-sm: 24px;
  --font-size-xs: 16px;
  --font-size-xxs: 14px;
  --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
  --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
  --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
  --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
  --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
  --ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
  --background-color: var(--white-hex);
  --text-color: var(--text-hex);
  --input-height: 50px;
  --input-border: 2px solid var(--form-input-border-color);
}
@media (max-width: 1699px) {
  :root {
    --container-padding: 60px;
    --container-large: 1410px;
    --container-medium: 1020px;
    --container-small: 800px;
    --grid-padding: 15px;
    --header-height: 112px;
    --font-size-copy: 18px;
    --font-size-xxxl: calc(24px + 6vw);
    --font-size-xxl: 64px;
    --font-size-xl: 48px;
    --font-size-lg: 36px;
    --font-size-md: 26px;
    --font-size-sm: 22px;
    --font-size-xs: 16px;
    --font-size-xxs: 14px;
  }
}
@media (max-width: 1199px) {
  :root {
    --grid-padding: 12px;
    --font-size-copy: 17px;
    --font-size-xxl: 56px;
    --font-size-xl: 40px;
    --font-size-lg: 32px;
    --font-size-md: 24px;
    --font-size-sm: 20px;
    --font-size-xs: 15px;
  }
}
@media (max-width: 999px) {
  :root {
    --container-padding: 40px;
    --grid-padding: 10px;
  }
}
@media (max-width: 767px) {
  :root {
    --font-size-copy: 16px;
    --font-size-xxl: 36px;
    --font-size-xl: 28px;
    --font-size-lg: 24px;
    --font-size-md: 20px;
    --font-size-sm: 18px;
    --font-size-xs: 14px;
    --font-size-xxs: 12px;
    --container-padding: 32px;
    --grid-padding: 6px;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  :root {
    --header-height: 90px;
    --container-padding: 16px;
    --grid-padding: 6px;
  }
}
:root {
  /*
  @media(max-width: 1299px) {
    --header-height: 90px;
    --container-padding: 50px;
    --narrow-width: 900px;
    --grid-padding: 10px;
  }

  @media(min-width: 1000px) and (max-width: 1379px) {
    --container-padding: 36px;
    --section-margin: calc(30px + 3vw);
  }

  @media(max-width: 767px), (max-width: 1199px) and (orientation: landscape) {
    --font-size-sm: 17px;
    --font-size-copy: 15px;
  }

  @media(max-width: 999px) {
    --container-padding: 36px;
  }

  @media(max-width: 999px) and (orientation: landscape), (max-width: 767px) {
    --header-height: 70px;
  }

  @media(max-width: 767px) {
    --container-padding: 20px;
    --grid-padding: 6px;

    --font-size-sm: 16px;
    --font-size-xs: 13px;
  }

  @media(min-width: 1921px) {
    --font-size-xxl: 52px;
    --font-size-xl: 40px;
    --font-size-lg: 34px;
  }
  */
}

html {
  position: relative;
  display: block;
  scroll-behavior: smooth;
  background-color: var(--white-hex);
}

html:not([data-ready=true]) *, html:not([data-ready=true]) *::before, html:not([data-ready=true]) *::after {
  transition: none !important;
}

.mail-link .domain::before {
  content: "@";
}

.page-wrapper .toggle-style {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  aspect-ratio: 1;
  opacity: 0;
  z-index: 101;
}

[data-style=no-radius] {
  --border-radius: 0;
  --border-radius-small: 0;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

[data-background] {
  background-color: var(--bg-color);
  color: var(--color);
}

[data-background=white] {
  --bg-color: var(--white-hex);
  --color: var(--black-hex);
}

[data-background=green] {
  --bg-color: var(--green-hex);
  --color: var(--white-hex);
}

[data-background=red] {
  --bg-color: var(--red-hex);
  --color: var(--white-hex);
}

[data-background=blue] {
  --bg-color: var(--blue-hex);
  --color: var(--white-hex);
}

[data-background=green-light] {
  --bg-color: var(--green-light-hex);
  --color: var(--text-hex);
}

[data-background=red-light] {
  --bg-color: var(--red-light-hex);
  --color: var(--text-hex);
}

[data-background=blue-light] {
  --bg-color: var(--blue-light-hex);
  --color: var(--text-hex);
}

[data-background=lightgrey] {
  --bg-color: var(--lightgrey-hex);
  --color: var(--text-hex);
}

[data-background=white] + [data-background=white] .container, [data-background=white] + [data-background=white] .container-medium, [data-background=white] + [data-background=white] .container-small,
[data-background=blue] + [data-background=blue] .container,
[data-background=blue] + [data-background=blue] .container-medium,
[data-background=blue] + [data-background=blue] .container-small,
[data-background=green] + [data-background=green] .container,
[data-background=green] + [data-background=green] .container-medium,
[data-background=green] + [data-background=green] .container-small,
[data-background=red] + [data-background=red] .container,
[data-background=red] + [data-background=red] .container-medium,
[data-background=red] + [data-background=red] .container-small,
[data-background=blue-light] + [data-background=blue-light] .container,
[data-background=blue-light] + [data-background=blue-light] .container-medium,
[data-background=blue-light] + [data-background=blue-light] .container-small,
[data-background=green-light] + [data-background=green-light] .container,
[data-background=green-light] + [data-background=green-light] .container-medium,
[data-background=green-light] + [data-background=green-light] .container-small,
[data-background=red-light] + [data-background=red-light] .container,
[data-background=red-light] + [data-background=red-light] .container-medium,
[data-background=red-light] + [data-background=red-light] .container-small,
[data-background=lightgrey] + [data-background=lightgrey] .container,
[data-background=lightgrey] + [data-background=lightgrey] .container-medium,
[data-background=lightgrey] + [data-background=lightgrey] .container-small {
  margin-top: 0;
}

.paper {
  background-color: var(--white-hex);
  color: var(--text-hex);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin: 0 -60px;
  padding: 60px;
}
@media (max-width: 1299px) {
  .paper {
    margin: 0 calc(var(--container-padding) * -0.66);
    padding: 40px var(--container-padding);
  }
}

.header-image[data-image-overlay=true] + .text .paper {
  margin-top: calc(var(--section-margin) * -0.7);
}

@media (max-width: 1399px) {
  .toggle-style {
    display: none !important;
  }
}

/*# sourceMappingURL=main.css.map */