.color-primary-200 {
  color: #e9cec9 !important;
}

.bg-primary-200 {
  background-color: #e9cec9 !important;
}

.color-primary-300 {
  color: #d03d51 !important;
}

.bg-primary-300 {
  background-color: #d03d51 !important;
}

.color-primary-350 {
  color: #EF463F !important;
}

.bg-primary-350 {
  background-color: #EF463F !important;
}

.color-primary-400 {
  color: #f50023 !important;
}

.bg-primary-400 {
  background-color: #f50023 !important;
}

.color-primary-450 {
  color: #ED1C29 !important;
}

.bg-primary-450 {
  background-color: #ED1C29 !important;
}

.color-primary-500 {
  color: #af0032 !important;
}

.bg-primary-500 {
  background-color: #af0032 !important;
}

.color-neutral-100 {
  color: #fff !important;
}

.bg-neutral-100 {
  background-color: #fff !important;
}

.color-neutral-112 {
  color: #FEFCF6 !important;
}

.bg-neutral-112 {
  background-color: #FEFCF6 !important;
}

.color-neutral-125 {
  color: #FFFBF0 !important;
}

.bg-neutral-125 {
  background-color: #FFFBF0 !important;
}

.color-neutral-150 {
  color: #FFF9E8 !important;
}

.bg-neutral-150 {
  background-color: #FFF9E8 !important;
}

.color-neutral-175 {
  color: #F9F7F1 !important;
}

.bg-neutral-175 {
  background-color: #F9F7F1 !important;
}

.color-neutral-200 {
  color: #F0EEE7 !important;
}

.bg-neutral-200 {
  background-color: #F0EEE7 !important;
}

.color-neutral-225 {
  color: #F2F2F2 !important;
}

.bg-neutral-225 {
  background-color: #F2F2F2 !important;
}

.color-neutral-250 {
  color: #E6E5E1 !important;
}

.bg-neutral-250 {
  background-color: #E6E5E1 !important;
}

.color-neutral-275 {
  color: #E9E7E2 !important;
}

.bg-neutral-275 {
  background-color: #E9E7E2 !important;
}

.color-neutral-290 {
  color: #D9D9D9 !important;
}

.bg-neutral-290 {
  background-color: #D9D9D9 !important;
}

.color-neutral-300 {
  color: #808080 !important;
}

.bg-neutral-300 {
  background-color: #808080 !important;
}

.color-neutral-350 {
  color: #757575 !important;
}

.bg-neutral-350 {
  background-color: #757575 !important;
}

.color-neutral-375 {
  color: #616161 !important;
}

.bg-neutral-375 {
  background-color: #616161 !important;
}

.color-neutral-400 {
  color: #545454 !important;
}

.bg-neutral-400 {
  background-color: #545454 !important;
}

.color-neutral-450 {
  color: #4F4F4F !important;
}

.bg-neutral-450 {
  background-color: #4F4F4F !important;
}

.color-neutral-700 {
  color: #363129 !important;
}

.bg-neutral-700 {
  background-color: #363129 !important;
}

.color-neutral-800 {
  color: #121212 !important;
}

.bg-neutral-800 {
  background-color: #121212 !important;
}

.color-neutral-900 {
  color: #000 !important;
}

.bg-neutral-900 {
  background-color: #000 !important;
}

.color-secondary-200 {
  color: rgba(210, 182, 138, 0.5019607843) !important;
}

.bg-secondary-200 {
  background-color: rgba(210, 182, 138, 0.5019607843) !important;
}

.color-secondary-300 {
  color: #D2B68A !important;
}

.bg-secondary-300 {
  background-color: #D2B68A !important;
}

.color-secondary-500 {
  color: #AA9370 !important;
}

.bg-secondary-500 {
  background-color: #AA9370 !important;
}

.bg-primary-light {
  background-color: #e9cec9;
}

