/* Global */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-variation-settings: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

html,
:root {
  font-size: 10px !important;
  margin-top: 0 !important;
}

body,
html {
  min-height: 100%;
  overscroll-behavior-y: none;
  width: 100%;
}

html {
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  background-color: var(--token-d40f0146-52d4-486c-bcd2-3a4694af1505);
  color: var(--token-d4d24029-d109-496b-be83-eaf24f6efb12);
  font-family: "Inter", sans-serif;
  font-kerning: none;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
}

body,
html {
  /* height: 100%;
  overflow: hidden;
  position: fixed; */
}

.is-loading,
.is-loading body {
  height: 100%;
  overflow: hidden;
}

.is-loading section {
  opacity: 0;
}

.is-loaded #main {
  height: 100%;
  /* overflow-x: hidden;
  overflow-y: auto; */
  overscroll-behavior: none;
  position: relative;
}

.is-menu-open #main {
  overflow: hidden;
}

#__framer-badge-container {
  display: none;
}

/* Nav */
#main [data-framer-name="Mobile Open"] {
  min-height: 100svh;
}

[data-framer-name="Mobile Open"] a {
  text-underline-offset: 7px !important;
  text-decoration-thickness: 2px !important;
}

/* Hero */
[data-framer-root] main header[data-framer-name="Hero"] {
  max-height: 100svh;
}

.cursor-in-hero [data-framer-name="Dot"] {
  visibility: hidden;
}

/* Studio */
[data-framer-root] [data-framer-name="Logo Container"] {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* --- */
/* Media queries */
/* --- */

@media (max-width: 600px) {
  body,
  html {
    height: 100%;
    overflow: hidden;
    position: fixed;
  }

  .is-loaded #main {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media (min-width: 1440px) {
  html,
  :root {
    font-size: 0.6944444444444444vw !important;
  }
}