@import "https://use.typekit.net/sxr5bpk.css";

:root {
  --off-white: #fefefe;
  --off-black: #333;
  --light-orange: #fedec2;
  --maya-blue: #81c6ff;
  --uranian-blue: #bde0fe;
  --orange-crayola: #f57134;
  --pale-dogwood: #fcd6c5;
  --sunglow: #fdcc32;
  --vanilla: #feebaf;
  --butterscotch: #e8943a;
  --grass-green: #6e846d;
  --light-orange-ok: oklch(92% .0514 63.32);
  --maya-blue-ok: oklch(80% .1071 244.62);
  --uranian-blue-ok: oklch(89% .0555 244.32);
  --orange-crayola-ok: oklch(70% .1778 42.94);
  --pale-dogwood-ok: oklch(90% .0485 45.5);
  --sunglow-ok: oklch(86% .1646 89.55);
  --vanilla-ok: oklch(94% .0791 92.59);
  --butterscotch-ok: oklch(74% .1432 63.6);
  --light-orange-hsla: #fedec3;
  --maya-blue-hsla: #80c6ff;
  --uranian-blue-hsla: #bee0fe;
  --orange-crayola-hsla: #f57032;
  --pale-dogwood-hsla: #fcd6c5;
  --sunglow-hsla: #fdcd30;
  --vanilla-hsla: #feecae;
  --butterscotch-hsla: #e8943b;
  --min-bp: 30rem;
  --max-bp: 90.5rem;
  --base-hue: 265;
  --base-sat: 40%;
  --semi-transparent: hsla(var(--base-hue), var(--base-sat), 99%, 65%);
  --site-gutter-fluid: 5vw;
  --site-gutter-fluid-wide: 10vw;
}

html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

::-moz-selection {
  text-shadow: none;
  background: #e5eefa;
}

::selection {
  text-shadow: none;
  background: #e5eefa;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  border-top: 1px solid #ccc;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  display: block;
  overflow: visible;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: #0000;
  text-decoration: none;
}

abbr[title] {
  text-decoration: underline;
  border-bottom: none;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

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

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  white-space: inherit;
  width: auto;
  margin: 0;
  position: static;
  overflow: visible;
}

:root {
  --acumin-pro-tk-url: "https://use.typekit.net/sxr5bpk.css";
  --poppins-tk-url: "https://use.typekit.net/sxr5bpk.css";
  --geneo-std-tk-url: "https://use.typekit.net/sxr5bpk.css";
  --degular-tk-url: "https://use.typekit.net/sxr5bpk.css";
  --degular-display-tk-url: "https://use.typekit.net/sxr5bpk.css";
  --ff-acumin-pro: acumin-pro, sans-serif;
  --ff-poppins: poppins, sans-serif;
  --ff-geneo-std: geneo-std, sans-serif;
  --ff-degular: degular, sans-serif;
  --ff-degular-display: degular-display, sans-serif;
  --ff-degular-text: degular-text, sans-serif;
  --xlight: 100;
  --light: 200;
  --normal: 300;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --xbold: 800;
  --heavy: 900;
  --italic: italic;
  --default-style: normal;
  --default-swap: swap;
  --paragraph: clamp(1rem, .875rem + .625vw, 1.5rem);
  --xtrasmall-text-clamp: clamp(.775rem, .75rem + .5vw, 1.05rem);
  --small-text-clamp: clamp(.875rem, .75rem + .5vw, 1.25rem);
  --big-header: clamp(4rem, 2.4rem + 5vw, 8rem);
  --header: clamp(2rem, 1.25rem + 2.2vw, 4rem);
  --subhead-lg: clamp(1.75rem, 1.375rem + 1.5vw, 3rem);
  --subhead-md: clamp(1.5rem, 1.25rem + 1vw, 2.5rem);
  --subhead-sm: clamp(1.25rem, 1rem + .75vw, 2rem);
}

@font-face {
  font-family: var(--ff-acumin-pro);
  font-style: var(--default-style);
  font-display: var(--default-swap);
}

@font-face {
  font-family: var(--ff-poppins);
  font-style: var(--default-style);
  font-display: var(--default-swap);
}

@font-face {
  font-family: var(--ff-geneo-std);
  font-style: var(--default-style);
  font-display: var(--default-swap);
}

@font-face {
  font-family: var(--ff-degular);
  font-style: var(--default-style);
  font-display: var(--default-swap);
}