@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/mark-pro.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/mark-pro-italic.otf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/mark-pro-light.otf");
  font-weight: 350;
  font-style: normal;
}
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/mark-pro-extra-light.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/mark-pro-extra-light-italic.otf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/mark-pro-medium.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/mark-pro-bold.otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/mark-pro-bold-italic.otf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Meow Script";
  src: url("../fonts/MeowScript-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ohr";
  src: url("../fonts/ohr/Ohr-bold.eot");
  src: url("../fonts/ohr/Ohr-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ohr/Ohr-Bold.woff2") format("woff2"), url("../fonts/ohr/Ohr-Bold.woff") format("woff"), url("../fonts/ohr/Ohr-Bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/roboto-condensed/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
.text-transform\:uppercase {
  text-transform: uppercase;
}

.text-transform\:lowercase {
  text-transform: lowercase;
}

.text-transform\:none {
  text-transform: none !important;
}

.font-size\:step--3 {
  font-size: var(--step--3) !important;
}

.font-size\:step--2 {
  font-size: var(--step--2) !important;
}

.font-size\:step--1 {
  font-size: var(--step--1) !important;
}

.font-size\:step-0 {
  font-size: var(--step-0) !important;
}

.font-size\:step-1 {
  font-size: var(--step-1) !important;
}

.font-size\:step-2 {
  font-size: var(--step-2) !important;
}

.font-size\:step-3 {
  font-size: var(--step-3) !important;
  line-height: 1.1;
  text-wrap: balance;
  letter-spacing: 0;
}

.font-size\:step-4 {
  font-size: var(--step-4) !important;
  line-height: 1.1;
  text-wrap: balance;
  letter-spacing: 0;
}

.font-size\:step-5 {
  font-size: var(--step-5) !important;
  line-height: 1.1;
  text-wrap: balance;
  letter-spacing: 0;
}

.font-size\:step-6 {
  font-size: var(--step-6) !important;
  line-height: 1.1;
  text-wrap: balance;
  letter-spacing: 0;
}

.font-size\:step-7 {
  font-size: var(--step-7) !important;
  line-height: 1.1;
  text-wrap: balance;
  letter-spacing: 0;
}

.overlaid-text, .overlaid-text * {
  text-shadow: 0 1px 0 black;
}

.overlaid-box {
  background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}

.heading, h1, .h1, h2,
.h2, h3,
.h3, h4,
.h4 {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 48px */
  text-transform: uppercase;
  text-wrap: balance;
}

.byline {
  font-size: 1.25rem;
  font-weight: 350;
  line-height: 130%; /* 31.2px */
  letter-spacing: 0.72px;
  text-wrap: balance;
}

.with-bottom-border, h2.decorated,
.h2.decorated, h4.decorated,
.h4.decorated {
  border-bottom: 1px solid var(--color-primary-400);
  padding-bottom: 0.85rem;
}

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

html, body {
  block-size: 100%;
}

html,
body,
div,
form,
section,
header,
nav,
main,
footer,
a,
button,
hr {
  max-inline-size: none;
}

#video-player-root * {
  max-inline-size: none !important;
}

body {
  margin: 0;
  background: var(--color-neutral-175);
  color: var(--color-neutral-800);
  font-family: "Mark Pro", Verdana, sans-serif;
  font-size: var(--step-0);
  text-rendering: geometricPrecision;
  overflow-x: hidden;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: 0.3px;
}

h1, .h1 {
  font-size: var(--step-6);
}

h2,
.h2 {
  font-size: var(--step-4);
}
h3,
.h3 {
  font-size: 2rem;
}

h4,
.h4 {
  font-size: var(--step-2);
}
h4.decorated,
.h4.decorated {
  text-align: center;
  padding-inline: 5ch;
}

h5, .h5 {
  font-size: var(--step-0);
}

h6, .h6 {
  font-size: var(--step--1);
}

a {
  color: currentColor;
  text-decoration-color: currentColor;
  text-decoration-thickness: 0.15ex;
}

img {
  max-inline-size: 100% !important;
  display: block;
  border-radius: 5px;
}

ul,
ol {
  list-style-position: inside;
}

input, select {
  font-family: inherit;
  inline-size: 100%;
  padding-block: 0.55em;
  padding-inline: 0.9em;
  border-radius: 5px;
  font-size: var(--step-0);
  border: 1px solid var(--color-neutral-290);
}
input::placeholder, select::placeholder {
  color: var(--color-neutral-900);
  opacity: 0.4;
  font-size: 0.9em;
}

input[type=checkbox] {
  inline-size: auto;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

label {
  font-size: var(--step--2);
  font-weight: 350;
}

main {
  padding-block: var(--section-space, var(--space-l-xl));
}

section {
  padding-block: var(--section-space, var(--space-l-xl));
}

hr {
  border: 0;
  border-top: 1px solid var(--color-neutral-150);
}

:root {
  /* @link https://utopia.fyi/type/calculator?c=320,16,1.125,1240,20,1.2,7,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --step--3: 0.7rem;
  --step--2: 0.83rem;
  --step--1: clamp(0.8889rem, 0.8357rem + 0.2657vw, 1.0417rem);
  --step-0: 0.85rem;
  --step-1: 1.1rem;
  --step-2: clamp(1.2656rem, 1.0798rem + 0.9293vw, 1.5rem);
  --step-3: clamp(1.4238rem, 1.1678rem + 1.2803vw, 2.16rem);
  --step-4: clamp(1.6018rem, 1.2574rem + 1.7221vw, 2.35rem);
  --step-5: clamp(1.802rem, 1.3469rem + 2.2754vw, 3.1104rem);
  --step-6: clamp(2.0273rem, 1.4342rem + 2.9656vw, 3.25rem);
  --step-7: clamp(2.2807rem, 1.5161rem + 3.8231vw, 4.479rem);
  --step-0-1: clamp(1rem, 0.8261rem + 0.8696vw, 1.5rem);
  --space-0: 0;
  /* @link https://utopia.fyi/space/calculator?c=320,16,1.067,1240,20,1.2,7,2,&s=0.75|0.5|0.25,1.5|2|3|4|6|7,s-l|s-2xl|s-3xl|xl-m|s-xl&g=s,l,xl,12 */
  --space-3xs: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4565rem + 0.2174vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.6848rem + 0.3261vw, 0.9375rem);
  --space-s: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --space-m: clamp(1.5rem, 1.3696rem + 0.6522vw, 1.875rem);
  --space-l: clamp(2rem, 1.8261rem + 0.8696vw, 2.5rem);
  --space-xl: clamp(3rem, 2.7391rem + 1.3043vw, 3.75rem);
  --space-2xl: clamp(4rem, 3.6522rem + 1.7391vw, 5rem);
  --space-3xl: clamp(6rem, 5.4783rem + 2.6087vw, 7.5rem);
  --space-4xl: clamp(7rem, 6.3913rem + 3.0435vw, 8.75rem);
  /* One-up pairs */
  --space-3xs-2xs: clamp(0.25rem, 0.1196rem + 0.6522vw, 0.625rem);
  --space-2xs-xs: clamp(0.5rem, 0.3478rem + 0.7609vw, 0.9375rem);
  --space-xs-s: clamp(0.75rem, 0.5761rem + 0.8696vw, 1.25rem);
  --space-s-m: clamp(1rem, 0.6957rem + 1.5217vw, 1.875rem);
  --space-m-l: clamp(1.5rem, 1.1522rem + 1.7391vw, 2.5rem);
  --space-l-xl: clamp(2rem, 1.3913rem + 3.0435vw, 3.75rem);
  --space-xl-2xl: clamp(3rem, 2.3043rem + 3.4783vw, 5rem);
  --space-2xl-3xl: clamp(4rem, 2.7826rem + 6.087vw, 7.5rem);
  --space-3xl-4xl: clamp(6rem, 5.0435rem + 4.7826vw, 8.75rem);
  /* Custom pairs */
  --space-s-l: clamp(1rem, 0.4783rem + 2.6087vw, 2.5rem);
  --space-s-2xl: clamp(1rem, -0.3913rem + 6.9565vw, 5rem);
  --space-s-3xl: clamp(1rem, -1.2609rem + 11.3043vw, 7.5rem);
  --space-xl-m: clamp(1.875rem, 3.3913rem + -1.9565vw, 3rem);
  --space-s-xl: clamp(1rem, 0.0435rem + 4.7826vw, 3.75rem);
  --color-primary-200: #e9cec9;
  --color-primary-300: #d03d51;
  --color-primary-350: #EF463F;
  --color-primary-400: #f50023;
  --color-primary-450: #ED1C29;
  --color-primary-500: #af0032;
  --color-neutral-100: #fff;
  --color-neutral-112: #FEFCF6;
  --color-neutral-125: #FFFBF0;
  --color-neutral-150: #FFF9E8;
  --color-neutral-175: #F9F7F1;
  --color-neutral-200: #F0EEE7;
  --color-neutral-225: #F2F2F2;
  --color-neutral-250: #E6E5E1;
  --color-neutral-275: #E9E7E2;
  --color-neutral-290: #D9D9D9;
  --color-neutral-300: #808080;
  --color-neutral-350: #757575;
  --color-neutral-375: #616161;
  --color-neutral-400: #545454;
  --color-neutral-450: #4F4F4F;
  --color-neutral-700: #363129;
  --color-neutral-800: #121212;
  --color-neutral-900: #000;
  --color-secondary-200: rgba(210, 182, 138, 0.5019607843);
  --color-secondary-300: #D2B68A;
  --color-secondary-500: #AA9370;
  --color-primary: var(--color-primary-400);
  --measure: 55ch;
}

.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-100);
  padding-block: 0.6rem;
}
.nav a {
  text-decoration: none;
}
.nav__only-with-toggle {
  display: none;
}
@media (max-width: 55rem) {
  .nav__only-with-toggle {
    display: block;
    padding-inline-end: 2.3rem;
    padding-block: 0.4rem;
    line-height: 1;
  }
}
.nav__only-without-toggle {
  display: block;
}
@media (max-width: 55rem) {
  .nav__only-without-toggle {
    display: none;
  }
}
.nav__menu {
  display: flex;
  inline-size: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  font-style: normal;
  line-height: 100%; /* 14px */
  letter-spacing: 0.7px;
}
.nav__menu .button {
  padding-block: 1.1rem;
}
@media (max-width: 55rem) {
  .nav__menu {
    position: fixed;
    z-index: 100;
    justify-content: flex-start;
    align-items: flex-start;
    padding-inline: max(2rem, 10%);
    padding-block: max(5rem, 15%);
    inset: 0 0 0 clamp(0rem, 30%, 100% - 30rem);
    flex-direction: column;
    font-size: var(--step-3);
    background-color: var(--color-neutral-800);
    transform: translateX(100%);
    transition: transform 350ms ease-out;
  }
  .nav__menu[data-visible="1"] {
    transform: translateX(0%);
  }
  .nav__menu li > svg {
    display: inline-block !important;
    margin-inline-end: var(--space-s);
  }
}
.nav__menu li > svg {
  display: none;
}
.nav__menu ul {
  display: flex;
  padding-inline-start: 0;
  gap: 3.75rem;
  list-style: none;
  max-inline-size: none;
}
@media (max-width: 55rem) {
  .nav__menu ul {
    flex-direction: column;
  }
}
.nav__menu li {
  display: flex;
  align-items: center;
}
.nav__menu a {
  font-weight: 0;
}
.nav__toggle {
  position: absolute;
  z-index: 110;
  right: calc(var(--space-m) / 2);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 33 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 12.25H27.5' stroke='%23FFF9E8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 5.25H27.5' stroke='%23FFF9E8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 19.25H27.5' stroke='%23FFF9E8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  border: 0;
  width: 2rem;
  aspect-ratio: 1;
  margin-top: -0.3rem;
}
.nav__toggle[data-expanded="1"] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 33 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.72168 4L24.278 19.5563' stroke='%23FFF9E8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 20.0845L24.5563 4.52812' stroke='%23FFF9E8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 55rem) {
  .nav__toggle {
    display: none;
  }
}

