:root {
  --header-height: 100px;
  --container-padding: 78px;
  --font-size-copy: 17px;
  --font-size-xxl: 3.9vw;
  --font-size-xl: 3vw;
  --font-size-lg: 2.5vw;
  --font-size-md: calc(0.9vw + 10px);
  --font-size-sm: 20px;
  --font-size-xs: 15px;
  --font-size-xxs: 12px;
  --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);
}
@media (min-height: 900px) {
  :root {
    --header-height: 110px;
  }
}
@media (max-width: 1799px) {
  :root {
    --container-padding: 50px;
  }
}
@media (max-width: 1599px) {
  :root {
    --header-height: 100px;
    --font-size-copy: 16px;
    --font-size-sm: 18px;
    --font-size-xs: 14px;
    --font-size-xxs: 12px;
  }
}
@media (max-width: 1299px) {
  :root {
    --font-size-md: calc(1.1vw + 12px);
    --font-size-copy: 15px;
    --font-size-sm: 18px;
    --font-size-xs: 13px;
    --font-size-xxs: 11px;
    --header-height: 90px;
    --container-padding: 40px;
  }
}
@media (max-width: 999px) {
  :root {
    --font-size-xxl: 5.8vw;
    --font-size-xl: 4.2vw;
    --font-size-lg: 3.4vw;
    --font-size-md: calc(1.3vw + 16px);
    --font-size-sm: 17px;
  }
}
@media (max-width: 767px) {
  :root {
    --header-height: 60px;
    --font-size-xxl: 7vw;
    --font-size-xl: calc(4vw + 8px);
    --font-size-lg: calc(4vw + 4px);
  }
}
@media (max-width: 999px) and (orientation: landscape) {
  :root {
    --header-height: 60px;
    --font-size-xxl: calc(2.5vw + 10px);
    --font-size-xl: calc(2vw + 11px);
    --font-size-lg: calc(1.2vw + 12px);
    --font-size-md: calc(0.6vw + 20px);
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  :root {
    --container-padding: 20px;
  }
}
@media (min-width: 1921px) {
  :root {
    --font-size-xxl: 75px;
    --font-size-xl: 58px;
    --font-size-lg: 38px;
    --font-size-md: 28px;
  }
}

html {
  scroll-behavior: smooth;
}

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: "@";
}

.anchor {
  position: absolute;
  top: calc(var(--header-height) * -1);
}

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