@font-face {
  font-family: var(--ff-degular-display);
  font-style: var(--default-style);
  font-display: var(--default-swap);
}

@font-face {
  font-family: var(--ff-degular-text);
  font-style: var(--default-style);
  font-display: var(--default-swap);
}

.button {
  color: #4a4a4a;
  cursor: pointer;
  background: #e0e0e0;
  border: none;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 16px;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 5px 5px 10px #bebebe, -5px -5px 10px #fff;
  box-shadow: 5px 5px 10px #bebebe, -5px -5px 10px #fff;
}

.button:hover {
  -webkit-box-shadow: 3px 3px 8px #bebebe, -3px -3px 8px #fff;
  box-shadow: 3px 3px 8px #bebebe, -3px -3px 8px #fff;
}

.button:active {
  -webkit-box-shadow: inset 3px 3px 8px #bebebe, inset -3px -3px 8px #fff;
  box-shadow: inset 3px 3px 8px #bebebe, inset -3px -3px 8px #fff;
}

.star:before {
  content: "★";
  color: #4a4a4a;
  margin-right: 8px;
}

.button-first {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.button-first:before {
  content: "★";
  margin: 0;
}

.button-second, .button-third {
  width: 120px;
  height: 50px;
}

.button-fourth {
  justify-content: space-between;
  width: 180px;
  height: 50px;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.button-fourth:after {
  content: "▼";
  font-size: 12px;
}

.button-fifth {
  width: 120px;
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px dashed #a0a0a0;
  justify-content: center;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.button-fifth:before {
  content: "✔";
  color: #4a4a4a;
  font-size: 16px;
}

.button-sixth {
  width: 120px;
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #a0a0a0;
}

.button-seventh {
  color: #fff;
  background: #d0d0d0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
}

.button-eighth {
  color: #fff;
  background: #e0c0ff;
  width: 180px;
  height: 40px;
  font-size: 14px;
  -webkit-box-shadow: 3px 3px 8px #bebebe, -3px -3px 8px #fff;
  box-shadow: 3px 3px 8px #bebebe, -3px -3px 8px #fff;
}

.button-small {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.button-small:before {
  content: "★";
  margin: 0;
}

.splide__container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  pointer-events: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.splide__pagination li {
  pointer-events: auto;
  margin: 0;
  line-height: 1;
  list-style-type: none;
  display: inline-block;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  visibility: hidden;
  position: relative;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  position: relative;
  list-style-type: none !important;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  contain: strict;
  border: 2px solid #999;
  border-left-color: #0000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: auto;
  -webkit-animation: 1s linear infinite splide-loading;
  animation: 1s linear infinite splide-loading;
  display: inline-block;
  position: absolute;
  inset: 0;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

@-webkit-keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  opacity: 0;
  z-index: 0;
  margin: 0 !important;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  cursor: pointer;
  opacity: .7;
  z-index: 1;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.splide__arrow svg {
  fill: #000;
  width: 1.2em;
  height: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: .9;
}

.splide__arrow:disabled {
  opacity: .3;
}

.splide__arrow:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__pagination {
  z-index: 1;
  padding: 0 1em;
  position: absolute;
  bottom: .5em;
  left: 0;
  right: 0;
}

.splide__pagination__page {
  opacity: .7;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 3px;
  padding: 0;
  -webkit-transition: -webkit-transform .2s linear, transform .2s linear;
  transition: -webkit-transform .2s linear, transform .2s linear;
  display: inline-block;
  position: relative;
}

.splide__pagination__page.is-active {
  z-index: 1;
  background: #fff;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9;
}

.splide__pagination__page:focus-visible, .splide.is-focus-in .splide__pagination__page:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: #0000;
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline-offset: -3px;
    outline: 3px solid #0bf;
  }
}

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}

@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline-offset: -3px;
    outline: 3px solid #0bf;
  }
}

@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}

.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible, .splide.is-focus-in .splide__toggle:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__track--nav > .splide__list > .splide__slide {
  cursor: pointer;
  border: 3px solid #0000;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  top: auto;
  bottom: 1em;
}

.splide__arrows--ttb .splide__arrow--next svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1em 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  inset: 0 .5em 0 auto;
}

.header--top--global {
  z-index: 1000;
  width: 100%;
  padding: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
}