.dropdown-menu {
  position: relative;
  display: inline-block;
}
.dropdown-menu__content {
  display: none;
  position: absolute;
  background-color: var(--color-neutral-800);
  inline-size: min(90vw, 15rem);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-size: var(--step--2);
}
.dropdown-menu__content > * {
  display: block;
  inline-size: 100%;
  color: var(--color-neutral-100);
  padding-inline: var(--space-s);
  padding-block: var(--space-2xs);
}
.dropdown-menu__content > *:hover {
  color: var(--color-primary-350);
  background-color: var(--color-neutral-200);
}
.dropdown-menu__content a {
  inline-size: 100%;
}
.dropdown-menu:hover .dropdown-menu__content {
  display: block;
}

.site-footer {
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-125);
  padding-block: var(--space-xl);
}
.site-footer a {
  text-decoration: none;
}

body:has(.nav__menu[data-visible="1"]) {
  overflow: hidden;
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown__toggle {
  cursor: pointer;
}
.dropdown__content {
  display: none;
  position: absolute;
  background-color: var(--color-neutral-175);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  border-radius: 5px;
  font-weight: 350;
  inline-size: min(90vw, 18rem);
}
.dropdown__content a {
  color: var(--color-neutral-800);
  margin-inline: var(--space-s);
  padding-block: var(--space-s);
  text-decoration: none;
  display: block;
  border-bottom: 1px solid var(--color-neutral-275);
}
.dropdown__content a:hover {
  font-weight: 500;
}
.dropdown .show {
  display: block;
}

.user-initial-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75em;
  block-size: 1.75em;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-800);
  border-radius: 50%;
  font-weight: 500;
}

