@charset "utf-8";

@font-face {
  font-family: "Ginora";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/GinoraSansRegular.woff") format("woff");
}

@font-face {
  font-family: "Ginora";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/GinoraSansOblique.woff") format("woff");
}

@font-face {
  font-family: "Ginora";
  font-style: normal;
  font-weight: 200;
  src: url("/fonts/GinoraSansLight.woff") format("woff");
}

@font-face {
  font-family: "Ginora";
  font-style: italic;
  font-weight: 200;
  src: url("/fonts/GinoraSansLightOblique.woff") format("woff");
}

@font-face {
  font-family: "Ginora";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/GinoraSansSemiBold.woff") format("woff");
}

@font-face {
  font-family: "Ginora";
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/GinoraSansSemiBoldOblique.woff") format("woff");
}

@font-face {
  font-family: "Ginora";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/GinoraSansBold.woff") format("woff");
}

@font-face {
  font-family: "Ginora";
  font-style: italic;
  font-weight: 800;
  src: url("/fonts/GinoraSansBoldOblique.woff") format("woff");
}

/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src:
    url("/fonts/inter-v20-latin-200.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-200.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  src:
    url("/fonts/inter-v20-latin-200italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-200italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src:
    url("/fonts/inter-v20-latin-regular.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src:
    url("/fonts/inter-v20-latin-italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src:
    url("/fonts/inter-v20-latin-600.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-600.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src:
    url("/fonts/inter-v20-latin-600italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-600italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src:
    url("/fonts/inter-v20-latin-800.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-800.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  src:
    url("/fonts/inter-v20-latin-800italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-800italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src:
    url("/fonts/inter-v20-latin-900.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-900.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  src:
    url("/fonts/inter-v20-latin-900italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("/fonts/inter-v20-latin-900italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
  interpolate-size: allow-keywords;

  /* Green Tint #E8F5D8 */
  --color-light-green: 95.278% 0.04054 127.008;
  /* Vetta Green #8FCF10  */
  --color-primary: 78.155% 0.20353 128.797;
  /* Off White #F4F5F6 */
  --color-light: 96.967% 0.00181 249.224;
  /* Slate #8B949E */
  --color-light-gray: 66.248% 0.01821 251.011;
  /* Graphite Mid #444D56 */
  --color-medium-gray: 41.561% 0.01907 248.347;
  /* Graphite Dark #1C2128 */
  --color-dark-gray: 24.581% 0.0153 256.84;
  /* Carbon #0D1117 */
  --color-dark: 17.629% 0.01404 258.383;
  /* Black #040404 */
  --color-darkest: 10.668% 0.00001 271.152;

  --color-error-light: 45.163% 0.18086 17.424;
  --color-error-dark: 72.985% 0.17167 9.896;
  --color-success-light: 42.71% 0.13961 140.731;
  --color-success-dark: 68.604% 0.18651 135.223;

  /** Type */
  --accent-font: "Ginora", system-ui, serif;
  --main-font: "Inter", system-ui, serif;
  --fw-light: 200;
  --fw-regular: 400;
  --fw-medium: 600;
  --fw-bold: 800;
  --fw-black: 900;
  --heading-line-height: 1.15;
  --base-line-height: 1.5;
  --tracking: 0.05em;
  --tracking-s: 0.05em;
  --heading-length: 25ch;
  --text-length: 68ch;

  /** Sizes */
  /* @link https://utopia.fyi/type/calculator?c=320,16,1.2,2560,20,1.333,7,2,&s=1|1|1,1.5|2|3|4|6|8|10|12,s-2xl|s-5xl|s-6xl|xl-4xl|xl-xs|xl-m&g=s,l,xl,12 */
  --step--2: clamp(0.651rem, 0.6436rem + 0.0375vw, 0.7035rem);
  --step--1: clamp(0.7813rem, 0.7589rem + 0.1118vw, 0.9377rem);
  --step-0: clamp(0.9375rem, 0.8929rem + 0.2232vw, 1.25rem);
  --step-1: clamp(1.125rem, 1.0477rem + 0.3866vw, 1.6663rem);
  --step-2: clamp(1.35rem, 1.2256rem + 0.6222vw, 2.2211rem);
  --step-3: clamp(1.62rem, 1.4285rem + 0.9577vw, 2.9607rem);
  --step-4: clamp(1.944rem, 1.6579rem + 1.4305vw, 3.9467rem);
  --step-5: clamp(2.3328rem, 1.9145rem + 2.0915vw, 5.2609rem);
  --step-6: clamp(2.7994rem, 2.1974rem + 3.0096vw, 7.0128rem);
  --step-7: clamp(3.3592rem, 2.5037rem + 4.2777vw, 9.3481rem);
  --step-ultra: clamp(2.0736rem, 1.806rem + 2.8763vw, 9.3481rem);

  /* @link https://utopia.fyi/space/calculator?c=320,16,1.2,2560,20,1.333,7,2,&s=1|1|1,1.5|2|3|4|6|8|10|12,s-2xl|s-5xl|s-6xl|xl-4xl|xl-xs|xl-m&g=s,l,xl,12 */
  --space-3xs: clamp(0.25rem, 0.2411rem + 0.0446vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4821rem + 0.0893vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.7232rem + 0.1339vw, 0.9375rem);
  --space-s: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem);
  --space-m: clamp(1.5rem, 1.4464rem + 0.2679vw, 1.875rem);
  --space-l: clamp(2rem, 1.9286rem + 0.3571vw, 2.5rem);
  --space-xl: clamp(3rem, 2.8929rem + 0.5357vw, 3.75rem);
  --space-2xl: clamp(4rem, 3.8571rem + 0.7143vw, 5rem);
  --space-3xl: clamp(6rem, 5.7857rem + 1.0714vw, 7.5rem);
  --space-4xl: clamp(8rem, 7.7143rem + 1.4286vw, 10rem);
  --space-5xl: clamp(10rem, 9.6429rem + 1.7857vw, 12.5rem);
  --space-6xl: clamp(12rem, 11.5714rem + 2.1429vw, 15rem);

  /* One-up pairs */
  --space-3xs-2xs: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem);
  --space-2xs-xs: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem);
  --space-xs-s: clamp(1rem, 0.9643rem + 0.1786vw, 1.25rem);
  --space-s-m: clamp(1rem, 0.875rem + 0.625vw, 1.875rem);
  --space-m-l: clamp(1.5rem, 1.3571rem + 0.7143vw, 2.5rem);
  --space-l-xl: clamp(2rem, 1.75rem + 1.25vw, 3.75rem);
  --space-xl-2xl: clamp(3rem, 2.7143rem + 1.4286vw, 5rem);
  --space-2xl-3xl: clamp(4rem, 3.5rem + 2.5vw, 7.5rem);
  --space-3xl-4xl: clamp(6rem, 5.4286rem + 2.8571vw, 10rem);
  --space-4xl-5xl: clamp(8rem, 7.3571rem + 3.2143vw, 12.5rem);
  --space-5xl-6xl: clamp(10rem, 9.2857rem + 3.5714vw, 15rem);

  /* Custom pairs */
  --space-s-2xl: clamp(1rem, 0.4286rem + 2.8571vw, 5rem);
  --space-s-5xl: clamp(1rem, -0.6429rem + 8.2143vw, 12.5rem);
  --space-s-6xl: clamp(1rem, -1rem + 10vw, 15rem);
  --space-xl-4xl: clamp(3rem, 2rem + 5vw, 10rem);
  --space-xl-xs: clamp(1.25rem, 3.25rem + -1.25vw, 3rem);
  --space-xl-m: clamp(1.875rem, 3.1607rem + -0.8036vw, 3rem);

  /** Grid */
  --grid-gutter: var(--space-s-l, clamp(1rem, 0.4783rem + 2.6087vw, 2.5rem));

  /** Animation */
  --timing-fast: 500ms;
  --timing-medium: 750ms;
  --timing-slow: 1s;
  --timing-extra_slow: 1.5s;
  --timing-super_slow: 3s;
  --bounce: linear(
    0,
    0.009 1%,
    0.035 2%,
    0.08 3.1%,
    0.144 4.3%,
    0.292 6.5%,
    0.741 12.5%,
    0.858 14.3%,
    0.958 16.1%,
    1.034 17.8%,
    1.097 19.6%,
    1.141 21.4%,
    1.169 23.3%,
    1.181 25.8%,
    1.169 28.6%,
    1.141 31.3%,
    1.015 41.1%,
    0.986 44.8%,
    0.97 48.6%,
    0.969 54.3%,
    1.005 73.5%,
    1
  );
  --anim-fast: var(--timing-fast);
  --anim-medium: var(--timing-medium);
  --anim-slow: var(--timing-slow);
  --anim-extra-slow: var(--timing-extra_slow);
  --anim-super-slow: var(--timing-super_slow);
  --anim-bounce: var(--timing-slow) var(--bounce);
  /*--fade-card-anim: cubic-bezier(0.36, 0, 0.66, -0.56); with small reversing */
  --fade-card-anim: cubic-bezier(0.16, 1, 0.3, 1);
  --overshoot-soft: linear(0, -0.011 5.5%, -0.053 10.6%, -0.115 15.2%, -0.269 24.6%, -0.316 28.4%, -0.333 31.8%, -0.32 34.9%, -0.285 37.2%, -0.228 39.4%, -0.047 43.5%, 0.219 47.2%, 0.952 55%, 1.158 58.7%, 1.285 62.8%, 1.33 66.6%, 1.333 68.7%, 1.322 70.9%, 1.272 75.2%, 1.115 84.8%, 1.051 89.5%, 1.011 94.5%, 1);

  /** Misc */
  --inverse-clamp: var(--space-xl-xs);
  --border-radius: 5px;
  --border-thickness: 6px;
  --border-style: solid;
  
  --shadow-basic: 5px 5px 10px oklch(var(--color-dark) / 0.25);
  --shadow-around: 0 0 10px oklch(var(--color-dark) / 0.25);
  --shadow-primary-around: 0 0 10px oklch(var(--color-primary) / 0.25);
  --neumorph-shadow-up:
    var(--neumorph-shadow-size, 4px) var(--neumorph-shadow-size, 4px) var(--neumorph-shadow-blur, 8px) oklch(var(--color-darkest) / 0.5),
	calc(-1 * var(--neumorph-shadow-size, 4px)) calc(-1 * var(--neumorph-shadow-size, 4px)) var(--neumorph-shadow-blur, 8px) oklch(var(--color-light) / 0.1);
  --neumorph-shadow-down:
	inset var(--neumorph-shadow-size, 4px) var(--neumorph-shadow-size, 4px) var(--neumorph-shadow-blur, 8px) oklch(var(--color-darkest) / 0.5),
	inset calc(-1 * var(--neumorph-shadow-size, 4px)) calc(-1 * var(--neumorph-shadow-size, 4px)) var(--neumorph-shadow-blur, 8px) oklch(var(--color-light) / 0.1);
  --neumorph-shadow-up-down:
    var(--neumorph-shadow-size, 4px) var(--neumorph-shadow-size, 4px) var(--neumorph-shadow-blur, 8px) oklch(var(--color-darkest) / 0.5),
	calc(-1 * var(--neumorph-shadow-size, 4px)) calc(-1 * var(--neumorph-shadow-size, 4px)) var(--neumorph-shadow-blur, 8px) oklch(var(--color-light) / 0.1),
	inset var(--neumorph-shadow-size, 4px) var(--neumorph-shadow-size, 4px) var(--neumorph-shadow-blur, 8px) oklch(var(--color-darkest) / 0.5),
	inset calc(-1 * var(--neumorph-shadow-size, 4px)) calc(-1 * var(--neumorph-shadow-size, 4px)) var(--neumorph-shadow-blur, 8px) oklch(var(--color-light) / 0.1);
  
  --fancybox-zIndex: 999999999999;
  --glow-gradient:
    transparent, transparent, transparent, oklch(var(--color-primary)),
    transparent, transparent, transparent;
}

@media (prefers-reduced-motion) {
  :root {
    --timing-fast: 10ms;
    --timing-medium: 10ms;
    --timing-slow: 10ms;
    --timing-extra_slow: 10ms;
    --timing-super_slow: 10ms;
  }
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

[role="list"] {
  padding: 0;
}

html {
  scrollbar-gutter: stable;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/*[id] {
  scroll-margin-top: var(--space-4xl, 5rem);
}*/

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img,
picture,
video {
  width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  shape-margin: 1em;
}

input,
button,
textarea,
select {
  font: inherit;
}