.navbar--top {
  border: 1px solid var(--semi-transparent);
  backdrop-filter: blur(16px);
  background: #fff9;
  border-radius: 1rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 94px;
  margin: 0 96px;
  -webkit-transition-property: -webkit-transform, transform, height, -webkit-box-shadow, box-shadow;
  transition-property: -webkit-transform, transform, height, -webkit-box-shadow, box-shadow;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 4px 6px #0000001a;
  box-shadow: 0 4px 6px #0000001a;
}

.phone-box {
  text-align: center;
  border: 1px solid var(--semi-transparent);
  backdrop-filter: blur(16px);
  text-align: center;
  font-family: var(--ff-poppins);
  font-weight: var(--semibold);
  color: var(--off-black);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  background: #fff9;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 20px 25px;
  font-size: 1.1rem;
  -webkit-transition: -webkit-transform .3s, transform .3s, opacity .9s;
  transition: -webkit-transform .3s, transform .3s, opacity .9s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transform: translate(400px, 86px);
  transform: translate(400px, 86px);
}

.phone-box.visible {
  opacity: 1;
  -webkit-transform: translate(0, 86px);
  transform: translate(0, 86px);
}

.phone-box > span {
  padding-top: 5px;
}

.navbar--logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.navbar__list--horizontal {
  align-content: space-between;
  place-items: flex-start;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-margin-before: 0;
  margin: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-negative: 1;
  -ms-flex-flow: row;
  flex-flow: row;
  flex-shrink: 1;
  justify-content: space-evenly;
  width: 100%;
  margin-block: 0;
  padding-inline-start: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.navbar__item--horizontal {
  align-self: center;
  padding: 0 2%;
}

@media screen and (width >= 943px) and (width <= 1200px) {
  .navbar__item--horizontal {
    padding: 0 1%;
  }
}

.navbar__item__link--horizontal {
  font-family: var(--ff-poppins);
  font-weight: var(--semibold);
  color: var(--off-black);
  text-transform: capitalize;
  white-space: nowrap;
  outline: none;
  font-size: 1rem;
  line-height: 2;
}

@media screen and (width >= 943px) and (width <= 1200px) {
  .navbar__item__link--horizontal {
    font-size: .75rem;
  }
}

.navbar__call--btn--item--horizontal {
  align-self: center;
  padding: 0 3%;
}

@media screen and (width >= 943px) and (width <= 1200px) {
  .navbar__call--btn--item--horizontal {
    padding: 0 1.66667%;
  }
}

.navbar__item__call--btn--horizontal {
  font-family: var(--ff-poppins);
  font-weight: var(--semibold);
  color: var(--off-black);
  text-transform: capitalize;
  white-space: nowrap;
  outline: none;
  font-size: 1rem;
  line-height: 2;
}

.navbar__item--horizontal:hover {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.navbar__item__img--horizontal {
  width: auto;
  height: 96px;
}

@media screen and (width >= 943px) and (width <= 1200px) {
  .navbar__item__img--horizontal {
    height: 75px;
  }
}

.navbar__item__link--vertical {
  text-transform: capitalize;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 2;
}

.cta--btn {
  background: var(--butterscotch-ok);
  border-radius: .5rem;
  padding: 1rem 1.75rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-box-shadow: 3px 2px 3px #0000001a;
  box-shadow: 3px 2px 3px #0000001a;
}

@media screen and (width >= 943px) and (width <= 1200px) {
  .cta--btn {
    padding: .75rem 1.25rem;
  }
}

@media screen and (width >= 1201px) and (width <= 3468px) {
  .cta--btn {
    padding: 1rem 2.75rem;
  }
}

.cta--btn:hover {
  background-color: var(--orange-crayola);
  color: var(--vanilla);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation:after {
  content: "";
  background-color: var(--sunglow-ok);
  width: 100%;
  height: 3px;
  -webkit-transition: -webkit-transform .25s ease-out, transform .25s ease-out;
  transition: -webkit-transform .25s ease-out, transform .25s ease-out;
  position: absolute;
  bottom: 2px;
  left: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.hover-underline-animation:hover:after, .hover-underline-animation:hover:after, .hover-underline-animation:focus:after, .hover-underline-animation:active:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hover-underline-animation.left:after {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.hover-underline-animation:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(var(--sunglow-ok), .3);
  box-shadow: 0 0 0 3px rgba(var(--sunglow-ok), .3);
}

.hover-underline-animation.left:hover:after {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hover-underline-animation.center:after, .hover-underline-animation.center:hover:after {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}

.hover-underline-animation.right:after {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hover-underline-animation.right:hover:after {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.cta--text, .cta-icon {
  color: var(--vanilla);
}

.navbar__item__link__text--vertical {
  width: 100%;
}

.hamburger {
  display: none;
}

.hamburger.open {
  padding-top: 0;
}

.hamburger span {
  background-color: var(--butterscotch);
  border-radius: 2px;
  width: 25px;
  height: 3px;
  margin: 3px 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.hamburger.open span:first-child {
  -webkit-animation-name: bar-one-animate;
  animation-name: bar-one-animate;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-transform: translate(0, 13px)rotate(45deg);
  transform: translate(0, 13px)rotate(45deg);
}

.hamburger.open span:nth-child(2) {
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.hamburger.open span:nth-child(3) {
  -webkit-animation-name: bar-three-animate;
  animation-name: bar-three-animate;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-transform: translate(0, -5px)rotate(135deg);
  transform: translate(0, -5px)rotate(135deg);
}

@media screen and (width <= 942px) {
  .header--top--global {
    width: auto;
    height: 34px;
    margin: 1.5rem 1rem;
    padding: 0;
  }

  .navbar--top {
    -webkit-box-shadow: none;
    box-shadow: none;
    backdrop-filter: unset;
    background: none;
    border: none;
    width: auto;
  }

  .navbar--top.active {
    background: none;
    height: auto;
    min-height: 680px;
  }

  .navbar__list--horizontal {
    backdrop-filter: blur(13px);
    opacity: 0;
    pointer-events: none;
    align-items: center;
    gap: 2rem;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    text-align: center;
    background: #fadd75cc;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    place-content: center space-evenly;
    width: 75vw;
    max-width: 320px;
    height: 100dvh;
    max-height: -webkit-fill-available;
    padding: 0 2rem;
    -webkit-transition: none;
    transition: none;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-box-shadow: 1px 0 4px #00000026;
    box-shadow: 1px 0 4px #00000026;
  }
}

@media screen and (width <= 942px) and (width <= 768px) {
  .navbar__list--horizontal {
    height: 100dvh;
    padding: 0 2rem;
  }
}

@media screen and (width <= 942px) {
  .navbar__list--horizontal.active {
    pointer-events: auto;
  }

  .hamburger {
    background: var(--vanilla);
    cursor: pointer;
    z-index: 200;
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 34px;
    padding-top: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 3px 2px 3px #0000001a;
    box-shadow: 3px 2px 3px #0000001a;
  }
}

@-webkit-keyframes bar-one-animate {
  0% {
    -webkit-transform: translate(0)rotate(0);
    transform: translate(0)rotate(0);
  }

  60% {
    filter: contrast();
    -webkit-transform: translate(0, 10px)rotate(0);
    transform: translate(0, 10px)rotate(0);
  }

  100% {
    filter: contrast(.9);
    -webkit-transform: translate(0, 13px)rotate(45deg);
    transform: translate(0, 13px)rotate(45deg);
  }
}

@keyframes bar-one-animate {
  0% {
    -webkit-transform: translate(0)rotate(0);
    transform: translate(0)rotate(0);
  }

  60% {
    filter: contrast();
    -webkit-transform: translate(0, 10px)rotate(0);
    transform: translate(0, 10px)rotate(0);
  }

  100% {
    filter: contrast(.9);
    -webkit-transform: translate(0, 13px)rotate(45deg);
    transform: translate(0, 13px)rotate(45deg);
  }
}

@-webkit-keyframes bar-three-animate {
  0% {
    -webkit-transform: translate(0)rotate(0);
    transform: translate(0)rotate(0);
  }

  40% {
    -webkit-transform: translate(0, -3px)rotate(0);
    transform: translate(0, -3px)rotate(0);
  }

  100% {
    -webkit-transform: translate(0, -5px)rotate(135deg);
    transform: translate(0, -5px)rotate(135deg);
  }
}

@keyframes bar-three-animate {
  0% {
    -webkit-transform: translate(0)rotate(0);
    transform: translate(0)rotate(0);
  }

  40% {
    -webkit-transform: translate(0, -3px)rotate(0);
    transform: translate(0, -3px)rotate(0);
  }

  100% {
    -webkit-transform: translate(0, -5px)rotate(135deg);
    transform: translate(0, -5px)rotate(135deg);
  }
}