.wrapper {
  inline-size: min(100%, 75rem);
  margin-inline: auto;
  padding-inline: var(--space-s);
}

.wrapper-full-width {
  width: 100%;
  padding-inline: clamp(1rem, 0.3043rem + 3.4783vw, 3rem);
}

.stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--stack-space, var(--space-s));
}
.stack--space\:0 {
  --stack-space: var(--space-0);
}
.stack--space\:3xs {
  --stack-space: var(--space-3xs);
}
.stack--space\:2xs {
  --stack-space: var(--space-2xs);
}
.stack--space\:xs {
  --stack-space: var(--space-xs);
}
.stack--space\:s {
  --stack-space: var(--space-s);
}
.stack--space\:m {
  --stack-space: var(--space-m);
}
.stack--space\:l {
  --stack-space: var(--space-l);
}
.stack--space\:xl {
  --stack-space: var(--space-xl);
}
.stack--space\:2xl {
  --stack-space: var(--space-2xl);
}
.stack--space\:3xl {
  --stack-space: var(--space-3xl);
}
.stack--space\:xl-m {
  --stack-space: var(--space-xl-m);
}

.center {
  box-sizing: content-box;
  margin-inline: auto;
  max-inline-size: var(--measure);
}
.center--narrow {
  max-inline-size: calc(var(--measure) / 1.5);
}
.center--wide {
  max-inline-size: calc(var(--measure) * 1.5);
}

