:root {
  --a-leave: 0;
  --a-enter: 1;
  --px: 0;
  --py: 0;
  --p1: 0;
  --p2: 1;
  --col-black: #000300;
  --col-white: #fefffe;
  --col-lgray: #aaa;
  --col-gray: #3e3e3e;
  --col-dgray: #242527;
  --col-bg-img: #f1f1f1;
  --col-bg-menu: #121212;
  --col-yellow: #e3f660;
  --col-purple: #976ae1;
  --col-border: rgba(0, 3, 0, 0.2);
  --col-border-purple: rgba(151, 106, 225, 0.2);
  --r: 0.347vw;
  --go: 2.777vw;
  --gw: calc(2.08333vw - var(--go) * 2 / 48);
  --header-h: 5.208vw;
  --single-w: 60vw;
  --ease-power1-in: cubic-bezier(0.26, 0, 0.6, 0.2);
  --ease-power1-out: cubic-bezier(0.4, 0.8, 0.74, 1);
  --ease-power1-in-out: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  --ease-power2-in: cubic-bezier(0.4, 0, 0.68, 0.06);
  --ease-power2-out: cubic-bezier(0.32, 0.94, 0.6, 1);
  --ease-power2-in-out: cubic-bezier(0.66, 0, 0.34, 1);
  --ease-power3-in: cubic-bezier(0.52, 0, 0.74, 0);
  --ease-power3-out: cubic-bezier(0.26, 1, 0.48, 1);
  --ease-power3-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-power4-in: cubic-bezier(0.64, 0, 0.78, 0);
  --ease-power4-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-power4-in-out: cubic-bezier(0.84, 0, 0.16, 1);
  --a-clip-s: 1.2s;
  --a-clip-e: cubic-bezier(0.22, 1, 0.36, 1);
  --a-clip-o-s: 0.6s;
  --a-clip-o-e: cubic-bezier(0.22, 1, 0.36, 1);
  --a-hover-s: 0.5s;
  --a-global-t-s: 0.8s;
}

:root {
  --tp-ff-body: 'Syne', sans-serif;
  --tp-ff-heading: 'Syne', sans-serif;
  --tp-ff-p: 'Syne', sans-serif;
  --tp-ff-syne: 'Syne', sans-serif;
  --tp-ff-gallery: 'gallery_modernregular', sans-serif;
  --tp-ff-shoulders: 'Big Shoulders Display', cursive;
  --tp-ff-marcellus: 'Marcellus', sans-serif;
  --tp-ff-aladin: 'Aladin', system-ui;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  --tp-common-white: #F5F7F5;
  --tp-common-white-solid: #fff;
  --tp-common-black: #1E1E1E;
  --tp-common-black-2: #1E1E1E;
  --tp-common-black-3: #141414;
  --tp-common-dark: #121212;
  --tp-common-orange: #EB5939;
  --tp-grey-1: #262626;
  --tp-grey-2: #F4F4F4;
  --tp-grey-3: #5D5D63;
  --tp-grey-4: #F7F7F7;
  --tp-text-body: #5D5D63;
  --tp-theme-1: #336EF9;
  --tp-border-1: #EAEAEB;
}
* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

html.lenis,
html.lenis body {
  height: auto;
}


body {
  background-color: rgb(250, 246, 239);
}

body {
  font-size: 1rem;
  font-family: SpeziaCondensed, "SpeziaCondensed Fallback";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  color: rgb(13, 13, 14);
}
.p-relative {
  position: relative;
}

ul {
  margin: 0px;
  padding: 0px;
}

a,
    button {
      cursor: pointer;
      text-decoration: none;
    }