@charset "UTF-8";
:root {
  --easing: cubic-bezier(0.73, 0.24, 0.68, 0.82);
  --timing: 0.3s;
  --text-sans: "Instrument-Sans", Helvetica, sans-serif;
  --text-serif: "Instrument-Serif", Times, serif;
  --text-serif-italic: "Instrument-Serif-Italic", Times, serif;
  --text-mono: "Instrument-Mono", Courier, monospace;
  --header-height: 60px;
  --side-spacing: var(--space-24);
  --grid-gap: 8px;
  --work-features-grid-gap: 25px;
  --border-radius: 24px;
}
@media (min-width: 40rem) {
  :root {
    --side-spacing: var(--space-32);
  }
}
@media (min-width: 64rem) {
  :root {
    --side-spacing: var(--space-48);
  }
}
@media (min-width: 90rem) {
  :root {
    --side-spacing: var(--space-48);
  }
}
@media (min-width: 120rem) {
  :root {
    --side-spacing: var(--space-48);
  }
}
@font-face {
  font-display: block;
  font-family: Instrument-Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/InstrumentSansVF.woff2);
}
@font-face {
  font-display: block;
  font-family: Instrument-Serif-Italic;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/InstrumentSerif-Italic.woff2);
}
@font-face {
  font-display: block;
  font-family: Instrument-Serif;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/InstrumentSerif-Regular.woff2);
}
@font-face {
  font-display: block;
  font-family: Instrument-Mono;
  font-style: normal;
  font-weight: 400;
  src: url(https://instrumentgrowth.com/fonts/InstrumentSansMono-Regular.woff2);
}
:root {
  --baseline: 8;
  --t-body-1-size: 13;
  --t-body-1-line-height: calc(var(--baseline) * 2.5);
  --t-body-1-letter-spacing: 0.03em;
  --t-body-1-width: 100;
  --t-body-1-weight: 400;
  --t-body-2-size: 16;
  --t-body-2-line-height: calc(var(--baseline) * 3);
  --t-body-2-letter-spacing: 0.025em;
  --t-body-2-width: 100;
  --t-body-2-weight: 400;
  --t-body-3-size: 20;
  --t-body-3-line-height: calc(var(--baseline) * 3.75);
  --t-body-3-letter-spacing: 0.02em;
  --t-body-3-width: 100;
  --t-body-3-weight: 400;
  --t-headline-1-size: 15;
  --t-headline-1-line-height: calc(var(--baseline) * 2.5);
  --t-headline-1-letter-spacing: 0;
  --t-headline-1-width: 100;
  --t-headline-1-weight: 500;
  --t-headline-2-size: 20;
  --t-headline-2-line-height: calc(var(--baseline) * 3.125);
  --t-headline-2-letter-spacing: -0.01em;
  --t-headline-2-width: 100;
  --t-headline-2-weight: 500;
  --t-headline-3-size: 26;
  --t-headline-3-line-height: calc(var(--baseline) * 3.75);
  --t-headline-3-letter-spacing: -0.015em;
  --t-headline-3-width: 100;
  --t-headline-3-weight: 500;
  --t-headline-4-size: 31;
  --t-headline-4-line-height: calc(var(--baseline) * 4.375);
  --t-headline-4-letter-spacing: -0.02em;
  --t-headline-4-width: 100;
  --t-headline-4-weight: 500;
  --t-headline-5-size: 36;
  --t-headline-5-line-height: calc(var(--baseline) * 5);
  --t-headline-5-letter-spacing: -0.02em;
  --t-headline-5-width: 100;
  --t-headline-5-weight: 500;
  --t-headline-6-size: 41;
  --t-headline-6-line-height: calc(var(--baseline) * 5.625);
  --t-headline-6-letter-spacing: -0.02em;
  --t-headline-6-width: 100;
  --t-headline-6-weight: 500;
  --t-headline-7-size: 54;
  --t-headline-7-line-height: calc(var(--baseline) * 6.75);
  --t-headline-7-letter-spacing: -0.06em;
  --t-headline-7-width: 100;
  --t-headline-7-weight: 500;
  --t-display-1-size: 35;
  --t-display-1-line-height: calc(var(--baseline) * 5);
  --t-display-1-letter-spacing: -0.01em;
  --t-display-2-size: 64;
  --t-display-2-line-height: calc(var(--baseline) * 8);
  --t-display-2-letter-spacing: -0.01em;
  --t-display-3-size: 64;
  --t-display-3-line-height: calc(var(--baseline) * 8);
  --t-display-3-letter-spacing: -0.01em;
  --t-overline-1-size: 12;
  --t-overline-1-line-height: calc(var(--baseline) * 2);
  --t-overline-1-letter-spacing: 0.11em;
  --t-overline-1-width: 80;
  --t-overline-1-weight: 400;
  --t-overline-2-size: 14;
  --t-overline-2-line-height: calc(var(--baseline) * 2.5);
  --t-overline-2-letter-spacing: 0.08em;
  --t-overline-2-width: 80;
  --t-overline-2-weight: 400;
  --t-caption-1-size: 9;
  --t-caption-1-line-height: calc(var(--baseline) * 1.25);
  --t-caption-1-letter-spacing: 0.11em;
  --t-caption-1-width: 100;
  --t-caption-1-weight: 440;
  --t-caption-2-size: 10;
  --t-caption-2-line-height: calc(var(--baseline) * 2);
  --t-caption-2-letter-spacing: 0.06em;
  --t-caption-2-width: 100;
  --t-caption-2-weight: 450;
}
@media (min-width: 40rem) {
  :root {
    --t-display-2-size: 80;
    --t-display-2-line-height: calc(var(--baseline) * 10);
    --t-display-2-letter-spacing: -0.01em;
    --t-display-3-size: 104;
    --t-display-3-line-height: calc(var(--baseline) * 13);
    --t-display-3-letter-spacing: -0.01em;
  }
}
@media (min-width: 64rem) {
  :root {
    --t-body-1-size: 15;
    --t-body-1-line-height: calc(var(--baseline) * 3);
    --t-body-1-letter-spacing: 0.03em;
    --t-body-1-width: 100;
    --t-body-1-weight: 400;
    --t-body-2-size: 18;
    --t-body-2-line-height: calc(var(--baseline) * 3.5);
    --t-body-2-letter-spacing: 0.02em;
    --t-body-2-width: 100;
    --t-body-2-weight: 400;
    --t-body-3-size: 22;
    --t-body-3-line-height: calc(var(--baseline) * 4);
    --t-body-3-letter-spacing: 0.02em;
    --t-body-3-width: 100;
    --t-body-3-weight: 400;
    --t-headline-1-size: 19;
    --t-headline-1-line-height: calc(var(--baseline) * 3);
    --t-headline-1-letter-spacing: 0.005em;
    --t-headline-2-size: 23;
    --t-headline-2-line-height: calc(var(--baseline) * 3.5);
    --t-headline-2-letter-spacing: -0.005em;
    --t-headline-3-size: 28;
    --t-headline-3-line-height: calc(var(--baseline) * 4);
    --t-headline-3-letter-spacing: -0.01em;
    --t-headline-4-size: 36;
    --t-headline-4-line-height: calc(var(--baseline) * 5);
    --t-headline-4-letter-spacing: -0.025em;
    --t-headline-5-size: 44;
    --t-headline-5-line-height: calc(var(--baseline) * 6);
    --t-headline-5-letter-spacing: -0.025em;
    --t-headline-6-size: 52;
    --t-headline-6-line-height: calc(var(--baseline) * 7);
    --t-headline-6-letter-spacing: -0.025em;
    --t-headline-7-size: 96;
    --t-headline-7-line-height: calc(var(--baseline) * 12);
    --t-headline-7-letter-spacing: -0.06em;
    --t-display-1-size: 48;
    --t-display-1-line-height: calc(var(--baseline) * 7);
    --t-display-1-letter-spacing: -0.01em;
    --t-display-2-size: 96;
    --t-display-2-line-height: calc(var(--baseline) * 12);
    --t-display-2-letter-spacing: -0.01em;
    --t-display-3-size: 128;
    --t-display-3-line-height: calc(var(--baseline) * 16);
    --t-display-3-letter-spacing: -0.01em;
    --t-caption-1-size: 10;
    --t-caption-1-line-height: calc(var(--baseline) * 1.5);
    --t-caption-1-letter-spacing: 0.11em;
    --t-caption-2-size: 11;
    --t-caption-2-line-height: calc(var(--baseline) * 2);
    --t-caption-2-letter-spacing: 0.05em;
    --t-caption-2-width: 100;
    --t-caption-2-weight: 420;
  }
}
@media (min-width: 90rem) {
  :root {
    --t-display-1-size: 64;
    --t-display-1-line-height: calc(var(--baseline) * 9);
    --t-display-1-letter-spacing: -0.02em;
    --t-display-2-size: 128;
    --t-display-2-line-height: calc(var(--baseline) * 16);
    --t-display-2-letter-spacing: -0.02em;
    --t-display-3-size: 184;
    --t-display-3-line-height: calc(var(--baseline) * 23);
    --t-display-3-letter-spacing: -0.02em;
  }
}
@media (min-width: 120rem) {
  :root {
    --t-body-1-size: 15;
    --t-body-1-line-height: calc(var(--baseline) * 3);
    --t-body-1-letter-spacing: 0.02em;
    --t-body-1-width: 100;
    --t-body-1-weight: 400;
    --t-body-2-size: 21;
    --t-body-2-line-height: calc(var(--baseline) * 4);
    --t-body-2-letter-spacing: 0.015em;
    --t-body-2-width: 97;
    --t-body-2-weight: 400;
    --t-body-3-size: 30;
    --t-body-3-line-height: calc(var(--baseline) * 5);
    --t-body-3-letter-spacing: 0.01em;
    --t-body-3-width: 97;
    --t-body-3-weight: 400;
    --t-headline-1-size: 20;
    --t-headline-1-line-height: calc(var(--baseline) * 3);
    --t-headline-1-letter-spacing: 0;
    --t-headline-2-size: 23;
    --t-headline-2-line-height: calc(var(--baseline) * 3.5);
    --t-headline-2-letter-spacing: -0.01em;
    --t-headline-3-size: 36;
    --t-headline-3-line-height: calc(var(--baseline) * 5);
    --t-headline-3-letter-spacing: -0.015em;
    --t-headline-4-size: 44;
    --t-headline-4-line-height: calc(var(--baseline) * 6);
    --t-headline-4-letter-spacing: -0.03em;
    --t-headline-5-size: 52;
    --t-headline-5-line-height: calc(var(--baseline) * 7);
    --t-headline-5-letter-spacing: -0.03em;
    --t-headline-6-size: 60;
    --t-headline-6-line-height: calc(var(--baseline) * 8);
    --t-headline-6-letter-spacing: -0.03em;
    --t-headline-7-size: 160;
    --t-headline-7-line-height: calc(var(--baseline) * 20);
    --t-headline-7-letter-spacing: -0.07em;
    --t-display-1-size: 78;
    --t-display-1-line-height: calc(var(--baseline) * 10);
    --t-display-1-letter-spacing: -0.02em;
    --t-display-2-size: 168;
    --t-display-2-line-height: calc(var(--baseline) * 21);
    --t-display-2-letter-spacing: -0.03em;
    --t-display-3-size: 240;
    --t-display-3-line-height: calc(var(--baseline) * 30);
    --t-display-3-letter-spacing: -0.03em;
  }
}
blockquote,
caption,
cite,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
span,
ul {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
h1 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-6-size) * 1px);
  font-size: calc(var(--t-headline-6-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-6-weight),
    "wdth" var(--t-headline-6-width);
  letter-spacing: var(--t-headline-6-letter-spacing);
  line-height: calc(var(--t-headline-6-line-height) * 1px);
  line-height: calc(var(--t-headline-6-line-height) / var(--t-headline-6-size));
}
@media (min-width: 640px) {
  h1 {
    font-size: calc(var(--t-headline-6-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  h1 {
    font-size: calc(var(--t-headline-6-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  h1 {
    font-size: calc(var(--t-headline-6-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  h1 {
    font-size: calc(var(--t-headline-6-size) / 1920 * 100vw);
  }
}
h2 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-5-size) * 1px);
  font-size: calc(var(--t-headline-5-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-5-weight),
    "wdth" var(--t-headline-5-width);
  letter-spacing: var(--t-headline-5-letter-spacing);
  line-height: calc(var(--t-headline-5-line-height) * 1px);
  line-height: calc(var(--t-headline-5-line-height) / var(--t-headline-5-size));
}
@media (min-width: 640px) {
  h2 {
    font-size: calc(var(--t-headline-5-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: calc(var(--t-headline-5-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  h2 {
    font-size: calc(var(--t-headline-5-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  h2 {
    font-size: calc(var(--t-headline-5-size) / 1920 * 100vw);
  }
}
h3 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-4-size) * 1px);
  font-size: calc(var(--t-headline-4-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-4-weight),
    "wdth" var(--t-headline-4-width);
  letter-spacing: var(--t-headline-4-letter-spacing);
  line-height: calc(var(--t-headline-4-line-height) * 1px);
  line-height: calc(var(--t-headline-4-line-height) / var(--t-headline-4-size));
}
@media (min-width: 640px) {
  h3 {
    font-size: calc(var(--t-headline-4-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  h3 {
    font-size: calc(var(--t-headline-4-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  h3 {
    font-size: calc(var(--t-headline-4-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  h3 {
    font-size: calc(var(--t-headline-4-size) / 1920 * 100vw);
  }
}
h4 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-3-size) * 1px);
  font-size: calc(var(--t-headline-3-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-3-weight),
    "wdth" var(--t-headline-3-width);
  letter-spacing: var(--t-headline-3-letter-spacing);
  line-height: calc(var(--t-headline-3-line-height) * 1px);
  line-height: calc(var(--t-headline-3-line-height) / var(--t-headline-3-size));
}
@media (min-width: 640px) {
  h4 {
    font-size: calc(var(--t-headline-3-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  h4 {
    font-size: calc(var(--t-headline-3-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  h4 {
    font-size: calc(var(--t-headline-3-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  h4 {
    font-size: calc(var(--t-headline-3-size) / 1920 * 100vw);
  }
}
h5 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-2-size) * 1px);
  font-size: calc(var(--t-headline-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-2-weight),
    "wdth" var(--t-headline-2-width);
  letter-spacing: var(--t-headline-2-letter-spacing);
  line-height: calc(var(--t-headline-2-line-height) * 1px);
  line-height: calc(var(--t-headline-2-line-height) / var(--t-headline-2-size));
}
@media (min-width: 640px) {
  h5 {
    font-size: calc(var(--t-headline-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  h5 {
    font-size: calc(var(--t-headline-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  h5 {
    font-size: calc(var(--t-headline-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  h5 {
    font-size: calc(var(--t-headline-2-size) / 1920 * 100vw);
  }
}
h6 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-1-size) * 1px);
  font-size: calc(var(--t-headline-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-1-weight),
    "wdth" var(--t-headline-1-width);
  letter-spacing: var(--t-headline-1-letter-spacing);
  line-height: calc(var(--t-headline-1-line-height) * 1px);
  line-height: calc(var(--t-headline-1-line-height) / var(--t-headline-1-size));
}
@media (min-width: 640px) {
  h6 {
    font-size: calc(var(--t-headline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  h6 {
    font-size: calc(var(--t-headline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  h6 {
    font-size: calc(var(--t-headline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  h6 {
    font-size: calc(var(--t-headline-1-size) / 1920 * 100vw);
  }
}
address {
  font-style: normal;
}
blockquote p[class] {
  line-height: 1.375;
}
cite {
  font-family: var(--text-serif);
  font-weight: 400;
  text-transform: uppercase;
}
ul {
  list-style: none;
  padding: 0;
}
ul:not([class]) {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  margin: var(--space-48) 0;
  padding-left: var(--space-32);
}
@media (min-width: 640px) {
  ul:not([class]) {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  ul:not([class]) {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  ul:not([class]) {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  ul:not([class]) {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
ul:not([class]) li {
  position: relative;
}
ul:not([class]) li:not(:first-child) {
  margin-top: var(--space-12);
}
ul:not([class]) li:before {
  content: "•";
  display: block;
  left: calc(var(--space-20) * -1);
  position: absolute;
  top: 0;
}
ol:not([class]) {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  counter-reset: count;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  list-style: none;
  margin: var(--space-48) 0;
  padding: 0;
  position: relative;
}
@media (min-width: 640px) {
  ol:not([class]) {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  ol:not([class]) {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  ol:not([class]) {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  ol:not([class]) {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
ol:not([class]) li {
  -webkit-padding-start: var(--space-32);
  counter-increment: count;
  line-height: 1.5;
  padding-inline-start: var(--space-32);
  position: relative;
}
ol:not([class]) li:not(:first-child) {
  -webkit-margin-before: var(--space-12);
  margin-block-start: var(--space-12);
}
ol:not([class]) li:before {
  font-feature-settings: "ss12" on, "liga" on, "tnum" on, "lnum" on;
  -webkit-padding-end: var(--space-6);
  content: counter(count) ".";
  display: inline-block;
  left: 0;
  padding-inline-end: var(--space-6);
  position: absolute;
  text-align: right;
  width: var(--space-32);
}
[class*="t-body"],
[class*="t-caption"],
[class*="t-headline"] {
  max-width: 80ch;
}
p {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
}
@media (min-width: 640px) {
  p {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  p {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  p {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  p {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.t-body-1 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-1-size) * 1px);
  font-size: calc(var(--t-body-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-1-weight),
    "wdth" var(--t-body-1-width);
  letter-spacing: var(--t-body-1-letter-spacing);
  line-height: calc(var(--t-body-1-line-height) * 1px);
  line-height: calc(var(--t-body-1-line-height) / var(--t-body-1-size));
}
@media (min-width: 640px) {
  .t-body-1 {
    font-size: calc(var(--t-body-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-body-1 {
    font-size: calc(var(--t-body-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-body-1 {
    font-size: calc(var(--t-body-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-body-1 {
    font-size: calc(var(--t-body-1-size) / 1920 * 100vw);
  }
}
.t-body-2 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
}
@media (min-width: 640px) {
  .t-body-2 {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-body-2 {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-body-2 {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-body-2 {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.t-body-3 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-3-size) * 1px);
  font-size: calc(var(--t-body-3-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-3-weight),
    "wdth" var(--t-body-3-width);
  letter-spacing: var(--t-body-3-letter-spacing);
  line-height: calc(var(--t-body-3-line-height) * 1px);
  line-height: calc(var(--t-body-3-line-height) / var(--t-body-3-size));
}
@media (min-width: 640px) {
  .t-body-3 {
    font-size: calc(var(--t-body-3-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-body-3 {
    font-size: calc(var(--t-body-3-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-body-3 {
    font-size: calc(var(--t-body-3-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-body-3 {
    font-size: calc(var(--t-body-3-size) / 1920 * 100vw);
  }
}
.t-headline-1 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-1-size) * 1px);
  font-size: calc(var(--t-headline-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-1-weight),
    "wdth" var(--t-headline-1-width);
  letter-spacing: var(--t-headline-1-letter-spacing);
  line-height: calc(var(--t-headline-1-line-height) * 1px);
  line-height: calc(var(--t-headline-1-line-height) / var(--t-headline-1-size));
}
@media (min-width: 640px) {
  .t-headline-1 {
    font-size: calc(var(--t-headline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-headline-1 {
    font-size: calc(var(--t-headline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-headline-1 {
    font-size: calc(var(--t-headline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-headline-1 {
    font-size: calc(var(--t-headline-1-size) / 1920 * 100vw);
  }
}
.t-headline-2 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-2-size) * 1px);
  font-size: calc(var(--t-headline-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-2-weight),
    "wdth" var(--t-headline-2-width);
  letter-spacing: var(--t-headline-2-letter-spacing);
  line-height: calc(var(--t-headline-2-line-height) * 1px);
  line-height: calc(var(--t-headline-2-line-height) / var(--t-headline-2-size));
}
@media (min-width: 640px) {
  .t-headline-2 {
    font-size: calc(var(--t-headline-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-headline-2 {
    font-size: calc(var(--t-headline-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-headline-2 {
    font-size: calc(var(--t-headline-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-headline-2 {
    font-size: calc(var(--t-headline-2-size) / 1920 * 100vw);
  }
}
.t-headline-3 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-3-size) * 1px);
  font-size: calc(var(--t-headline-3-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-3-weight),
    "wdth" var(--t-headline-3-width);
  letter-spacing: var(--t-headline-3-letter-spacing);
  line-height: calc(var(--t-headline-3-line-height) * 1px);
  line-height: calc(var(--t-headline-3-line-height) / var(--t-headline-3-size));
}
@media (min-width: 640px) {
  .t-headline-3 {
    font-size: calc(var(--t-headline-3-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-headline-3 {
    font-size: calc(var(--t-headline-3-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-headline-3 {
    font-size: calc(var(--t-headline-3-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-headline-3 {
    font-size: calc(var(--t-headline-3-size) / 1920 * 100vw);
  }
}
.t-headline-4 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-4-size) * 1px);
  font-size: calc(var(--t-headline-4-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-4-weight),
    "wdth" var(--t-headline-4-width);
  letter-spacing: var(--t-headline-4-letter-spacing);
  line-height: calc(var(--t-headline-4-line-height) * 1px);
  line-height: calc(var(--t-headline-4-line-height) / var(--t-headline-4-size));
}
@media (min-width: 640px) {
  .t-headline-4 {
    font-size: calc(var(--t-headline-4-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-headline-4 {
    font-size: calc(var(--t-headline-4-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-headline-4 {
    font-size: calc(var(--t-headline-4-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-headline-4 {
    font-size: calc(var(--t-headline-4-size) / 1920 * 100vw);
  }
}
.t-headline-5 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-5-size) * 1px);
  font-size: calc(var(--t-headline-5-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-5-weight),
    "wdth" var(--t-headline-5-width);
  letter-spacing: var(--t-headline-5-letter-spacing);
  line-height: calc(var(--t-headline-5-line-height) * 1px);
  line-height: calc(var(--t-headline-5-line-height) / var(--t-headline-5-size));
}
@media (min-width: 640px) {
  .t-headline-5 {
    font-size: calc(var(--t-headline-5-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-headline-5 {
    font-size: calc(var(--t-headline-5-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-headline-5 {
    font-size: calc(var(--t-headline-5-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-headline-5 {
    font-size: calc(var(--t-headline-5-size) / 1920 * 100vw);
  }
}
.t-headline-6 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-6-size) * 1px);
  font-size: calc(var(--t-headline-6-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-6-weight),
    "wdth" var(--t-headline-6-width);
  letter-spacing: var(--t-headline-6-letter-spacing);
  line-height: calc(var(--t-headline-6-line-height) * 1px);
  line-height: calc(var(--t-headline-6-line-height) / var(--t-headline-6-size));
}
@media (min-width: 640px) {
  .t-headline-6 {
    font-size: calc(var(--t-headline-6-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-headline-6 {
    font-size: calc(var(--t-headline-6-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-headline-6 {
    font-size: calc(var(--t-headline-6-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-headline-6 {
    font-size: calc(var(--t-headline-6-size) / 1920 * 100vw);
  }
}
.t-headline-7 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-7-size) * 1px);
  font-size: calc(var(--t-headline-7-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-7-weight),
    "wdth" var(--t-headline-7-width);
  letter-spacing: var(--t-headline-7-letter-spacing);
  line-height: calc(var(--t-headline-7-line-height) * 1px);
  line-height: calc(var(--t-headline-7-line-height) / var(--t-headline-7-size));
}
@media (min-width: 640px) {
  .t-headline-7 {
    font-size: calc(var(--t-headline-7-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-headline-7 {
    font-size: calc(var(--t-headline-7-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-headline-7 {
    font-size: calc(var(--t-headline-7-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-headline-7 {
    font-size: calc(var(--t-headline-7-size) / 1920 * 100vw);
  }
}
.t-display-1 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-serif);
  font-size: calc(var(--t-display-1-size) * 1px);
  font-size: calc(var(--t-display-1-size) / 390 * 100vw);
  font-variation-settings: unset;
  letter-spacing: var(--t-display-1-letter-spacing);
  line-height: calc(var(--t-display-1-line-height) * 1px);
  line-height: calc(var(--t-display-1-line-height) / var(--t-display-1-size));
}
@media (min-width: 640px) {
  .t-display-1 {
    font-size: calc(var(--t-display-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-display-1 {
    font-size: calc(var(--t-display-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-display-1 {
    font-size: calc(var(--t-display-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-display-1 {
    font-size: calc(var(--t-display-1-size) / 1920 * 100vw);
  }
}
.t-display-1 b,
.t-display-1 b span {
  font-family: var(--text-sans);
  font-variation-settings: "wght" 10, "wdth" 50;
  font-weight: 400;
}
.t-display-2 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-serif);
  font-size: calc(var(--t-display-2-size) * 1px);
  font-size: calc(var(--t-display-2-size) / 390 * 100vw);
  font-variation-settings: unset;
  letter-spacing: var(--t-display-2-letter-spacing);
  line-height: calc(var(--t-display-2-line-height) * 1px);
  line-height: calc(var(--t-display-2-line-height) / var(--t-display-2-size));
}
@media (min-width: 640px) {
  .t-display-2 {
    font-size: calc(var(--t-display-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-display-2 {
    font-size: calc(var(--t-display-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-display-2 {
    font-size: calc(var(--t-display-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-display-2 {
    font-size: calc(var(--t-display-2-size) / 1920 * 100vw);
  }
}
.t-display-2 b,
.t-display-2 b span {
  font-family: var(--text-sans);
  font-variation-settings: "wght" 10, "wdth" 50;
  font-weight: 400;
}
.t-display-3 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-serif);
  font-size: calc(var(--t-display-3-size) * 1px);
  font-size: calc(var(--t-display-3-size) / 390 * 100vw);
  font-variation-settings: unset;
  letter-spacing: var(--t-display-3-letter-spacing);
  line-height: calc(var(--t-display-3-line-height) * 1px);
  line-height: calc(var(--t-display-3-line-height) / var(--t-display-3-size));
}
@media (min-width: 640px) {
  .t-display-3 {
    font-size: calc(var(--t-display-3-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-display-3 {
    font-size: calc(var(--t-display-3-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-display-3 {
    font-size: calc(var(--t-display-3-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-display-3 {
    font-size: calc(var(--t-display-3-size) / 1920 * 100vw);
  }
}
.t-display-3 b,
.t-display-3 b span {
  font-family: var(--text-sans);
  font-variation-settings: "wght" 10, "wdth" 50;
  font-weight: 400;
}
.t-overline-1 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-overline-1-size) * 1px);
  font-size: calc(var(--t-overline-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-overline-1-weight),
    "wdth" var(--t-overline-1-width);
  letter-spacing: var(--t-overline-1-letter-spacing);
  line-height: calc(var(--t-overline-1-line-height) * 1px);
  line-height: calc(var(--t-overline-1-line-height) / var(--t-overline-1-size));
}
@media (min-width: 640px) {
  .t-overline-1 {
    font-size: calc(var(--t-overline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-overline-1 {
    font-size: calc(var(--t-overline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-overline-1 {
    font-size: calc(var(--t-overline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-overline-1 {
    font-size: calc(var(--t-overline-1-size) / 1920 * 100vw);
  }
}
.t-overline-2 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-overline-2-size) * 1px);
  font-size: calc(var(--t-overline-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-overline-2-weight),
    "wdth" var(--t-overline-2-width);
  letter-spacing: var(--t-overline-2-letter-spacing);
  line-height: calc(var(--t-overline-2-line-height) * 1px);
  line-height: calc(var(--t-overline-2-line-height) / var(--t-overline-2-size));
}
@media (min-width: 640px) {
  .t-overline-2 {
    font-size: calc(var(--t-overline-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-overline-2 {
    font-size: calc(var(--t-overline-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-overline-2 {
    font-size: calc(var(--t-overline-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-overline-2 {
    font-size: calc(var(--t-overline-2-size) / 1920 * 100vw);
  }
}
.t-caption-1 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-caption-1-size) * 1px);
  font-size: calc(var(--t-caption-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-caption-1-weight),
    "wdth" var(--t-caption-1-width);
  letter-spacing: var(--t-caption-1-letter-spacing);
  line-height: calc(var(--t-caption-1-line-height) * 1px);
  line-height: calc(var(--t-caption-1-line-height) / var(--t-caption-1-size));
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .t-caption-1 {
    font-size: calc(var(--t-caption-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-caption-1 {
    font-size: calc(var(--t-caption-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-caption-1 {
    font-size: calc(var(--t-caption-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-caption-1 {
    font-size: calc(var(--t-caption-1-size) / 1920 * 100vw);
  }
}
.t-caption-2 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-caption-2-size) * 1px);
  font-size: calc(var(--t-caption-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-caption-2-weight),
    "wdth" var(--t-caption-2-width);
  letter-spacing: var(--t-caption-2-letter-spacing);
  line-height: calc(var(--t-caption-2-line-height) * 1px);
  line-height: calc(var(--t-caption-2-line-height) / var(--t-caption-2-size));
}
@media (min-width: 640px) {
  .t-caption-2 {
    font-size: calc(var(--t-caption-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .t-caption-2 {
    font-size: calc(var(--t-caption-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .t-caption-2 {
    font-size: calc(var(--t-caption-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .t-caption-2 {
    font-size: calc(var(--t-caption-2-size) / 1920 * 100vw);
  }
}
:root {
  --theme-background: $color-black;
  --theme-foreground: $color-white;
  --theme-opacity-faded: $theme-default-opacity-faded;
  --theme-opacity-neutral: $theme-default-opacity-neutral;
  --theme-opacity-shade: $theme-default-opacity-shade;
}
[data-theme] {
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
[data-theme="light"] {
  --theme-foreground: #070708;
  --theme-background: #fff;
  --theme-accent-foreground: #fff;
  --theme-accent-background: #070708;
  --theme-background-faded: hsla(0, 0%, 100%, 0.75);
  --theme-background-neutral: hsla(0, 0%, 100%, 0.5);
  --theme-background-shade: hsla(0, 0%, 100%, 0.12);
  --theme-foreground-faded: rgba(7, 7, 8, 0.75);
  --theme-foreground-neutral: rgba(7, 7, 8, 0.5);
  --theme-foreground-shade: rgba(7, 7, 8, 0.12);
  --theme-accent-background-faded: rgba(7, 7, 8, 0.75);
  --theme-accent-background-neutral: rgba(7, 7, 8, 0.5);
  --theme-accent-background-shade: rgba(7, 7, 8, 0.12);
  --theme-accent-foreground-faded: hsla(0, 0%, 100%, 0.75);
  --theme-accent-foreground-neutral: hsla(0, 0%, 100%, 0.5);
  --theme-accent-foreground-shade: hsla(0, 0%, 100%, 0.12);
}
[data-theme="dark"],
[data-theme="light"] {
  background-color: var(--theme-background);
  color: var(--theme-foreground);
}
[data-theme="dark"] {
  --theme-foreground: #e8e8e9;
  --theme-background: #070708;
  --theme-accent-foreground: #070708;
  --theme-accent-background: #e8e8e9;
  --theme-background-faded: rgba(7, 7, 8, 0.75);
  --theme-background-neutral: rgba(7, 7, 8, 0.5);
  --theme-background-shade: rgba(7, 7, 8, 0.12);
  --theme-foreground-faded: hsla(240, 2%, 91%, 0.75);
  --theme-foreground-neutral: hsla(240, 2%, 91%, 0.5);
  --theme-foreground-shade: hsla(240, 2%, 91%, 0.12);
  --theme-accent-background-faded: hsla(240, 2%, 91%, 0.75);
  --theme-accent-background-neutral: hsla(240, 2%, 91%, 0.5);
  --theme-accent-background-shade: hsla(240, 2%, 91%, 0.12);
  --theme-accent-foreground-faded: rgba(7, 7, 8, 0.75);
  --theme-accent-foreground-neutral: rgba(7, 7, 8, 0.5);
  --theme-accent-foreground-shade: rgba(7, 7, 8, 0.12);
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  background: #000;
  color: #fff;
  font-variation-settings: "wght" 400, "wdth" 100;
  height: 100%;
}
body,
html {
  position: relative;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: var(--text-sans);
  line-height: 1;
  margin: 0;
  touch-action: manipulation;
  vertical-align: baseline;
}
body.noscroll {
  overflow: hidden;
  width: calc(100% - var(--scrollbar-width));
}
#__nuxt {
  min-height: 100vh;
}
#__nuxt,
main {
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
  margin: auto;
  padding: 0;
  position: relative;
  width: 100%;
}
figure {
  margin: 0;
}
img {
  display: block;
  height: auto;
  max-width: 100%;
}
a {
  color: inherit;
}
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}
.page-enter-active,
.page-leave-active {
  transition: all 0.3s;
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
}
@media (max-width: 64rem) {
  body.noscroll {
    position: fixed;
    width: 100%;
  }
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.33s ease;
}
.fade-enter-from,
.fade-leave-to,
.fade-out {
  opacity: 0;
}
.fade-in {
  opacity: 1;
}
:focus:not(:focus-visible) {
  outline: 0;
}
:focus-visible {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
button {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  line-height: inherit;
  padding: 0;
}
.button-large,
.button-medium,
.button-small,
.button-x-large,
.button-xx-large {
  background: none;
  display: inline-block;
  text-decoration: none;
}
.button-large:focus-visible,
.button-medium:focus-visible,
.button-small:focus-visible,
.button-x-large:focus-visible,
.button-xx-large:focus-visible {
  outline: 0;
}
.button-large > .shape,
.button-medium > .shape,
.button-small > .shape,
.button-x-large > .shape,
.button-xx-large > .shape {
  align-items: center;
  background: var(--theme-accent-background);
  border: 2px solid transparent;
  border-radius: 999px;
  color: var(--theme-accent-foreground);
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out,
    transform 0.15s ease-in-out, outline 0.25s ease-in-out;
  vertical-align: top;
}
.button-large > .shape .label,
.button-medium > .shape .label,
.button-small > .shape .label,
.button-x-large > .shape .label,
.button-xx-large > .shape .label {
  display: block;
  transition: color 0.25s ease-in-out;
  white-space: nowrap;
}
.button-large.currentHover .shape .label,
.button-medium.currentHover .shape .label,
.button-small.currentHover .shape .label,
.button-x-large.currentHover .shape .label,
.button-xx-large.currentHover .shape .label {
  color: var(--theme-accent-foreground);
}
.button-large.currentHover .shape .icon,
.button-medium.currentHover .shape .icon,
.button-small.currentHover .shape .icon,
.button-x-large.currentHover .shape .icon,
.button-xx-large.currentHover .shape .icon {
  color: var(--theme-accent-foreground-neutral);
}
.button-large .icon,
.button-medium .icon,
.button-small .icon,
.button-x-large .icon,
.button-xx-large .icon {
  color: var(--theme-accent-foreground-neutral);
  height: 16px;
  width: 16px;
}
.button-large:focus-visible .shape,
.button-medium:focus-visible .shape,
.button-small:focus-visible .shape,
.button-x-large:focus-visible .shape,
.button-xx-large:focus-visible .shape {
  border: 2px solid var(--theme-accent-background);
  outline: 2px solid var(--theme-accent-background);
  outline-offset: 2px;
}
.button-large[disabled],
.button-medium[disabled],
.button-small[disabled],
.button-x-large[disabled],
.button-xx-large[disabled] {
  cursor: default;
}
.button-small {
  --padding-block: var(--space-3);
  --padding-inline: var(--space-10);
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-overline-1-size) * 1px);
  font-size: calc(var(--t-overline-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-overline-1-weight),
    "wdth" var(--t-overline-1-width);
  letter-spacing: var(--t-overline-1-letter-spacing);
  line-height: calc(var(--t-overline-1-line-height) * 1px);
  line-height: calc(var(--t-overline-1-line-height) / var(--t-overline-1-size));
  padding-block: var(--space-12);
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .button-small {
    font-size: calc(var(--t-overline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .button-small {
    font-size: calc(var(--t-overline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .button-small {
    font-size: calc(var(--t-overline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .button-small {
    font-size: calc(var(--t-overline-1-size) / 1920 * 100vw);
  }
}
.button-small .shape {
  gap: var(--space-6);
}
.button-small .shape :first-child.icon {
  -webkit-margin-start: calc(var(--space-4) * -1);
  margin-inline-start: calc(var(--space-4) * -1);
}
.button-small .shape :last-child.icon {
  -webkit-margin-end: calc(var(--space-4) * -1);
  margin-inline-end: calc(var(--space-4) * -1);
}
.button-small .shape .label {
  transform: translateY(5%);
}
.button-medium {
  --padding-block: var(--space-4);
  --padding-inline: var(--space-12);
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-overline-2-size) * 1px);
  font-size: calc(var(--t-overline-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-overline-2-weight),
    "wdth" var(--t-overline-2-width);
  letter-spacing: var(--t-overline-2-letter-spacing);
  line-height: calc(var(--t-overline-2-line-height) * 1px);
  line-height: calc(var(--t-overline-2-line-height) / var(--t-overline-2-size));
  padding-block: var(--space-8);
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .button-medium {
    font-size: calc(var(--t-overline-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .button-medium {
    font-size: calc(var(--t-overline-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .button-medium {
    font-size: calc(var(--t-overline-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .button-medium {
    font-size: calc(var(--t-overline-2-size) / 1920 * 100vw);
  }
}
.button-medium .shape {
  gap: var(--space-6);
}
.button-medium .shape :first-child.icon {
  -webkit-margin-start: calc(var(--space-4) * -1);
  margin-inline-start: calc(var(--space-4) * -1);
}
.button-medium .shape :last-child.icon {
  -webkit-margin-end: calc(var(--space-4) * -1);
  margin-inline-end: calc(var(--space-4) * -1);
}
.button-medium .shape .label {
  transform: translateY(4.25%);
}
.button-large {
  --padding-block: var(--space-8);
  --padding-inline: var(--space-20);
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-1-size) * 1px);
  font-size: calc(var(--t-body-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-1-weight),
    "wdth" var(--t-body-1-width);
  letter-spacing: var(--t-body-1-letter-spacing);
  line-height: calc(var(--t-body-1-line-height) * 1px);
  line-height: calc(var(--t-body-1-line-height) / var(--t-body-1-size));
  line-height: 100%;
}
@media (min-width: 640px) {
  .button-large {
    font-size: calc(var(--t-body-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .button-large {
    font-size: calc(var(--t-body-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .button-large {
    font-size: calc(var(--t-body-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .button-large {
    font-size: calc(var(--t-body-1-size) / 1920 * 100vw);
  }
}
.button-large .shape {
  gap: var(--space-8);
}
.button-large .shape :first-child.icon {
  -webkit-margin-start: calc(var(--space-6) * -1);
  margin-inline-start: calc(var(--space-6) * -1);
}
.button-large .shape :last-child.icon {
  -webkit-margin-end: calc(var(--space-6) * -1);
  margin-inline-end: calc(var(--space-6) * -1);
}
.button-large .shape .label {
  transform: translateY(4%);
}
.button-x-large {
  --padding-block: var(--space-8);
  --padding-inline: var(--space-20);
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
}
@media (min-width: 640px) {
  .button-x-large {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .button-x-large {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .button-x-large {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .button-x-large {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.button-x-large .shape {
  gap: var(--space-8);
}
.button-x-large .shape :first-child.icon {
  -webkit-margin-start: calc(var(--space-6) * -1);
  margin-inline-start: calc(var(--space-6) * -1);
}
.button-x-large .shape :last-child.icon {
  -webkit-margin-end: calc(var(--space-6) * -1);
  margin-inline-end: calc(var(--space-6) * -1);
}
.button-x-large .shape .label {
  transform: translateY(4%);
}
.button-x-large .icon {
  height: 24px;
  width: 24px;
}
.button-xx-large {
  --padding-block: var(--space-8);
  --padding-inline: var(--space-20);
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  width: 100%;
}
@media (min-width: 640px) {
  .button-xx-large {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .button-xx-large {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .button-xx-large {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .button-xx-large {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.button-xx-large .shape {
  gap: var(--space-8);
  justify-content: flex-start;
  width: 100%;
}
.button-xx-large .shape :first-child.icon {
  -webkit-margin-start: calc(var(--space-6) * -1);
  margin-inline-start: calc(var(--space-6) * -1);
}
.button-xx-large .shape :last-child.icon {
  -webkit-margin-end: calc(var(--space-6) * -1);
  margin-inline-end: calc(var(--space-6) * -1);
}
.button-xx-large .shape .label {
  flex: 1 1 auto;
  transform: translateY(4%);
}
.button-xx-large .icon {
  height: 24px;
  width: 24px;
}
@media (min-width: 64rem) {
  .button-xx-large {
    font-feature-settings: "liga" on;
    font-feature-settings: "ss12" on, "liga" on;
    font-family: var(--text-sans);
    font-size: calc(var(--t-body-3-size) * 1px);
    font-size: calc(var(--t-body-3-size) / 390 * 100vw);
    font-variation-settings: "wght" var(--t-body-3-weight),
      "wdth" var(--t-body-3-width);
    letter-spacing: var(--t-body-3-letter-spacing);
    line-height: calc(var(--t-body-3-line-height) * 1px);
    line-height: calc(var(--t-body-3-line-height) / var(--t-body-3-size));
  }
}
@media (min-width: 64rem) and (min-width: 640px) {
  .button-xx-large {
    font-size: calc(var(--t-body-3-size) / 640 * 100vw);
  }
}
@media (min-width: 64rem) and (min-width: 1024px) {
  .button-xx-large {
    font-size: calc(var(--t-body-3-size) / 1024 * 100vw);
  }
}
@media (min-width: 64rem) and (min-width: 1440px) {
  .button-xx-large {
    font-size: calc(var(--t-body-3-size) / 1440 * 100vw);
  }
}
@media (min-width: 64rem) and (min-width: 1920px) {
  .button-xx-large {
    font-size: calc(var(--t-body-3-size) / 1920 * 100vw);
  }
}
.button-inverted .shape {
  background: var(--theme-accent-foreground);
  color: var(--theme-accent-background);
}
.button-inverted .icon {
  color: var(--theme-accent-background-neutral);
}
.button-transparent .shape {
  background: transparent;
}
.button-abacus .shape {
  background: var(--theme-foreground-shade);
}
.button-abacus .label {
  color: var(--theme-foreground);
}
.button-abacus .icon {
  color: var(--theme-foreground-neutral);
}
.button-shade .shape {
  background: var(--theme-foreground-shade);
}
.button-shade .label {
  color: var(--theme-foreground);
}
.button-shade .icon {
  color: var(--theme-foreground-neutral);
}
.button-shade-inverted .shape {
  background: var(--theme-background-shade);
}
.button-shade-inverted .label {
  color: var(--theme-background);
}
@media (hover: hover) and (pointer: fine) {
  .button-large:not([disabled]):hover .shape,
  .button-medium:not([disabled]):hover .shape,
  .button-small:not([disabled]):hover .shape,
  .button-x-large:not([disabled]):hover .shape,
  .button-xx-large:not([disabled]):hover .shape {
    background-color: var(--theme-accent-background-faded);
  }
  .button-large:not([disabled]):active .shape,
  .button-medium:not([disabled]):active .shape,
  .button-small:not([disabled]):active .shape,
  .button-x-large:not([disabled]):active .shape,
  .button-xx-large:not([disabled]):active .shape {
    background-color: var(--theme-accent-background);
    transform: scale(0.975);
  }
  .button-large:not([disabled]).button-inverted:hover .shape,
  .button-medium:not([disabled]).button-inverted:hover .shape,
  .button-small:not([disabled]).button-inverted:hover .shape,
  .button-x-large:not([disabled]).button-inverted:hover .shape,
  .button-xx-large:not([disabled]).button-inverted:hover .shape {
    background: var(--theme-accent-foreground-faded);
  }
  .button-large:not([disabled]).button-inverted:active .shape,
  .button-medium:not([disabled]).button-inverted:active .shape,
  .button-small:not([disabled]).button-inverted:active .shape,
  .button-x-large:not([disabled]).button-inverted:active .shape,
  .button-xx-large:not([disabled]).button-inverted:active .shape {
    background: var(--theme-accent-foreground);
  }
  .button-large:not([disabled]).button-abacus:active .shape,
  .button-large:not([disabled]).button-abacus:hover .shape,
  .button-medium:not([disabled]).button-abacus:active .shape,
  .button-medium:not([disabled]).button-abacus:hover .shape,
  .button-small:not([disabled]).button-abacus:active .shape,
  .button-small:not([disabled]).button-abacus:hover .shape,
  .button-x-large:not([disabled]).button-abacus:active .shape,
  .button-x-large:not([disabled]).button-abacus:hover .shape,
  .button-xx-large:not([disabled]).button-abacus:active .shape,
  .button-xx-large:not([disabled]).button-abacus:hover .shape {
    background: var(--theme-foreground-shade);
  }
  .button-large:not([disabled]).button-shade:hover .shape,
  .button-medium:not([disabled]).button-shade:hover .shape,
  .button-small:not([disabled]).button-shade:hover .shape,
  .button-x-large:not([disabled]).button-shade:hover .shape,
  .button-xx-large:not([disabled]).button-shade:hover .shape {
    background: var(--theme-foreground-neutral);
  }
  .button-large:not([disabled]).button-shade:active .shape,
  .button-medium:not([disabled]).button-shade:active .shape,
  .button-small:not([disabled]).button-shade:active .shape,
  .button-x-large:not([disabled]).button-shade:active .shape,
  .button-xx-large:not([disabled]).button-shade:active .shape {
    background: var(--theme-foreground-shade);
  }
  .button-large:not([disabled]).button-shade-inverted:hover .shape,
  .button-medium:not([disabled]).button-shade-inverted:hover .shape,
  .button-small:not([disabled]).button-shade-inverted:hover .shape,
  .button-x-large:not([disabled]).button-shade-inverted:hover .shape,
  .button-xx-large:not([disabled]).button-shade-inverted:hover .shape {
    background: var(--theme-background-neutral);
  }
  .button-large:not([disabled]).button-shade-inverted:active .shape,
  .button-medium:not([disabled]).button-shade-inverted:active .shape,
  .button-small:not([disabled]).button-shade-inverted:active .shape,
  .button-x-large:not([disabled]).button-shade-inverted:active .shape,
  .button-xx-large:not([disabled]).button-shade-inverted:active .shape {
    background: var(--theme-background-shade);
  }
  .button-large:not([disabled]).currentHover .shape,
  .button-medium:not([disabled]).currentHover .shape,
  .button-small:not([disabled]).currentHover .shape,
  .button-x-large:not([disabled]).currentHover .shape,
  .button-xx-large:not([disabled]).currentHover .shape {
    transform: none;
  }
}
.abacus {
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: inline-flex;
  position: relative;
}
.abacus .bead {
  background: var(--theme-accent-background);
  border-radius: var(--border-radius);
  height: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 3;
}
.abacus a,
.abacus button {
  display: inline-block;
  position: relative;
}
.abacus a .shape,
.abacus button .shape {
  pointer-events: none;
  z-index: 2;
}
.abacus a .shape .icon,
.abacus a .shape .label,
.abacus button .shape .icon,
.abacus button .shape .label {
  pointer-events: none;
  transition: color 0.3s linear;
  z-index: 4;
}
.form {
  --field-background: var(--theme-foreground-shade);
  margin: 0 auto;
  max-width: 600px;
  padding: var(--space-48) var(--side-spacing) var(--space-96)
    var(--side-spacing);
}
body[data-theme="light"] .form {
  --field-background: #f1f1f1;
}
.form label {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  -webkit-margin-before: var(--space-48);
  color: var(--theme-foreground);
  cursor: pointer;
  display: inline-block;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-1-size) * 1px);
  font-size: calc(var(--t-headline-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-1-weight),
    "wdth" var(--t-headline-1-width);
  letter-spacing: var(--t-headline-1-letter-spacing);
  line-height: calc(var(--t-headline-1-line-height) * 1px);
  line-height: calc(var(--t-headline-1-line-height) / var(--t-headline-1-size));
  margin-block-start: var(--space-48);
  position: relative;
}
@media (min-width: 640px) {
  .form label {
    font-size: calc(var(--t-headline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .form label {
    font-size: calc(var(--t-headline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .form label {
    font-size: calc(var(--t-headline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .form label {
    font-size: calc(var(--t-headline-1-size) / 1920 * 100vw);
  }
}
.form [disabled]:not(.verification) {
  opacity: 0.5;
}
.form .field {
  -webkit-margin-before: var(--space-16);
  border: 0;
  margin-block-start: var(--space-16);
  padding: 0;
}
.form .for-checkbox,
.form .for-radio {
  color: var(--gray-medium);
  padding-left: 25px;
}
.form .filters .for-checkbox {
  color: var(--black);
}
.form input {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  --placeholderColor: var(--theme-foreground-neutral);
  -webkit-margin-before: var(--space-16);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--field-background);
  border: 0;
  border-radius: 8px;
  color: var(--theme-foreground);
  display: flex;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  justify-content: center;
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  margin-block-start: var(--space-16);
  padding: var(--space-12) var(--space-16);
  width: 100%;
}
@media (min-width: 640px) {
  .form input {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .form input {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .form input {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .form input {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.form input::-webkit-input-placeholder {
  color: var(--placeholderColor);
}
.form input::-moz-placeholder {
  color: var(--placeholderColor);
}
.form input:-ms-input-placeholder {
  color: var(--placeholderColor);
}
.form input:-moz-placeholder {
  color: var(--placeholderColor);
}
.form input[type="file"] {
  cursor: pointer;
}
.form input[type="file"]::file-selector-button {
  background: var(--theme-foreground-faded);
  border: none;
  border-radius: 8px;
  color: var(--theme-background);
  cursor: pointer;
  margin-right: var(--space-24);
  padding: var(--space-12) var(--space-16);
}
.form input[type="checkbox"],
.form input[type="radio"] {
  height: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 20px;
}
.form .for-checkbox:before,
.form .for-radio:before {
  border: 1px solid var(--black);
  box-sizing: inherit;
  content: "";
  height: 10px;
  left: 5px;
  position: absolute;
  top: 2px;
  transition: background-color var(--timing) var(--easing);
  width: 10px;
}
.form .for-radio:before {
  border-radius: 50%;
}
.form input[type="checkbox"]:checked + .for-checkbox:before {
  background-color: navy;
}
.form input[type="radio"]:checked + .for-radio:before {
  background-color: var(--black);
}
.form input:focus-visible,
.form select:focus-visible,
.form textarea:focus-visible {
  outline: 2px solid var(--theme-accent-background);
  outline-offset: 2px;
}
.form input:focus + .for-checkbox:before,
.form input:focus + .for-radio:before {
  outline: 2px solid var(--theme-accent-background);
  outline-offset: 2px;
}
.form select {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(https://instrumentgrowth.com/img/ui/arrow-down.svg) right var(--space-24) center
    no-repeat;
  background-color: var(--field-background);
  border: 0;
  border-radius: 8px;
  color: var(--theme-foreground);
  display: block;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  margin: 0;
  max-width: 100%;
  padding: var(--space-12) var(--space-16);
  position: relative;
  width: 100%;
}
@media (min-width: 640px) {
  .form select {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .form select {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .form select {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .form select {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.form select::-ms-expand {
  display: none;
}
.form .select--active,
.form textarea {
  color: var(--theme-foreground);
}
.form textarea {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  --placeholderColor: var(--theme-foreground-neutral);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--field-background);
  border: 0;
  border-radius: 8px;
  display: flex;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  justify-content: center;
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  max-height: 500px;
  min-height: 260px;
  padding: var(--space-12) var(--space-16);
  resize: vertical;
  width: 100%;
}
@media (min-width: 640px) {
  .form textarea {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .form textarea {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .form textarea {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .form textarea {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.form textarea::-webkit-input-placeholder {
  color: var(--placeholderColor);
}
.form textarea::-moz-placeholder {
  color: var(--placeholderColor);
}
.form textarea:-ms-input-placeholder {
  color: var(--placeholderColor);
}
.form textarea:-moz-placeholder {
  color: var(--placeholderColor);
}
.form button {
  -webkit-margin-before: var(--space-24);
  margin-block-start: var(--space-24);
}
.form .error-message {
  -webkit-margin-before: var(--space-48);
  background: #ffece8;
  border-radius: 8px;
  color: #d7330f;
  margin-block-start: var(--space-48);
  padding: var(--space-16) var(--space-24);
}
.form .error-message h3 {
  -webkit-margin-after: var(--space-8);
  align-items: center;
  display: flex;
  margin-block-end: var(--space-8);
}
.form .error-message h3:before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23D7330F' stroke-linecap='round' stroke-linejoin='round' d='M6.86 2.573 1.213 12a1.334 1.334 0 0 0 1.14 2h11.293a1.332 1.332 0 0 0 1.14-2L9.14 2.573a1.333 1.333 0 0 0-2.28 0ZM8 6v2.667M8 11.334h.007'/%3E%3C/svg%3E");
  display: inline-block;
  flex: 0 0 26px;
}
.form .honeypot {
  display: none;
}
@media (min-width: 64rem) {
  .form {
    padding: var(--space-96) 0 var(--space-192) 0;
  }
  .form label {
    -webkit-margin-before: var(--space-96);
    margin-block-start: var(--space-96);
  }
  .form .field {
    -webkit-margin-before: var(--space-24);
    margin-block-start: var(--space-24);
  }
  .form button {
    -webkit-margin-before: var(--space-32);
    margin-block-start: var(--space-32);
  }
}
.submitted-message {
  padding: var(--space-48) var(--side-spacing) var(--space-96);
}
.hs-form {
  --field-background: var(--theme-foreground-shade);
  margin: 0 auto;
  max-width: 600px;
  padding: var(--space-48) var(--side-spacing) var(--space-96)
    var(--side-spacing);
}
body[data-theme="light"] .hs-form {
  --field-background: #f1f1f1;
}
.hs-form label {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  -webkit-margin-before: var(--space-48);
  color: var(--theme-foreground);
  cursor: pointer;
  display: inline-block;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-1-size) * 1px);
  font-size: calc(var(--t-headline-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-1-weight),
    "wdth" var(--t-headline-1-width);
  letter-spacing: var(--t-headline-1-letter-spacing);
  line-height: calc(var(--t-headline-1-line-height) * 1px);
  line-height: calc(var(--t-headline-1-line-height) / var(--t-headline-1-size));
  margin-block-start: var(--space-48);
  position: relative;
}
@media (min-width: 640px) {
  .hs-form label {
    font-size: calc(var(--t-headline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .hs-form label {
    font-size: calc(var(--t-headline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .hs-form label {
    font-size: calc(var(--t-headline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .hs-form label {
    font-size: calc(var(--t-headline-1-size) / 1920 * 100vw);
  }
}
.hs-form fieldset p,
.hs-form fieldset strong {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-1-size) * 1px);
  font-size: calc(var(--t-headline-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-1-weight),
    "wdth" var(--t-headline-1-width);
  font-weight: 400;
  letter-spacing: var(--t-headline-1-letter-spacing);
  line-height: calc(var(--t-headline-1-line-height) * 1px);
  line-height: calc(var(--t-headline-1-line-height) / var(--t-headline-1-size));
}
@media (min-width: 640px) {
  .hs-form fieldset p,
  .hs-form fieldset strong {
    font-size: calc(var(--t-headline-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .hs-form fieldset p,
  .hs-form fieldset strong {
    font-size: calc(var(--t-headline-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .hs-form fieldset p,
  .hs-form fieldset strong {
    font-size: calc(var(--t-headline-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .hs-form fieldset p,
  .hs-form fieldset strong {
    font-size: calc(var(--t-headline-1-size) / 1920 * 100vw);
  }
}
.hs-form [disabled]:not(.verification) {
  opacity: 0.5;
}
.hs-form fieldset {
  max-width: 600px !important;
}
.hs-form .hs_firstname,
.hs-form .hs_lastname {
  float: none !important;
  width: 100% !important;
}
.hs-form .hs_firstname .input,
.hs-form .hs_lastname .input {
  -webkit-margin-before: var(--space-24);
  margin-block-start: var(--space-24);
}
.hs-form .hs_firstname label,
.hs-form .hs_lastname label {
  display: none;
}
.hs-form .field {
  -webkit-margin-before: var(--space-16);
  border: 0;
  margin-block-start: var(--space-16);
  padding: 0;
}
.hs-form .for-checkbox,
.hs-form .for-radio {
  color: var(--gray-medium);
  padding-left: 25px;
}
.hs-form .filters .for-checkbox {
  color: var(--black);
}
.hs-form .hs-field-desc {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-1-size) * 1px);
  font-size: calc(var(--t-body-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-1-weight),
    "wdth" var(--t-body-1-width);
  letter-spacing: var(--t-body-1-letter-spacing);
  line-height: calc(var(--t-body-1-line-height) * 1px);
  line-height: calc(var(--t-body-1-line-height) / var(--t-body-1-size));
}
@media (min-width: 640px) {
  .hs-form .hs-field-desc {
    font-size: calc(var(--t-body-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .hs-form .hs-field-desc {
    font-size: calc(var(--t-body-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .hs-form .hs-field-desc {
    font-size: calc(var(--t-body-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .hs-form .hs-field-desc {
    font-size: calc(var(--t-body-1-size) / 1920 * 100vw);
  }
}
.hs-form .hs-error-msg,
.hs-form .hs-error-msgs label {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  -webkit-margin-before: var(--space-12);
  color: red;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-1-size) * 1px);
  font-size: calc(var(--t-body-1-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-1-weight),
    "wdth" var(--t-body-1-width);
  letter-spacing: var(--t-body-1-letter-spacing);
  line-height: calc(var(--t-body-1-line-height) * 1px);
  line-height: calc(var(--t-body-1-line-height) / var(--t-body-1-size));
  margin-block-start: var(--space-12);
}
@media (min-width: 640px) {
  .hs-form .hs-error-msg,
  .hs-form .hs-error-msgs label {
    font-size: calc(var(--t-body-1-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .hs-form .hs-error-msg,
  .hs-form .hs-error-msgs label {
    font-size: calc(var(--t-body-1-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .hs-form .hs-error-msg,
  .hs-form .hs-error-msgs label {
    font-size: calc(var(--t-body-1-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .hs-form .hs-error-msg,
  .hs-form .hs-error-msgs label {
    font-size: calc(var(--t-body-1-size) / 1920 * 100vw);
  }
}
.hs-form .hs-input {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  --placeholderColor: var(--theme-foreground-neutral);
  -webkit-margin-before: var(--space-16);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--field-background);
  border: 0;
  border-radius: 8px;
  color: var(--theme-foreground);
  display: flex;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  justify-content: center;
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  margin-block-start: var(--space-16);
  margin-right: 0;
  padding: var(--space-12) var(--space-16);
  width: 100% !important;
}
@media (min-width: 640px) {
  .hs-form .hs-input {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .hs-form .hs-input {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .hs-form .hs-input {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .hs-form .hs-input {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.hs-form .hs-input::-webkit-input-placeholder {
  color: var(--placeholderColor);
}
.hs-form .hs-input::-moz-placeholder {
  color: var(--placeholderColor);
}
.hs-form .hs-input:-ms-input-placeholder {
  color: var(--placeholderColor);
}
.hs-form .hs-input:-moz-placeholder {
  color: var(--placeholderColor);
}
.hs-form .hs-input[type="file"] {
  cursor: pointer;
}
.hs-form .hs-input[type="file"]::file-selector-button {
  background: var(--theme-foreground-faded);
  border: none;
  border-radius: 8px;
  color: var(--theme-background);
  cursor: pointer;
  margin-right: var(--space-24);
  padding: var(--space-12) var(--space-16);
}
.hs-form input[type="checkbox"],
.hs-form input[type="radio"] {
  height: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 20px;
}
.hs-form .for-checkbox:before,
.hs-form .for-radio:before {
  border: 1px solid var(--black);
  box-sizing: inherit;
  content: "";
  height: 10px;
  left: 5px;
  position: absolute;
  top: 2px;
  transition: background-color var(--timing) var(--easing);
  width: 10px;
}
.hs-form .for-radio:before {
  border-radius: 50%;
}
.hs-form input[type="checkbox"]:checked + .for-checkbox:before {
  background-color: navy;
}
.hs-form input[type="radio"]:checked + .for-radio:before {
  background-color: var(--black);
}
.hs-form input:focus-visible,
.hs-form select:focus-visible,
.hs-form textarea:focus-visible {
  outline: 2px solid var(--theme-accent-background);
  outline-offset: 2px;
}
.hs-form input:focus + .for-checkbox:before,
.hs-form input:focus + .for-radio:before {
  outline: 2px solid var(--theme-accent-background);
  outline-offset: 2px;
}
.hs-form select {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(https://instrumentgrowth.com/img/ui/arrow-down.svg) right var(--space-24) center
    no-repeat;
  background-color: var(--field-background);
  border: 0;
  border-radius: 8px;
  color: var(--theme-foreground);
  display: block;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  margin: 0;
  max-width: 100%;
  padding: var(--space-12) var(--space-16);
  position: relative;
  width: 100%;
}
@media (min-width: 640px) {
  .hs-form select {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .hs-form select {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .hs-form select {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .hs-form select {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.hs-form select::-ms-expand {
  display: none;
}
.hs-form .select--active,
.hs-form textarea {
  color: var(--theme-foreground);
}
.hs-form textarea {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  --placeholderColor: var(--theme-foreground-neutral);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--field-background);
  border: 0;
  border-radius: 8px;
  display: flex;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  justify-content: center;
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  max-height: 500px;
  min-height: 260px;
  padding: var(--space-12) var(--space-16);
  resize: vertical;
  width: 100%;
}
@media (min-width: 640px) {
  .hs-form textarea {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .hs-form textarea {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .hs-form textarea {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .hs-form textarea {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
.hs-form textarea::-webkit-input-placeholder {
  color: var(--placeholderColor);
}
.hs-form textarea::-moz-placeholder {
  color: var(--placeholderColor);
}
.hs-form textarea:-ms-input-placeholder {
  color: var(--placeholderColor);
}
.hs-form textarea:-moz-placeholder {
  color: var(--placeholderColor);
}
.hs-form .hs-button.large {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  -webkit-margin-before: var(--space-24);
  background: var(--theme-accent-background);
  border: 2px solid transparent;
  border-radius: 999px;
  color: var(--theme-accent-foreground);
  cursor: pointer;
  font-family: inherit;
  font-family: var(--text-sans);
  font-size: calc(var(--t-body-2-size) * 1px);
  font-size: calc(var(--t-body-2-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-body-2-weight),
    "wdth" var(--t-body-2-width);
  letter-spacing: var(--t-body-2-letter-spacing);
  line-height: calc(var(--t-body-2-line-height) * 1px);
  line-height: calc(var(--t-body-2-line-height) / var(--t-body-2-size));
  line-height: inherit;
  margin-block-start: var(--space-24);
  padding: var(--space-8) var(--space-20);
}
@media (min-width: 640px) {
  .hs-form .hs-button.large {
    font-size: calc(var(--t-body-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .hs-form .hs-button.large {
    font-size: calc(var(--t-body-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .hs-form .hs-button.large {
    font-size: calc(var(--t-body-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .hs-form .hs-button.large {
    font-size: calc(var(--t-body-2-size) / 1920 * 100vw);
  }
}
@media (min-width: 64rem) {
  .hs-form {
    padding: var(--space-96) 0 var(--space-192) 0;
  }
  .hs-form label {
    -webkit-margin-before: var(--space-96);
    margin-block-start: var(--space-96);
  }
  .hs-form .field {
    -webkit-margin-before: var(--space-24);
    margin-block-start: var(--space-24);
  }
  .hs-form button {
    -webkit-margin-before: var(--space-32);
    margin-block-start: var(--space-32);
  }
  .hs-form .hs_firstname .hs-error-msg,
  .hs-form .hs_lastname .hs-error-msg {
    display: block;
  }
  .submitted-message {
    padding: var(--space-96) 0 var(--space-192) var(--side-spacing);
  }
}
:root {
  --space-3-unitless: calc(var(--baseline) * 3 / 8);
  --space-4-unitless: calc(var(--baseline) * 4 / 8);
  --space-6-unitless: calc(var(--baseline) * 6 / 8);
  --space-8-unitless: calc(var(--baseline) * 8 / 8);
  --space-10-unitless: calc(var(--baseline) * 10 / 8);
  --space-12-unitless: calc(var(--baseline) * 12 / 8);
  --space-16-unitless: calc(var(--baseline) * 16 / 8);
  --space-20-unitless: calc(var(--baseline) * 20 / 8);
  --space-24-unitless: calc(var(--baseline) * 24 / 8);
  --space-32-unitless: calc(var(--baseline) * 32 / 8);
  --space-40-unitless: calc(var(--baseline) * 40 / 8);
  --space-48-unitless: calc(var(--baseline) * 48 / 8);
  --space-64-unitless: calc(var(--baseline) * 64 / 8);
  --space-80-unitless: calc(var(--baseline) * 80 / 8);
  --space-96-unitless: calc(var(--baseline) * 96 / 8);
  --space-144-unitless: calc(var(--baseline) * 144 / 8);
  --space-192-unitless: calc(var(--baseline) * 192 / 8);
  --space-320-unitless: calc(var(--baseline) * 320 / 8);
  --space-589-unitless: calc(var(--baseline) * 589 / 8);
  --space-804-unitless: calc(var(--baseline) * 804 / 8);
  --space-384-unitless: calc(var(--baseline) * 384 / 8);
  --space-85-unitless: calc(var(--baseline) * 85 / 8);
  --space-97-unitless: calc(var(--baseline) * 97 / 8);
  --space-3: calc(var(--space-3-unitless) * 1px);
  --space-4: calc(var(--space-4-unitless) * 1px);
  --space-6: calc(var(--space-6-unitless) * 1px);
  --space-8: calc(var(--space-8-unitless) * 1px);
  --space-10: calc(var(--space-10-unitless) * 1px);
  --space-12: calc(var(--space-12-unitless) * 1px);
  --space-16: calc(var(--space-16-unitless) * 1px);
  --space-20: calc(var(--space-20-unitless) * 1px);
  --space-24: calc(var(--space-24-unitless) * 1px);
  --space-32: calc(var(--space-32-unitless) * 1px);
  --space-40: calc(var(--space-40-unitless) * 1px);
  --space-48: calc(var(--space-48-unitless) * 1px);
  --space-64: calc(var(--space-64-unitless) * 1px);
  --space-80: calc(var(--space-80-unitless) * 1px);
  --space-96: calc(var(--space-96-unitless) * 1px);
  --space-144: calc(var(--space-144-unitless) * 1px);
  --space-192: calc(var(--space-192-unitless) * 1px);
  --space-320: calc(var(--space-320-unitless) * 1px);
  --space-589: calc(var(--space-589-unitless) * 1px);
  --space-804: calc(var(--space-804-unitless) * 1px);
  --space-384: calc(var(--space-384-unitless) * 1px);
  --space-85: calc(var(--space-85-unitless) * 1px);
  --space-97: calc(var(--space-97-unitless) * 1px);
}
@media (min-width: 390px) {
  :root {
    --space-3: calc((var(--space-3-unitless) / 390) * 100vw);
    --space-4: calc((var(--space-4-unitless) / 390) * 100vw);
    --space-6: calc((var(--space-6-unitless) / 390) * 100vw);
    --space-8: calc((var(--space-8-unitless) / 390) * 100vw);
    --space-10: calc((var(--space-10-unitless) / 390) * 100vw);
    --space-12: calc((var(--space-12-unitless) / 390) * 100vw);
    --space-16: calc((var(--space-16-unitless) / 390) * 100vw);
    --space-20: calc((var(--space-20-unitless) / 390) * 100vw);
    --space-24: calc((var(--space-24-unitless) / 390) * 100vw);
    --space-32: calc((var(--space-32-unitless) / 390) * 100vw);
    --space-40: calc((var(--space-40-unitless) / 390) * 100vw);
    --space-48: calc((var(--space-48-unitless) / 390) * 100vw);
    --space-64: calc((var(--space-64-unitless) / 390) * 100vw);
    --space-80: calc((var(--space-80-unitless) / 390) * 100vw);
    --space-96: calc((var(--space-96-unitless) / 390) * 100vw);
    --space-144: calc((var(--space-144-unitless) / 390) * 100vw);
    --space-192: calc((var(--space-192-unitless) / 390) * 100vw);
    --space-320: calc((var(--space-320-unitless) / 390) * 100vw);
    --space-589: calc((var(--space-589-unitless) / 390) * 100vw);
    --space-804: calc((var(--space-804-unitless) / 390) * 100vw);
    --space-384: calc((var(--space-384-unitless) / 390) * 100vw);
    --space-85: calc((var(--space-85-unitless) / 390) * 100vw);
    --space-97: calc((var(--space-97-unitless) / 390) * 100vw);
  }
}
@media (min-width: 640px) {
  :root {
    --space-3: calc((var(--space-3-unitless) / 640) * 100vw);
    --space-4: calc((var(--space-4-unitless) / 640) * 100vw);
    --space-6: calc((var(--space-6-unitless) / 640) * 100vw);
    --space-8: calc((var(--space-8-unitless) / 640) * 100vw);
    --space-10: calc((var(--space-10-unitless) / 640) * 100vw);
    --space-12: calc((var(--space-12-unitless) / 640) * 100vw);
    --space-16: calc((var(--space-16-unitless) / 640) * 100vw);
    --space-20: calc((var(--space-20-unitless) / 640) * 100vw);
    --space-24: calc((var(--space-24-unitless) / 640) * 100vw);
    --space-32: calc((var(--space-32-unitless) / 640) * 100vw);
    --space-40: calc((var(--space-40-unitless) / 640) * 100vw);
    --space-48: calc((var(--space-48-unitless) / 640) * 100vw);
    --space-64: calc((var(--space-64-unitless) / 640) * 100vw);
    --space-80: calc((var(--space-80-unitless) / 640) * 100vw);
    --space-96: calc((var(--space-96-unitless) / 640) * 100vw);
    --space-144: calc((var(--space-144-unitless) / 640) * 100vw);
    --space-192: calc((var(--space-192-unitless) / 640) * 100vw);
    --space-320: calc((var(--space-320-unitless) / 640) * 100vw);
    --space-589: calc((var(--space-589-unitless) / 640) * 100vw);
    --space-804: calc((var(--space-804-unitless) / 640) * 100vw);
    --space-384: calc((var(--space-384-unitless) / 640) * 100vw);
    --space-85: calc((var(--space-85-unitless) / 640) * 100vw);
    --space-97: calc((var(--space-97-unitless) / 640) * 100vw);
  }
}
@media (min-width: 1024px) {
  :root {
    --space-3: calc((var(--space-3-unitless) / 1024) * 100vw);
    --space-4: calc((var(--space-4-unitless) / 1024) * 100vw);
    --space-6: calc((var(--space-6-unitless) / 1024) * 100vw);
    --space-8: calc((var(--space-8-unitless) / 1024) * 100vw);
    --space-10: calc((var(--space-10-unitless) / 1024) * 100vw);
    --space-12: calc((var(--space-12-unitless) / 1024) * 100vw);
    --space-16: calc((var(--space-16-unitless) / 1024) * 100vw);
    --space-20: calc((var(--space-20-unitless) / 1024) * 100vw);
    --space-24: calc((var(--space-24-unitless) / 1024) * 100vw);
    --space-32: calc((var(--space-32-unitless) / 1024) * 100vw);
    --space-40: calc((var(--space-40-unitless) / 1024) * 100vw);
    --space-48: calc((var(--space-48-unitless) / 1024) * 100vw);
    --space-64: calc((var(--space-64-unitless) / 1024) * 100vw);
    --space-80: calc((var(--space-80-unitless) / 1024) * 100vw);
    --space-96: calc((var(--space-96-unitless) / 1024) * 100vw);
    --space-144: calc((var(--space-144-unitless) / 1024) * 100vw);
    --space-192: calc((var(--space-192-unitless) / 1024) * 100vw);
    --space-320: calc((var(--space-320-unitless) / 1024) * 100vw);
    --space-589: calc((var(--space-589-unitless) / 1024) * 100vw);
    --space-804: calc((var(--space-804-unitless) / 1024) * 100vw);
    --space-384: calc((var(--space-384-unitless) / 1024) * 100vw);
    --space-85: calc((var(--space-85-unitless) / 1024) * 100vw);
    --space-97: calc((var(--space-97-unitless) / 1024) * 100vw);
  }
}
@media (min-width: 1440px) {
  :root {
    --space-3: calc((var(--space-3-unitless) / 1440) * 100vw);
    --space-4: calc((var(--space-4-unitless) / 1440) * 100vw);
    --space-6: calc((var(--space-6-unitless) / 1440) * 100vw);
    --space-8: calc((var(--space-8-unitless) / 1440) * 100vw);
    --space-10: calc((var(--space-10-unitless) / 1440) * 100vw);
    --space-12: calc((var(--space-12-unitless) / 1440) * 100vw);
    --space-16: calc((var(--space-16-unitless) / 1440) * 100vw);
    --space-20: calc((var(--space-20-unitless) / 1440) * 100vw);
    --space-24: calc((var(--space-24-unitless) / 1440) * 100vw);
    --space-32: calc((var(--space-32-unitless) / 1440) * 100vw);
    --space-40: calc((var(--space-40-unitless) / 1440) * 100vw);
    --space-48: calc((var(--space-48-unitless) / 1440) * 100vw);
    --space-64: calc((var(--space-64-unitless) / 1440) * 100vw);
    --space-80: calc((var(--space-80-unitless) / 1440) * 100vw);
    --space-96: calc((var(--space-96-unitless) / 1440) * 100vw);
    --space-144: calc((var(--space-144-unitless) / 1440) * 100vw);
    --space-192: calc((var(--space-192-unitless) / 1440) * 100vw);
    --space-320: calc((var(--space-320-unitless) / 1440) * 100vw);
    --space-589: calc((var(--space-589-unitless) / 1440) * 100vw);
    --space-804: calc((var(--space-804-unitless) / 1440) * 100vw);
    --space-384: calc((var(--space-384-unitless) / 1440) * 100vw);
    --space-85: calc((var(--space-85-unitless) / 1440) * 100vw);
    --space-97: calc((var(--space-97-unitless) / 1440) * 100vw);
  }
}
@media (min-width: 1920px) {
  :root {
    --space-3: calc((var(--space-3-unitless) / 1920) * 100vw);
    --space-4: calc((var(--space-4-unitless) / 1920) * 100vw);
    --space-6: calc((var(--space-6-unitless) / 1920) * 100vw);
    --space-8: calc((var(--space-8-unitless) / 1920) * 100vw);
    --space-10: calc((var(--space-10-unitless) / 1920) * 100vw);
    --space-12: calc((var(--space-12-unitless) / 1920) * 100vw);
    --space-16: calc((var(--space-16-unitless) / 1920) * 100vw);
    --space-20: calc((var(--space-20-unitless) / 1920) * 100vw);
    --space-24: calc((var(--space-24-unitless) / 1920) * 100vw);
    --space-32: calc((var(--space-32-unitless) / 1920) * 100vw);
    --space-40: calc((var(--space-40-unitless) / 1920) * 100vw);
    --space-48: calc((var(--space-48-unitless) / 1920) * 100vw);
    --space-64: calc((var(--space-64-unitless) / 1920) * 100vw);
    --space-80: calc((var(--space-80-unitless) / 1920) * 100vw);
    --space-96: calc((var(--space-96-unitless) / 1920) * 100vw);
    --space-144: calc((var(--space-144-unitless) / 1920) * 100vw);
    --space-192: calc((var(--space-192-unitless) / 1920) * 100vw);
    --space-320: calc((var(--space-320-unitless) / 1920) * 100vw);
    --space-589: calc((var(--space-589-unitless) / 1920) * 100vw);
    --space-804: calc((var(--space-804-unitless) / 1920) * 100vw);
    --space-384: calc((var(--space-384-unitless) / 1920) * 100vw);
    --space-85: calc((var(--space-85-unitless) / 1920) * 100vw);
    --space-97: calc((var(--space-97-unitless) / 1920) * 100vw);
  }
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}