@charset "utf-8";

/* eb-garamond-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: "EB Garamond";
  font-style: normal;
  font-weight: 400;
  src:
    url("../fonts/eb-garamond-v32-latin-regular.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-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: "EB Garamond";
  font-style: italic;
  font-weight: 400;
  src:
    url("../fonts/eb-garamond-v32-latin-italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-500 - 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: "EB Garamond";
  font-style: normal;
  font-weight: 500;
  src:
    url("../fonts/eb-garamond-v32-latin-500.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-500.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-500italic - 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: "EB Garamond";
  font-style: italic;
  font-weight: 500;
  src:
    url("../fonts/eb-garamond-v32-latin-500italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-500italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-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: "EB Garamond";
  font-style: normal;
  font-weight: 600;
  src:
    url("../fonts/eb-garamond-v32-latin-600.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-600.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-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: "EB Garamond";
  font-style: italic;
  font-weight: 600;
  src:
    url("../fonts/eb-garamond-v32-latin-600italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-600italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-700 - 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: "EB Garamond";
  font-style: normal;
  font-weight: 700;
  src:
    url("../fonts/eb-garamond-v32-latin-700.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-700.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-700italic - 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: "EB Garamond";
  font-style: italic;
  font-weight: 700;
  src:
    url("../fonts/eb-garamond-v32-latin-700italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-700italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-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: "EB Garamond";
  font-style: normal;
  font-weight: 800;
  src:
    url("../fonts/eb-garamond-v32-latin-800.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-800.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-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: "EB Garamond";
  font-style: italic;
  font-weight: 800;
  src:
    url("../fonts/eb-garamond-v32-latin-800italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/eb-garamond-v32-latin-800italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Agency FB */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Agency FB";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/agencyfb_reg.ttf") format("truetype"),
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Agency FB";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/AGENCYB.woff") format("woff"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("../fonts/agencyfb_bold.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;

  --color-primary: 40.44% 0.12819 3.817;

  --color-dark: 12.212% 0.00001 271.152;
  --color-light: 100% 0.00011 271.152;
  --color-error: 42.267% 0.17345 29.223;
  --color-warning: 94.512% 0.21999 118.049;
  --color-success: 44.24% 0.15006 142.377;

  /** Type */
  --main-font: "EB Garamond", system-ui, serif;
  --accent-font: "EB Garamond", system-ui, serif;
  --alternative-font: "Agency FB", system-ui, sans-serif;
  --fw-regular: 400;
  --fw-medium: 600;
  --fw-bold: 800;
  --heading-line-height: 1.15;
  --base-line-height: 1.4;
  --tracking: 0.025em;
  --tracking-s: -0.025em;
  --heading-length: 25ch;
  --text-length: 75ch;

  /* @link https://utopia.fyi/type/calculator?c=320,14,1.125,1920,20,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  /** Sizes */
  --step--3: clamp(0.4914rem, 0.456rem + 0.0076vw, 0.6681rem); /* non generated */
  --step--2: clamp(0.6914rem, 0.656rem + 0.1767vw, 0.8681rem);
  --step--1: clamp(0.7778rem, 0.725rem + 0.2639vw, 1.0417rem);
  --step-0: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  --step-1: clamp(0.9844rem, 0.8813rem + 0.5156vw, 1.5rem);
  --step-2: clamp(1.1074rem, 0.9689rem + 0.6926vw, 1.8rem);
  --step-3: clamp(1.2458rem, 1.063rem + 0.9142vw, 2.16rem);
  --step-4: clamp(1.4016rem, 1.1635rem + 1.1904vw, 2.592rem);
  --step-5: clamp(1.4768rem, 1.2201rem + 1.4336vw, 5.104rem);
  /* ULTRA FONT --space-l-2xl from the spacing link below */
  --step-ultra: clamp(1.5rem, 0.8rem + 3.5vw, 5rem);

  /* @link https://utopia.fyi/space/calculator?c=320,12,1.125,1920,20,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6|8|10|12,s-2xl|s-5xl|s-6xl|xl-4xl|xl-xs&g=s,l,xl,12 */
  --space-3xs: clamp(0.1875rem, 0.1625rem + 0.125vw, 0.3125rem);
  --space-2xs: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem);
  --space-xs: clamp(0.5625rem, 0.4875rem + 0.375vw, 0.9375rem);
  --space-s: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
  --space-m: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
  --space-l: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  --space-xl: clamp(2.25rem, 1.95rem + 1.5vw, 3.75rem);
  --space-2xl: clamp(3rem, 2.6rem + 2vw, 5rem);
  --space-3xl: clamp(4.5rem, 3.9rem + 3vw, 7.5rem);
  --space-4xl: clamp(6rem, 5.2rem + 4vw, 10rem);
  --space-5xl: clamp(7.5rem, 6.5rem + 5vw, 12.5rem);
  --space-6xl: clamp(9rem, 7.8rem + 6vw, 15rem);

  /* One-up pairs */
  --space-3xs-2xs: clamp(0.1875rem, 0.1rem + 0.4375vw, 0.625rem);
  --space-2xs-xs: clamp(0.375rem, 0.2625rem + 0.5625vw, 0.9375rem);
  --space-xs-s: clamp(0.5625rem, 0.425rem + 0.6875vw, 1.25rem);
  --space-s-m: clamp(0.75rem, 0.525rem + 1.125vw, 1.875rem);
  --space-m-l: clamp(1.125rem, 0.85rem + 1.375vw, 2.5rem);
  --space-l-xl: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);
  --space-xl-2xl: clamp(2.25rem, 1.7rem + 2.75vw, 5rem);
  --space-2xl-3xl: clamp(3rem, 2.1rem + 4.5vw, 7.5rem);
  --space-3xl-4xl: clamp(4.5rem, 3.4rem + 5.5vw, 10rem);
  --space-4xl-5xl: clamp(6rem, 4.7rem + 6.5vw, 12.5rem);
  --space-5xl-6xl: clamp(7.5rem, 6rem + 7.5vw, 15rem);

  /* Custom pairs */
  --space-s-2xl: clamp(0.75rem, -0.1rem + 4.25vw, 5rem);
  --space-s-5xl: clamp(0.75rem, -1.6rem + 11.75vw, 12.5rem);
  --space-s-6xl: clamp(0.75rem, -2.1rem + 14.25vw, 15rem);
  --space-xl-4xl: clamp(2.25rem, 0.7rem + 7.75vw, 10rem);
  --space-xl-xs: clamp(0.9375rem, 2.5125rem + -1.3125vw, 2.25rem);

  /** Grid */
  --grid-gutter: var(--space-s-l, clamp(0.75rem, 0.1336rem + 3.0822vw, 3rem));

  /** Animation */
  --timing-fast: 500ms;
  --timing-medium: 750ms;
  --timing-slow: 1s;
  --timing-extra_slow: 1.5s;
  --anim-fast: var(--timing-fast);
  --anim-medium: var(--timing-medium);
  --anim-slow: var(--timing-slow);
  --anim-extra-slow: var(--timing-extra_slow);

  /** Misc */
  --inverse-clamp: var(--space-xl-xs);
  --border-radius: 5px;
  --shadow-basic: 5px 5px 10px oklch(var(--color-dark) / 0.25);
  --shadow-around: 0 0 10px oklch(var(--color-dark) / 0.25);
  --card-width: 350px;
  --fancybox-zIndex: 999999999999;
}

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

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

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

ul[role="list"],
ol[role="list"] {
  list-style: none;
}

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

html {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

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

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

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