@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'myIcons';
  src:url('../fonts/myIcons/myIcons.eot');
  src: url('../fonts/myIcons/myIcons.eot?#iefix') format('embedded-opentype'),
       url('../fonts/myIcons/myIcons.woff') format('woff'),
	   url('../fonts/myIcons/myIcons.ttf')  format('truetype'),
	   url('../fonts/myIcons/myIcons.svg#myIcons') format('svg');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

/* ------------------------- Reset -------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}
body {
  cursor: url("https://cdn.prod.website-files.com/6708f85ff3d3cba6aff436fb/671251b239d7aeb290a31ac5_cursor-default%402x.svg")
      2 0,
    auto;
}
a, button {
  cursor: url("https://cdn.prod.website-files.com/6708f85ff3d3cba6aff436fb/671251b212e6b71494aa67ff_cursor-pointer%402x.svg")
      12 0,
    pointer;
}


body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-optical-sizing: auto;
}
html{
    scroll-behavior: smooth;
	text-rendering: optimizeLegibility;
}

:root {
  --font-brand: "myIcons", sans-serif;
  --color-light: var(--color-neutral-200);
  --color-dark: var(--color-neutral-800);
  --color-primary: #4e2175;
  --color-neutral-100: #ffffff;
  --color-neutral-200: #efeeec;
  --color-neutral-300: #e3e1de;
  --color-neutral-400: #cbc8c5;
  --color-neutral-500: #818180;
  --color-neutral-600: #2c2c2c;
  --color-neutral-700: #1f1f1f;
  --color-neutral-800: #131313;
  --color-neutral-900: #000000;
  --color-sand: #f7f0e3;
  --color-blue: #31bdcc;
  --color-violet: #c3beea;
  --color-purple: #4e2175;
  --color-yellow: #ffcd2c;
  --color-bg-hero: #c3beea;
  --color-bg-cream: #f7f4ef;
  --color-bg-contact: #ffcd2c;
  --color-logo-contact: var(--color-neutral-800);
  --color-white: var(--color-neutral-100);
  --color-black: var(--color-neutral-900);
  --color-error: var(--color-primary);
  --color-success: #0ba954; 
  --cubic-default: cubic-bezier(0.65, 0.05, 0, 1);
  --duration-default: 0.735s;
  --animation-default: var(--duration-default) var(--cubic-default);
  --gap: 2em;
  --ls-tight: -0.03em;
  --ls-normal: -0.02em;
  --ls-loose: 0.08em;
  --space-xs: clamp(0.5rem, 1.5vw, 0.75rem);
  --space-sm: clamp(0.75rem, 2vw, 1.25rem);
  --space-md: clamp(1rem, 3vw, 2rem);
  --space-lg: clamp(1.5rem, 4vw, 3rem);
}
 }

/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --container-padding: 1.5em;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --container-padding: 1em;
  }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {}
}

/* ------------------------- Scaling System by Osmo [https://osmo.supply/] -------------------------  */

/* Desktop */
:root {
  --size-unit: 16; /* body font-size in design - no px */
  --size-container-ideal: 1440; /* screen-size in design - no px */
  --size-container-min: 992px;
  --size-container-max: 1920px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

:root{
    --page-padding:
    clamp(24px,4vw,64px);
}

/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --size-container-ideal: 834; /* screen-size in design - no px */
    --size-container-min: 768px;
    --size-container-max: 991px;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --size-container-ideal: 390; /* screen-size in design - no px */
    --size-container-min: 480px;
    --size-container-max: 767px;
  }
	.text-xl { font-size: 6.15rem; }
	.text-lg { font-size: 3.15rem; }
	.lh-tight_xlf { line-height: 1.1; }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {
    --size-container-ideal: 390; /* screen-size in design - no px */
    --size-container-min: 320px;
    --size-container-max: 479px;
  }
	.text-xl { font-size: 6.15rem; }
	.text-lg { font-size: 3.15rem; }
	.lh-tight_xlf { line-height: 1.1; }
}

/* ------------------------- Hide Scrollbar -------------------------------------------------- */
body::-webkit-scrollbar { display: none; }              /* Chrome, Safari, Opera */
body { -ms-overflow-style: none; }                      /* IE/old Edge */
html { scrollbar-width: none; }                         /* Firefox */

/* Images / SVG */
svg {
  max-width: none;
  height: auto;
  vertical-align: middle;
}

/* Links */
a {
    color: inherit;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
p, ul, ol {
  margin: 0;
  padding: 0;
}
h2 { letter-spacing: var(--ls-tight); }
h3 { letter-spacing: var(--ls-normal); }
.label { letter-spacing: var(--ls-loose); }
h2 { margin-bottom: var(--space-md);}
h3 { margin-bottom: var(--space-sm);}
p { margin-bottom: var(--space-sm);}
p:last-child,
h2:last-child,
h3:last-child {
  margin-bottom: 0;
}

/* Selection */
::selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}
::-moz-selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}