.switcher {
  --_reference-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--switcher-gap, 1em);
}
.switcher > * {
  flex-grow: 1;
  flex-basis: calc((var(--switcher-threshold, 55rem) - var(--_reference-width)) * 999);
}
.switcher--double-child-1 > :nth-child(1) {
  flex-grow: 2;
}
.switcher--double-child-2 > :nth-child(2) {
  flex-grow: 2;
}
.switcher > :nth-last-child(n+5), .switcher > :nth-last-child(n+5) ~ * {
  flex-basis: 100%;
}
.switcher--viewport-based {
  --_reference-width: 100vw;
}

.box {
  --radius: var(--space-m-l);
  padding: var(--box-padding, var(--space-m-l));
}
.box--padding\:3xs {
  --box-padding: var(--space-3xs);
}
.box--padding\:2xs {
  --box-padding: var(--space-2xs);
}
.box--padding\:xs {
  --box-padding: var(--space-xs);
}
.box--padding\:s {
  --box-padding: var(--space-s);
}
.box--padding\:m {
  --box-padding: var(--space-m);
}
.box--padding\:l {
  --box-padding: var(--space-l);
}
.box--padding\:xl {
  --box-padding: var(--space-xl);
}
.box--padding\:2xl {
  --box-padding: var(--space-2xl);
}
.box--padding\:3xl {
  --box-padding: var(--space-3xl);
}
.box--padding\:xl-m {
  --box-padding: var(--space-xl-m);
}

.display\:flex {
  display: flex !important;
}

.display\:block {
  display: block !important;
}

.display\:inline-block {
  display: inline-block !important;
}

.display\:inline {
  display: inline !important;
}

.display\:grid {
  display: grid !important;
}

.display\:none {
  display: none !important;
}

.position\:relative {
  position: relative !important;
}

.position\:absolute {
  position: absolute !important;
}

.justify-content\:center {
  justify-content: center !important;
}

.justify-content\:space-evenly {
  justify-content: space-evenly !important;
}

