/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/styles/globals.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
:root {
  --max-width--regular: 72rem;
  --max-width--medium: 108rem;
  --max-width--wide: 134rem;
  --primary-grey: #f7f7f7;
  --primary-black: #131513;
  --site-header--height: clamp(8rem, 8rem + 20 * (100vw - 375px) / 905, 10rem);
  --site-padding: clamp(2.4rem, 4vw, 4vw);
}
@media only screen and (max-width: 1278.99px) {
  :root {
    --site-padding: 3.846vw;
  }
}

@font-face {
  font-family: "Suisse Intl";
  src: url(../fonts/SuisseIntl-Regular.878509ec.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.color-black {
  color: #000 !important;
}

.color-white {
  color: #fff !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-white {
  background-color: #fff !important;
}

.fs-x-small,
.has-x-small-font-size {
  font-size: 1.2rem !important;
}

.fs-small,
.has-small-font-size {
  font-size: 1.4rem !important;
}

.fs-medium,
.has-medium-font-size {
  font-size: 1.6rem !important;
}

.fs-large,
.has-large-font-size {
  font-size: 1.8rem !important;
}

.fs-x-large,
.has-x-large-font-size {
  font-size: 2rem !important;
}

@keyframes animateTextLine {
  from {
    transform: translateY(1.25em) rotate(1.5deg);
  }
  to {
    transform: translateY(0) rotate(0);
  }
}
@keyframes rotateColors {
  from {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}
@keyframes animateColors {
  from {
    background-color: #fd603b;
  }
  50% {
    background-color: #ffb3a2;
  }
  to {
    background-color: #fd603b;
  }
}
@keyframes animateOpacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes animateImage {
  from {
    transform: scale(1.5) translateY(25%);
    transform-origin: center;
  }
  to {
    transform: scale(1) translateY(0);
    transform-origin: center;
  }
}
@keyframes animateLineWidth {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes animateClipPathToTop {
  from {
    clip-path: inset(100% 0 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes animateClipPathToBottom {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

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