.justify-content\:space-between {
  justify-content: space-between !important;
}

.justify-content\:flex-end {
  justify-content: flex-end !important;
}

.align-items\:flex-start {
  align-items: flex-start !important;
}

.align-items\:center {
  align-items: center !important;
}

.align-items\:flex-end {
  align-items: flex-end !important;
}

.text-align\:left {
  text-align: left !important;
}

.text-align\:center {
  text-align: center !important;
}

.text-align\:right {
  text-align: right !important;
}

.flex-wrap\:wrap {
  flex-wrap: wrap !important;
}

.flex-wrap\:wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.margin-block\:auto {
  margin-block: auto !important;
}

.margin-block-start\:auto {
  margin-block-start: auto !important;
}

.margin-inline\:auto {
  margin-inline: auto !important;
}

.text-decoration\:none {
  text-decoration: none !important;
}

.font-style\:italic {
  font-style: italic !important;
}

.font-weight\:normal {
  font-weight: normal !important;
}

.font-weight\:bold {
  font-weight: bold !important;
}

.font-weight\:300 {
  font-weight: 300 !important;
}

.font-weight\:350 {
  font-weight: 350 !important;
}

.font-weight\:500 {
  font-weight: 500 !important;
}

.font-weight\:700 {
  font-weight: 700 !important;
}

.flex-direction\:column {
  flex-direction: column !important;
}

.text-wrap\:balance {
  text-wrap: balance !important;
}

.max-inline-size\:measure {
  max-inline-size: var(--measure);
}

.border-debug {
  border: 2px solid blue;
}

.block-size\:100\% {
  block-size: 100% !important;
}

.min-block-size\:100\% {
  min-block-size: 100% !important;
}

.inline-size\:100\% {
  inline-size: 100%;
}

.gap\:0 {
  gap: var(--space-0) !important;
}

.gap\:3xs {
  gap: var(--space-3xs) !important;
}

.gap\:2xs {
  gap: var(--space-2xs) !important;
}

.gap\:xs {
  gap: var(--space-xs) !important;
}

.gap\:s {
  gap: var(--space-s) !important;
}

.gap\:m {
  gap: var(--space-m) !important;
}

.gap\:l {
  gap: var(--space-l) !important;
}

.gap\:xl {
  gap: var(--space-xl) !important;
}

.gap\:2xl {
  gap: var(--space-2xl) !important;
}

.gap\:3xl {
  gap: var(--space-3xl) !important;
}

@media screen and (max-width: 65rem) {
  .centerize-all\@below\:65rem {
    text-align: center;
    justify-content: center;
  }
  .centerize-all\@below\:65rem * {
    text-align: center;
    justify-content: center;
  }
  .centerize-all\@below\:65rem p {
    max-inline-size: none;
  }
}
.border-radius {
  border-radius: 5px;
}

.hidden {
  display: none !important;
}

.border {
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-neutral-900);
  border-radius: var(--radius, 0.5em);
}
.border--side-top {
  border-bottom: 0;
  border-inline: 0;
  border-radius: 0;
}
.border--side-bottom {
  border-top: 0;
  border-inline: 0;
  border-radius: 0;
}
.border--color-light {
  border-color: var(--color-neutral-200);
}

.avatar {
  border-radius: 50%;
}

.with-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space1);
}

.with-sidebar > :first-child {
  flex-grow: 1;
}

.with-sidebar > :last-child {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: 50%;
}

.icon {
  width: 1em;
  height: 1em;
}
.icon--size-lowercase {
  width: 1ex;
  height: 1ex;
}
.icon--size-largish {
  width: 1.2em;
  height: 1.2em;
}
.icon--size-large {
  width: 1.5em;
  height: 1.5em;
}

.with-icon {
  display: inline-flex;
  align-items: center;
}

.with-icon .icon {
  margin-inline-end: var(--icon-margin, var(--space-2xs));
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

button, .button {
  --background-color: var(--color-primary-400);
  --color: var(--color-neutral-100);
  --hover-background-color: var(--color-neutral-800);
  --hover-color: var(--color-neutral-100);
  --border-color: var(--color-primary-400);
  display: inline-block;
  position: relative;
  text-align: center;
  text-wrap: balance;
  cursor: pointer;
  font-weight: 500;
  font-size: var(--step--2);
  letter-spacing: 0.054em;
  text-decoration: none;
  padding: 1em 2em;
  border: none;
  border-radius: 5px;
  background-color: var(--background-color);
  color: var(--color);
  transition-duration: 0.4s;
}
button:hover, .button:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
}
@media screen and (max-width: 50rem) {
  button, .button {
    display: block;
  }
}
button--larger, .button--larger {
  font-size: larger;
}
button--small, .button--small {
  font-size: small;
  padding-inline: 0.5em;
  padding-block: 0.7em;
}
button--inverted, .button--inverted {
  --hover-background-color: var(--background-color);
  background-color: transparent;
  color: var(--background-color);
  border: 1px solid var(--background-color);
}
button--inverted:hover, .button--inverted:hover {
  color: var(--color);
  border: 1px solid var(--background-color);
}
button--neutral-700, .button--neutral-700 {
  --background-color: var(--color-neutral-700);
  --color: var(--color-neutral-100);
}
button--neutral-800-inverted, .button--neutral-800-inverted {
  --background-color: transparent;
  --color: var(--color-neutral-800);
  --hover-background-color: var(--color-primary-400);
  --hover-color: var(--color-neutral-100);
  border: 1px solid var(--color-primary-400);
}
button--neutral-100, .button--neutral-100 {
  --background-color: var(--color-neutral-100);
  --color: var(--color-neutral-700);
}
button--primary-dark, .button--primary-dark {
  --background-color: var(--color-primary-500);
  --color: var(--color-neutral-100);
}
button--primary-inverted, .button--primary-inverted {
  --background-color: var(--color-neutral-100);
  --color: var(--color-primary-400);
  border: 1px solid var(--color-neutral-900);
}
button--primary-dark-inverted, .button--primary-dark-inverted {
  --background-color: var(--color-neutral-100);
  --color: var(--color-primary-500);
  border: 1px solid var(--color-neutral-900);
}
button:disabled, .button:disabled {
  opacity: 0.6;
  pointer-events: none;
}
button__icon, .button__icon {
  position: absolute;
  inset-inline-start: var(--space-2xs);
}

.essay {
  padding-block-end: 2em;
}
.essay h1, .essay h2, .essay h3, .essay h4, .essay h5, .essay h6 {
  margin-block-start: 2em;
}
.essay p {
  margin-block-start: 1em;
}

.form-element-with-icon {
  position: relative;
}
.form-element-with-icon > svg {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  padding: 0.05em;
  block-size: 100%;
  color: var(--color-neutral-300);
  width: 1.2em;
  height: 1.2em;
  border: 1px solid var(--color-neutral-300);
  border-radius: 50%;
}

.form-error {
  color: red;
  font-size: var(--step--1);
  _font-weight: bold;
  font-family: "Mark Pro Bold", Verdana, sans-serif;
  min-block-size: 1.5em;
}

.field-error {
  color: red;
  font-size: var(--step--2);
}

.loader {
  inline-size: 10rem;
  block-size: 10rem;
  border: 0.5rem solid var(--color-primary-500);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.0666666667);
  display: inline-block;
  animation: loadingspinner 0.8s linear infinite;
}

@keyframes loadingspinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner {
  inline-size: 1.1em;
  block-size: 1.1em;
  border: 0.25em solid;
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.0666666667);
  display: inline-block;
  animation: loadingspinner2 0.8s linear infinite;
}

@keyframes loadingspinner2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal-overlay {
  display: flex;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.75);
  inline-size: 100vw;
  block-size: 100vh;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 200; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
.modal > * {
  position: relative;
  background-color: var(--color-neutral-100);
  margin: auto;
  padding: var(--space-s);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 5px;
  inline-size: min(35rem, 100%);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
.modal__close {
  position: absolute;
  color: var(--color-neutral-800);
  top: var(--space-s);
  right: var(--space-xs);
  font-size: var(--step-5);
  font-weight: 300;
}
.modal__close:hover, .modal__close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal input {
  font-size: var(--step--1);
}
.modal a:not(.button) {
  color: #2F80ED;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.logo {
  text-transform: uppercase;
  font-size: 2.4rem;
  font-family: "Ohr";
}
.logo > :nth-child(2) {
  font-weight: 500;
}

.list-a {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  list-style-position: outside;
  list-style-type: none;
}
.list-a > * {
  display: flex;
  align-items: center;
  max-inline-size: none;
}
.list-a > *::before {
  content: url("data:image/svg+xml,%3Csvg width='74' height='10' viewBox='0 0 74 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60.6667 4.5C60.6667 6.34095 62.159 7.83333 64 7.83333C65.841 7.83333 67.3333 6.34095 67.3333 4.5C67.3333 2.65905 65.841 1.16667 64 1.16667C62.159 1.16667 60.6667 2.65905 60.6667 4.5ZM0 5.125H64V3.875H0V5.125Z' fill='%23F50023'/%3E%3C/svg%3E%0A");
  margin-inline-end: var(--space-xs);
  display: inline-block;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.slider:hover {
  opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.chip {
  padding: 0.6em 1.1em;
}

.pill {
  display: inline-block;
  background-color: var(--color-neutral-275);
  padding: 0.5em 1.2em;
  border-radius: 1em;
  font-weight: 500;
}

.card-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: var(--space-3xs);
}
.card-group--auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}

.card {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: 13fr 4fr;
  grid-row: span 2;
  gap: 0;
  position: relative;
  color: var(--color-neutral-100);
}
.card img {
  block-size: 100%;
  inline-size: 100%;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  object-fit: cover;
}
.card > .pill {
  position: absolute;
  right: var(--space-2xs);
  top: var(--space-2xs);
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-100);
  font-weight: 300;
}
.card > *:last-child {
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-100);
  padding: var(--space-xs) var(--space-xs);
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.teacher-card-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr) minmax(20rem, 2fr));
  gap: var(--space-3xs);
}
.teacher-card-group > * {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: 0;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 50rem) {
  .teacher-card-group {
    grid-template-columns: 1fr;
  }
  .teacher-card-group > * {
    grid-column: span 1;
  }
}
.teacher-card-group > * > img {
  block-size: 100%;
  inline-size: 100%;
  border-radius: 0;
  object-fit: cover;
}
.teacher-card-group > * > *:last-child {
  background-color: var(--color-neutral-900);
  color: var(--color-neutral-100);
  padding: var(--space-xs) var(--space-xs);
  border-radius: 0;
  padding-inline: var(--space-m);
  padding-block: var(--space-l);
}

.coming-soon-course-group {
  display: grid;
  gap: var(--space-3xs);
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  color: var(--color-neutral-100);
}
.coming-soon-course-group > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: var(--space-s);
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding-inline: var(--space-m);
  padding-block: var(--space-3xl);
}

.testimonials-grid {
  display: grid;
  gap: var(--space-s-xl);
  justify-content: space-between;
  align-items: center;
  grid-template-columns: min-content 18rem 1fr min-content;
  transition: opacity 2s ease;
}
.testimonials-grid * {
  text-align: center;
}
.testimonials-grid img {
  display: inline-block;
  inline-size: 100%;
}
.testimonials-grid svg {
  cursor: pointer;
}
.testimonials-grid[data-active="0"] {
  visibility: hidden;
  height: 0;
  opacity: 0;
}
.testimonials-grid[data-active="1"] {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 60rem) {
  .testimonials-grid {
    grid-template-columns: 1fr 8rem 1fr;
  }
  .testimonials-grid > :nth-child(3) {
    order: 5;
    grid-column: span 3;
  }
  .testimonials-grid svg {
    max-block-size: 2rem;
    stroke-width: 4px;
  }
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}
.accordion > * {
  background-color: var(--color-neutral-100);
  padding-inline: var(--space-m);
  padding-block: var(--space-s);
  border-radius: 5px;
}
.accordion > * > *:first-child {
  position: relative;
  cursor: pointer;
  font-size: var(--step-1);
  font-weight: 300;
  transition: all 0.3s ease-in-out;
}
.accordion > * > *:first-child::after {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12.0039L16 20.0039L24 12.0039' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  right: var(--space-xs);
}
.accordion > * > *:last-child {
  display: none;
  padding-block-start: var(--space-xs);
}
.accordion > *.active > *:last-child {
  display: block;
}

/*# sourceMappingURL=main.v2.css.map */