:root {
  --rem: 16;
  --color-white: #fff;
  --color-black: #000;
  --measure: 60ch;
  --step--2: clamp(.6944rem, .5878rem + .5365vi, .96rem);
  --step--2-height: clamp(1.0417rem, .9588rem + .4168vi, 1.248rem);
  --step--1: clamp(.8333rem, .6861rem + .7407vi, 1.2rem);
  --step--1-height: clamp(1.25rem, 1.1255rem + .6263vi, 1.56rem);
  --step-0: clamp(1rem, .7992rem + 1.0101vi, 1.5rem);
  --step-0-height: clamp(1.5rem, 1.3193rem + .9091vi, 1.95rem);
  --step-1: clamp(1.2rem, .929rem + 1.3636vi, 1.875rem);
  --step-1-height: clamp(1.8rem, 1.544rem + 1.2879vi, 2.4375rem);
  --step-2: clamp(1.44rem, 1.0771rem + 1.8258vi, 2.3438rem);
  --step-2-height: clamp(2.16rem, 1.8039rem + 1.7917vi, 3.0469rem);
  --step-3: clamp(1.728rem, 1.2455rem + 2.4277vi, 2.9297rem);
  --step-3-height: clamp(2.592rem, 2.1035rem + 2.4578vi, 3.8086rem);
  --step-4: clamp(2.0736rem, 1.4358rem + 3.2091vi, 3.6621rem);
  --step-4-height: clamp(3.1104rem, 2.4478rem + 3.334vi, 4.7607rem);
  --step-5: clamp(2.4883rem, 1.6494rem + 4.2208vi, 4.5776rem);
  --step-5-height: clamp(3.7325rem, 2.8417rem + 4.4817vi, 5.9509rem);
  --space-none: 0;
  --space-3xs: clamp(5px, 5px + 0vi, 5px);
  --space-3xs-rem: clamp(.3125rem, .3125rem + 0vi, .3125rem);
  --space-2xs: clamp(9px, 8.5985px + .1263vi, 10px);
  --space-2xs-rem: clamp(.5625rem, .5374rem + .1263vi, .625rem);
  --space-xs: clamp(14px, 13.5985px + .1263vi, 15px);
  --space-xs-rem: clamp(.875rem, .8499rem + .1263vi, .9375rem);
  --space-s: clamp(18px, 17.197px + .2525vi, 20px);
  --space-s-rem: clamp(1.125rem, 1.0748rem + .2525vi, 1.25rem);
  --space-m: clamp(27px, 25.7955px + .3788vi, 30px);
  --space-m-rem: clamp(1.6875rem, 1.6122rem + .3788vi, 1.875rem);
  --space-l: clamp(36px, 34.3939px + .5051vi, 40px);
  --space-l-rem: clamp(2.25rem, 2.1496rem + .5051vi, 2.5rem);
  --space-xl: clamp(54px, 51.5909px + .7576vi, 60px);
  --space-xl-rem: clamp(3.375rem, 3.2244rem + .7576vi, 3.75rem);
  --space-2xl: clamp(72px, 68.7879px + 1.0101vi, 80px);
  --space-2xl-rem: clamp(4.5rem, 4.2992rem + 1.0101vi, 5rem);
  --space-3xl: clamp(108px, 103.182px + 1.5152vi, 120px);
  --space-3xl-rem: clamp(6.75rem, 6.4489rem + 1.5152vi, 7.5rem);
  --space-3xs-2xs: clamp(5px, 2.9924px + .6313vi, 10px);
  --space-3xs-2xs-rem: clamp(.3125rem, .187rem + .6313vi, .625rem);
  --space-2xs-xs: clamp(9px, 6.5909px + .7576vi, 15px);
  --space-2xs-xs-rem: clamp(.5625rem, .4119rem + .7576vi, .9375rem);
  --space-xs-s: clamp(14px, 11.5909px + .7576vi, 20px);
  --space-xs-s-rem: clamp(.875rem, .7244rem + .7576vi, 1.25rem);
  --space-s-m: clamp(18px, 13.1818px + 1.5152vi, 30px);
  --space-s-m-rem: clamp(1.125rem, .8239rem + 1.5152vi, 1.875rem);
  --space-s-l: clamp(18px, 9.1667px + 2.7778vi, 40px);
  --space-s-l-rem: clamp(1.125rem, .5729rem + 2.7778vi, 2.5rem);
  --space-m-l: clamp(27px, 21.7803px + 1.6414vi, 40px);
  --space-m-l-rem: clamp(1.6875rem, 1.3613rem + 1.6414vi, 2.5rem);
  --space-s-xl: clamp(18px, 1.1364px + 5.303vi, 60px);
  --space-s-xl-rem: clamp(1.125rem, .071rem + 5.303vi, 3.75rem);
  --space-m-xl: clamp(27px, 13.75px + 4.1667vi, 60px);
  --space-m-xl-rem: clamp(1.6875rem, .8594rem + 4.1667vi, 3.75rem);
  --space-l-xl: clamp(36px, 26.3636px + 3.0303vi, 60px);
  --space-l-xl-rem: clamp(2.25rem, 1.6477rem + 3.0303vi, 3.75rem);
  --space-xl-2xl: clamp(54px, 43.5606px + 3.2828vi, 80px);
  --space-xl-2xl-rem: clamp(3.375rem, 2.7225rem + 3.2828vi, 5rem);
  --space-2xl-3xl: clamp(72px, 52.7273px + 6.0606vi, 120px);
  --space-2xl-3xl-rem: clamp(4.5rem, 3.2955rem + 6.0606vi, 7.5rem);
  --grid-columns: 12;
  --grid-max-inline-size: 69.38rem;
  --grid-gutter: clamp(1.125rem, .8239rem + 1.5152vi, 1.875rem);
}

:where([aria-busy="true" i]) {
  cursor: progress;
}

:where([aria-disabled="true" i], [disabled]) {
  cursor: not-allowed;
  pointer-events: none;
}

:where([aria-hidden="false" i][hidden]) {
  display: initial;
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    transition-delay: 0s !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
  }
}

*, :before, :after {
  background-repeat: no-repeat;
}

:where(button, input, select, optgroup, textarea) {
  background: none;
}

html {
  box-sizing: border-box;
}

*, :before, :after {
  box-sizing: inherit;
  border-style: solid;
  border-width: 0;
}

:where(img, svg, video, canvas, audio, iframe, embed, object, select, textarea) {
  block-size: auto;
  max-inline-size: 100%;
  display: block;
}

:where(select, textarea) {
  vertical-align: middle;
  display: inline-block;
}

:where(audio:not([controls])) {
  display: none;
}

:where(iframe) {
  border-style: none;
}

:where(svg) {
  overflow: hidden;
}

:where(svg:not([fill])) {
  fill: currentColor;
}

:where(picture) {
  display: contents;
}

:where(source) {
  display: none;
}

:where(img, svg, video, canvas) {
  block-size: auto;
}

:where(a img) {
  border-style: none;
}

:where(button, input, select, optgroup, textarea) {
  -webkit-appearance: none;
  appearance: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 0;
  margin: 0;
  padding: 0 .5em;
}

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
  -webkit-appearance: button;
  appearance: button;
}

:where(fieldset) {
  border: 1px solid;
}

:where(progress) {
  vertical-align: baseline;
}

:where(textarea) {
  resize: vertical;
  margin: 0;
}

:where([type="checkbox"], [type="radio"]) {
  box-sizing: border-box;
  padding: 0;
}

:where([type="search" i]) {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button {
  block-size: auto;
}

::-webkit-outer-spin-button {
  block-size: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

:where(:root) {
  cursor: default;
  scroll-behavior: smooth;
}

:where(dialog) {
  color: #000;
  background-color: #fff;
  border: solid;
  block-size: fit-content;
  inline-size: fit-content;
  margin: auto;
  padding: 1em;
  position: absolute;
  inset-inline: 0;
}

:where(dialog:not([open])) {
  display: none;
}

:where(details > summary:first-of-type) {
  display: list-item;
}

:where(label[for], a[href], button, [type="button" i], [type="submit" i], [type="reset" i], [role="button" i], [tabindex]:not([tabindex="-1"])) {
  cursor: pointer;
}

* {
  max-inline-size: var(--measure, 60ch);
}

:where(html, body, div, header, nav, main, footer, section, iframe, ul[role="list"], ol[role="list"]) {
  max-inline-size: none;
}

:where(body) {
  min-block-size: 100svb;
}

:where(textarea:not([rows])) {
  min-block-size: 8ex;
}

:where(:target) {
  scroll-margin-block: 5ex;
}

:where(table) {
  border-collapse: collapse;
  text-indent: 0;
  border-color: currentColor;
  inline-size: fit-content;
}

:where(td, th) {
  vertical-align: top;
  border: .5px solid;
  padding: .5rem;
}

:where(caption, th) {
  text-align: start;
  font-weight: bold;
}

:where(:root) {
  overflow-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

:where(body) {
  font-size: var(--step-0);
  line-height: var(--step-0-height);
  font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;
}

:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
  font-family: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;
  font-weight: bold;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  -webkit-hyphens: auto;
  hyphens: auto;
}

:where(input, button, textarea, select, address) {
  font: inherit;
}

:where(h1) {
  font-size: var(--step-5);
  line-height: var(--step-5-height);
}

:where(h2) {
  font-size: var(--step-4);
  line-height: var(--step-4-height);
}

:where(h3) {
  font-size: var(--step-3);
  line-height: var(--step-3-height);
}

:where(h4) {
  font-size: var(--step-2);
  line-height: var(--step-2-height);
}

:where(h5) {
  font-size: var(--step-1);
  line-height: var(--step-1-height);
}

:where(h6) {
  font-size: var(--step-0);
  line-height: var(--step-0-height);
}

:where(small) {
  font-size: var(--step--1);
}

:where(body, h1, h2, h3, h4, h5, h6, p, figure, pre, address, iframe, form, blockquote, table, dl, dd) {
  margin: 0;
}

:where(ul, ol) {
  margin: 0;
  padding: 0;
}

:where(ul, ol) > li {
  margin-inline-start: 1.3em;
}

:where(dl) {
  padding: 0;
}

:where(dl) > dd {
  margin-block-end: .25em;
  margin-inline-start: 1.3em;
}

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

:where(ul[role="list"], ol[role="list"]) > li, :where(dl[role="list"]) > dd {
  margin: 0;
}

:where(pre, code, kbd, samp) {
  font-family: monospace;
  font-size: 1em;
  overflow: auto;
}

:where(pre) {
  white-space: pre-wrap;
}

:where(b, strong, dt, th) {
  font-weight: bolder;
}

:where(abbr[title]) {
  text-decoration: underline dotted;
}

:where(hr) {
  color: inherit;
  border: 0 solid;
  border-top-width: 1px;
  block-size: 0;
  inline-size: 100%;
  max-inline-size: none;
  overflow: visible;
}

:where(sub, sup) {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

:where(sub) {
  inset-block-end: -.25em;
}

:where(sup) {
  inset-block-start: -.5em;
}

body {
  --bg-color: var(--color-white);
  --text-color: var(--color-black);
  background-color: var(--bg-color);
  color: var(--text-color);
}

.l-box {
  --gap: var(--space-s);
  padding: var(--box-gap, var(--gap));
  display: block;
}

.l-center {
  --gap: 0;
  --max-size: var(--measure);
  box-sizing: content-box;
  max-inline-size: var(--max-size);
  margin-inline: auto;
  padding-inline-start: var(--center-gap, var(--gap));
  padding-inline-end: var(--center-gap, var(--gap));
}

.l-center--text {
  text-align: center;
}

.l-center--intrinsic {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.l-cluster {
  --gap: var(--space-s);
  gap: var(--cluster-gap, var(--gap));
  justify-content: var(--inline-align, flex-start);
  align-items: var(--block-align, center);
  flex-wrap: wrap;
  display: flex;
}

.l-cluster > * {
  margin-inline: 0;
}

.l-cluster__split {
  margin-inline-start: auto;
}

.l-cluster__split-after {
  margin-inline-end: auto;
}

.l-cluster__split-after + * {
  margin-inline-start: 0;
}

.l-cluster--split-1 > :first-child {
  margin-inline-end: auto;
}

.l-cluster--split-last-1 > :last-child {
  margin-inline-start: auto;
}

.l-cluster--split-2 > :nth-child(2) {
  margin-inline-end: auto;
}

.l-cluster--split-last-2 > :nth-last-child(2) {
  margin-inline-start: auto;
}

.l-cluster--split-3 > :nth-child(3) {
  margin-inline-end: auto;
}

.l-cluster--split-last-3 > :nth-last-child(3) {
  margin-inline-start: auto;
}

.l-cluster--split-4 > :nth-child(4) {
  margin-inline-end: auto;
}

.l-cluster--split-last-4 > :nth-last-child(4) {
  margin-inline-start: auto;
}

.l-cluster--split-5 > :nth-child(5) {
  margin-inline-end: auto;
}

.l-cluster--split-last-5 > :nth-last-child(5) {
  margin-inline-start: auto;
}

.l-cluster--split-6 > :nth-child(6) {
  margin-inline-end: auto;
}

.l-cluster--split-last-6 > :nth-last-child(6) {
  margin-inline-start: auto;
}

.l-cluster--grid {
  --columns: 3;
  --item-size: var(--cluster-grid-item-size, calc((100% - var(--cluster-gap, var(--gap)) * (var(--columns)  - 1)) / var(--columns)));
  --inline-align: center;
}

.l-cluster--grid > * {
  flex-grow: 1;
  flex-basis: var(--item-size);
  max-inline-size: var(--item-size);
}

.l-cluster--grid-1 {
  --columns: 1;
}

.l-cluster--grid-2 {
  --columns: 2;
}

.l-cluster--grid-3 {
  --columns: 3;
}

.l-cluster--grid-4 {
  --columns: 4;
}

.l-cluster--grid-5 {
  --columns: 5;
}

.l-cluster--grid-6 {
  --columns: 6;
}

.l-cluster--grid-7 {
  --columns: 7;
}

.l-cluster--grid-8 {
  --columns: 8;
}

.l-cluster--grid-9 {
  --columns: 9;
}

.l-cluster--grid-10 {
  --columns: 10;
}

.l-cluster--grid-11 {
  --columns: 11;
}

.l-cluster--grid-12 {
  --columns: 12;
}

.l-cover {
  --min-block-size: 100vh;
  --min-gap: 0;
  min-block-size: var(--min-block-size);
  flex-direction: column;
  display: flex;
}

.l-cover .l-cover {
  --min-block-size: 100%;
  flex-grow: 1;
}

.l-cover > * {
  margin-block: var(--min-gap);
}

.l-cover:not(.l-cover--stretch) > .l-cover__principal, .l-cover:not(.l-cover--stretch) > :only-child, .l-cover:not(.l-cover--stretch):not(:has( > .l-cover__principal)) > main {
  margin-block: auto;
}

.l-cover.l-cover--stretch > .l-cover__principal, .l-cover.l-cover--stretch > :only-child, .l-cover.l-cover--stretch:not(:has( > .l-cover__principal)) > main {
  flex-grow: 1;
}

.l-cover:has( > .l-cover__principal) > :first-child:not(.l-cover__principal), .l-cover:not(:has( > .l-cover__principal)) > :first-child:not(main):not(:only-child) {
  margin-block-start: 0;
}

.l-cover:has( > .l-cover__principal) > :last-child:not(.l-cover__principal), .l-cover:not(:has( > .l-cover__principal)) > :last-child:not(main):not(:only-child) {
  margin-block-end: 0;
}

.l-flex {
  --gap: var(--space-s);
  --threshold: var(--measure);
  gap: var(--flex-gap, var(--gap));
  justify-content: var(--inline-align, flex-start);
  align-items: var(--block-align, stretch);
  flex-wrap: wrap;
  display: flex;
}

.l-flex--reverse {
  flex-flow: wrap-reverse;
}

@media (width >= 20rem) {
  .l-flex--reverse\@xs {
    flex-flow: wrap-reverse;
  }
}

@media (width >= 30rem) {
  .l-flex--reverse\@s {
    flex-flow: wrap-reverse;
  }
}

@media (width >= 48rem) {
  .l-flex--reverse\@m {
    flex-flow: wrap-reverse;
  }
}

@media (width >= 64rem) {
  .l-flex--reverse\@l {
    flex-flow: wrap-reverse;
  }
}

@media (width >= 75rem) {
  .l-flex--reverse\@xl {
    flex-flow: wrap-reverse;
  }
}

.l-flex > * {
  flex-grow: 1;
  flex-basis: calc((var(--threshold)  - 100%) * 999);
}

.l-flex--limit-1 > :nth-last-child(n+2), .l-flex--limit-1 > :nth-last-child(n+2) ~ *, .l-flex--limit-2 > :nth-last-child(n+3), .l-flex--limit-2 > :nth-last-child(n+3) ~ *, .l-flex--limit-3 > :nth-last-child(n+4), .l-flex--limit-3 > :nth-last-child(n+4) ~ *, .l-flex--limit-4 > :nth-last-child(n+5), .l-flex--limit-4 > :nth-last-child(n+5) ~ *, .l-flex--limit-5 > :nth-last-child(n+6), .l-flex--limit-5 > :nth-last-child(n+6) ~ *, .l-flex--limit-6 > :nth-last-child(n+7), .l-flex--limit-6 > :nth-last-child(n+7) ~ *, .l-flex--limit-7 > :nth-last-child(n+8), .l-flex--limit-7 > :nth-last-child(n+8) ~ *, .l-flex--limit-8 > :nth-last-child(n+9), .l-flex--limit-8 > :nth-last-child(n+9) ~ *, .l-flex--limit-9 > :nth-last-child(n+10), .l-flex--limit-9 > :nth-last-child(n+10) ~ *, .l-flex--limit-10 > :nth-last-child(n+11), .l-flex--limit-10 > :nth-last-child(n+11) ~ *, .l-flex--limit-11 > :nth-last-child(n+12), .l-flex--limit-11 > :nth-last-child(n+12) ~ *, .l-flex--limit-12 > :nth-last-child(n+13), .l-flex--limit-12 > :nth-last-child(n+13) ~ * {
  flex-basis: 100%;
}

.l-fluid-grid {
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: var(--grid-gutter);
  max-inline-size: var(--grid-max-inline-size);
  display: grid;
}

.l-fluid-grid__cell-1 {
  grid-column: span 1;
}

.l-fluid-grid__cell-2 {
  grid-column: span 2;
}

.l-fluid-grid__cell-3 {
  grid-column: span 3;
}

.l-fluid-grid__cell-4 {
  grid-column: span 4;
}

.l-fluid-grid__cell-5 {
  grid-column: span 5;
}

.l-fluid-grid__cell-6 {
  grid-column: span 6;
}

.l-fluid-grid__cell-7 {
  grid-column: span 7;
}

.l-fluid-grid__cell-8 {
  grid-column: span 8;
}

.l-fluid-grid__cell-9 {
  grid-column: span 9;
}

.l-fluid-grid__cell-10 {
  grid-column: span 10;
}

.l-fluid-grid__cell-11 {
  grid-column: span 11;
}

.l-fluid-grid__cell-12 {
  grid-column: span 12;
}

@media (width <= 20rem) {
  .l-fluid-grid__cell-1\@xs {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@xs {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@xs {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@xs {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@xs {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@xs {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@xs {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@xs {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@xs {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@xs {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@xs {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@xs {
    grid-column: span 12;
  }
}

@media (width <= 30rem) {
  .l-fluid-grid__cell-1\@s {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@s {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@s {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@s {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@s {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@s {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@s {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@s {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@s {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@s {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@s {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@s {
    grid-column: span 12;
  }
}

@media (width <= 48rem) {
  .l-fluid-grid__cell-1\@m {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@m {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@m {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@m {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@m {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@m {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@m {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@m {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@m {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@m {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@m {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@m {
    grid-column: span 12;
  }
}

@media (width <= 64rem) {
  .l-fluid-grid__cell-1\@l {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@l {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@l {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@l {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@l {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@l {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@l {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@l {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@l {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@l {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@l {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@l {
    grid-column: span 12;
  }
}

@media (width <= 75rem) {
  .l-fluid-grid__cell-1\@xl {
    grid-column: span 1;
  }

  .l-fluid-grid__cell-2\@xl {
    grid-column: span 2;
  }

  .l-fluid-grid__cell-3\@xl {
    grid-column: span 3;
  }

  .l-fluid-grid__cell-4\@xl {
    grid-column: span 4;
  }

  .l-fluid-grid__cell-5\@xl {
    grid-column: span 5;
  }

  .l-fluid-grid__cell-6\@xl {
    grid-column: span 6;
  }

  .l-fluid-grid__cell-7\@xl {
    grid-column: span 7;
  }

  .l-fluid-grid__cell-8\@xl {
    grid-column: span 8;
  }

  .l-fluid-grid__cell-9\@xl {
    grid-column: span 9;
  }

  .l-fluid-grid__cell-10\@xl {
    grid-column: span 10;
  }

  .l-fluid-grid__cell-11\@xl {
    grid-column: span 11;
  }

  .l-fluid-grid__cell-12\@xl {
    grid-column: span 12;
  }
}

.l-frame {
  --ratio: 16 / 9;
  aspect-ratio: var(--ratio);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.l-frame:not(:has(.l-frame__principal)) > :is(img, video), .l-frame__principal, .l-frame > :only-child {
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
  max-inline-size: 100%;
}

.l-grid {
  --gap: var(--space-s);
  --min-item-size: calc(var(--measure) / 2);
  --max-item-size: 100%;
  gap: var(--grid-gap, var(--gap));
  grid-template-columns: repeat(auto-fit, minmax(min(var(--min-item-size), var(--max-item-size)), 1fr));
  display: grid;
}

.l-reel {
  --gap: var(--space-s);
  scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);
  block-size: auto;
  display: flex;
  overflow: auto hidden;
}

.l-reel > * {
  flex: none;
}

.l-reel > :is(img, picture, video) {
  block-size: 100%;
  flex-basis: auto;
  width: auto;
}

.l-reel > * + * {
  margin-inline-start: var(--reel-gap, var(--gap));
}

.l-reel.is-overflowing {
  padding-block-end: var(--reel-gap, var(--gap));
}

.l-reel::-webkit-scrollbar {
  block-size: 1rem;
}

.l-reel::-webkit-scrollbar-track {
  background-color: var(--color-scrollbar-track);
}

.l-reel::-webkit-scrollbar-thumb {
  background-color: var(--color-scrollbar-thumb);
  background-image: linear-gradient(var(--color-scrollbar-thumb) 0, var(--color-scrollbar-thumb) .25rem, var(--color-scrollbar-track) .25rem, var(--color-scrollbar-track) .75rem, var(--color-scrollbar-thumb) .75rem);
}

.l-sidebar {
  --size: var(--space-2xl-3xl);
  --min-content-size: 50%;
  --gap: 0;
  flex-direction: var(--sidebar-dir, var(--flex-dir, row));
  gap: var(--sidebar-gap, var(--gap));
  align-items: var(--block-align, normal);
  justify-content: var(--inline-align, normal);
  flex-wrap: wrap;
  display: flex;
}

.l-sidebar--no-stretch {
  --block-align: flex-start;
}

.l-sidebar:not(.l-sidebar--reverse) > :first-child, .l-sidebar.l-sidebar--reverse > :last-child {
  flex-basis: initial;
  flex-grow: 1;
}

.l-sidebar:not(.l-sidebar--intrinsic):not(.l-sidebar--reverse) > :first-child, .l-sidebar:not(.l-sidebar--intrinsic).l-sidebar--reverse > :last-child {
  flex-basis: var(--size);
}

.l-sidebar:not(.l-sidebar--reverse) > :last-child, .l-sidebar.l-sidebar--reverse > :first-child {
  min-inline-size: var(--min-content-size);
  flex-grow: 999;
  flex-basis: 0;
}

.l-stack {
  --gap: var(--space-s);
  justify-content: flex-start;
  gap: var(--stack-gap, var(--gap));
  flex-direction: column;
  display: flex;
}

.l-stack--center {
  align-items: center;
}

:is(.l-stack[class*="l-stack--split-"], .l-stack:has(.l-stack__split), .l-stack:has(.l-stack__split-after)):only-child {
  block-size: 100%;
}

.l-stack > *, .l-stack--recursive * {
  --gap: 0;
  margin-block: 0;
}

.l-stack--reverse {
  flex-direction: column-reverse;
}

@media (width <= 20rem) {
  .l-stack--reverse\@xs {
    flex-direction: column-reverse;
  }
}

@media (width <= 30rem) {
  .l-stack--reverse\@s {
    flex-direction: column-reverse;
  }
}

@media (width <= 48rem) {
  .l-stack--reverse\@m {
    flex-direction: column-reverse;
  }
}

@media (width <= 64rem) {
  .l-stack--reverse\@l {
    flex-direction: column-reverse;
  }
}

@media (width <= 75rem) {
  .l-stack--reverse\@xl {
    flex-direction: column-reverse;
  }
}

.l-stack__split {
  margin-block-start: auto;
}

.l-stack__split-after, .l-stack--split-1 > :first-child {
  margin-block-end: auto;
}

.l-stack--split-last-1 > :last-child {
  margin-block-start: auto;
}

.l-stack--split-2 > :nth-child(2) {
  margin-block-end: auto;
}

.l-stack--split-last-2 > :nth-last-child(2) {
  margin-block-start: auto;
}

.l-stack--split-3 > :nth-child(3) {
  margin-block-end: auto;
}

.l-stack--split-last-3 > :nth-last-child(3) {
  margin-block-start: auto;
}

.l-stack--split-4 > :nth-child(4) {
  margin-block-end: auto;
}

.l-stack--split-last-4 > :nth-last-child(4) {
  margin-block-start: auto;
}

.l-stack--split-5 > :nth-child(5) {
  margin-block-end: auto;
}

.l-stack--split-last-5 > :nth-last-child(5) {
  margin-block-start: auto;
}

.l-stack--split-6 > :nth-child(6) {
  margin-block-end: auto;
}

.l-stack--split-last-6 > :nth-last-child(6) {
  margin-block-start: auto;
}

.m-icon {
  inline-size: var(--icon-size, calc(var(--space-l) * .95));
  block-size: var(--icon-size, calc(var(--space-l) * .95));
  -webkit-mask: none 100% 100% no-repeat;
  mask: none 100% 100% no-repeat;
  -webkit-mask-image: var(--icon, url("data:image/svg+xml,,%3Csvg viewBox=\"0 0 1 1\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M0 0h1v1H0z\"/%3E%3C/svg%3E"));
  mask-image: var(--icon, url("data:image/svg+xml,,%3Csvg viewBox=\"0 0 1 1\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M0 0h1v1H0z\"/%3E%3C/svg%3E"));
  background: var(--icon-color, currentColor);
  flex-shrink: 0;
  display: block;
}

.m-marquee {
  --gap: var(--space-s);
  --marquee-speed: 50;
  --marquee-default-duration: 24s;
  --marquee-from: 0;
  --marquee-to: calc(-100% - var(--marquee-gap, var(--gap)));
  gap: var(--marquee-gap, var(--gap));
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  overflow: hidden;
}

.m-marquee--reverse {
  --marquee-from: calc(-100% - var(--marquee-gap, var(--gap)));
  --marquee-to: 0;
}

@media (width >= 20rem) {
  .m-marquee {
    --marquee-default-duration: 6.4s;
  }
}

@media (width >= 30rem) {
  .m-marquee {
    --marquee-default-duration: 9.6s;
  }
}

@media (width >= 48rem) {
  .m-marquee {
    --marquee-default-duration: 15.36s;
  }
}

@media (width >= 64rem) {
  .m-marquee {
    --marquee-default-duration: 20.48s;
  }
}

@media (width >= 75rem) {
  .m-marquee {
    --marquee-default-duration: 24s;
  }
}

.m-marquee__content, .m-marquee > * {
  gap: var(--marquee-gap, var(--gap));
  white-space: nowrap;
  will-change: transform;
  animation: marquee var(--marquee-duration, var(--marquee-default-duration)) linear infinite;
  flex-shrink: 0;
  justify-content: space-around;
  max-inline-size: none;
  display: flex;
}

.m-marquee:hover .m-marquee__content, .m-marquee:hover > * {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(var(--marquee-from));
  }

  100% {
    transform: translateX(var(--marquee-to));
  }
}

.m-toggle {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-size: var(--space-m);
  --toggle-thumb-size: calc(var(--toggle-size)  - 8px);
  --toggle-inline-size: calc(var(--toggle-size) * 2);
  --toggle-border-color: #000;
  display: inline-block;
}

.m-toggle__thumb {
  border-radius: calc(var(--space-m) * .5);
  background: var(--toggle-thumb-color);
  block-size: var(--toggle-thumb-size);
  inline-size: var(--toggle-thumb-size);
  transform: translateX(var(--toggle-thumb-x, 0));
  transition: transform .15s ease-out;
  transition: transform .15s 0s ease-out allow-discrete;
  display: block;
}

.m-toggle > input:focus-visible + label, .m-toggle > input:checked:focus-visible + label {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
}

.m-toggle > input[disabled] + label {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
  cursor: not-allowed;
}

.m-toggle > input:checked + label {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
}

.m-toggle > input:checked + label .m-toggle__thumb {
  --toggle-thumb-x: calc(var(--toggle-inline-size)  - var(--toggle-size));
}

.m-toggle > input:checked + label:hover, .m-toggle > input:checked + label:active, .m-toggle > input[disabled]:checked + label {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
}

.m-toggle > label {
  background: var(--toggle-color);
  cursor: pointer;
  block-size: var(--toggle-size);
  inline-size: var(--toggle-inline-size);
  border: 1px solid var(--toggle-border-color, var(--toggle-thumb-color));
  border-radius: calc(var(--space-m) * .5);
  padding: 3px;
  display: block;
}

.m-toggle > label:hover, .m-toggle > label:active {
  --toggle-color: #fff;
  --toggle-thumb-color: #000;
  --toggle-border-color: #000;
}

.m-button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  border: var(--button-border, var(--button-border-width) var(--button-border-style, solid) var(--button-border-color));
  inline-size: var(--button-inline-size);
  max-inline-size: var(--button-max-inline-size);
  min-inline-size: var(--button-min-inline-size);
  block-size: var(--button-size);
  border-radius: var(--button-radius);
  justify-content: center;
  align-items: center;
  gap: var(--button-gap, .5em);
  background: var(--button-background);
  color: var(--button-color);
  --button-color: #fff;
  --button-background: #000;
  --button-border-color: #fff;
  --button-icon-color: #fff;
  --button-icon-background: #000;
  --button-icon-border-color: #000;
  --button-border-width: 0px;
  --button-border-style: solid;
  --button-padding: var(--space-xs) var(--space-s);
  --button-inline-size: fit-content;
  --button-max-inline-size: fit-content;
  --button-min-inline-size: min-content;
  --button-size: auto;
  --button-radius: 999em;
  --button-gap: var(--space-xs);
  --button-text-align: center;
  --button-icon-size: 1.5em;
  --button-icon-margin: .15em .25em;
  --button-icon-padding: 0;
  --button-icon-radius: 999em;
  --button-icon-border-width: 0px;
  font-size: var(--step-0);
  font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;
  line-height: var(--step-0-height);
  outline: none;
  flex: none;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
}

.m-button:any-link {
  color: var(--button-color);
}

.m-button[disabled] {
  cursor: not-allowed;
}

.m-button:not(:has( > *)), .m-button__text {
  padding: var(--button-padding);
  text-align: var(--button-text-align, center);
}

.m-button__text {
  flex-grow: 1;
}

.m-button:has( > .m-button__icon:only-child) {
  min-inline-size: var(--button-icon-size);
}

.m-button__icon {
  inline-size: var(--button-icon-size);
  block-size: var(--button-icon-size);
  background: var(--button-icon-background);
  color: var(--button-icon-color);
  margin: var(--button-icon-margin, 0);
  border: var(--button-icon-border, var(--button-icon-border-width) var(--button-icon-border-style, solid) var(--button-icon-border-color));
  border-radius: var(--button-icon-radius);
  transform: rotate(var(--button-icon-angle, 0deg));
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.m-button__icon:only-child {
  color: var(--button-text-color);
  background: none;
}

.m-button:hover, .m-button:focus-visible, .m-button:active {
  --button-color: #fff;
  --button-background: #000;
  --button-border-color: #fff;
  --button-icon-color: #fff;
  --button-icon-background: #000;
  --button-icon-border-color: #000;
}

.m-button[disabled] {
  --button-color: #fff;
  --button-background: #bbb;
  --button-border-color: #fff;
  --button-icon-color: #fff;
  --button-icon-background: #000;
  --button-icon-border-color: #000;
}

.u-align {
  --inline-align: flex-start;
}

.u-align-block {
  --block-align: center;
}

.u-align--start {
  --inline-align: start !important;
}

.u-align--center {
  --inline-align: center !important;
}

.u-align--end {
  --inline-align: end !important;
}

.u-align--stretch {
  --inline-align: stretch !important;
}

.u-align--flex-start {
  --inline-align: flex-start !important;
}

.u-align--flex-end {
  --inline-align: flex-end !important;
}

.u-align--space-between {
  --inline-align: space-between !important;
}

.u-align--space-around {
  --inline-align: space-around !important;
}

.u-align--space-evenly {
  --inline-align: space-evenly !important;
}

@media (width <= 20rem) {
  .u-align--start\@xs {
    --inline-align: start !important;
  }

  .u-align--center\@xs {
    --inline-align: center !important;
  }

  .u-align--end\@xs {
    --inline-align: end !important;
  }

  .u-align--stretch\@xs {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@xs {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@xs {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@xs {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@xs {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@xs {
    --inline-align: space-evenly !important;
  }
}

@media (width <= 30rem) {
  .u-align--start\@s {
    --inline-align: start !important;
  }

  .u-align--center\@s {
    --inline-align: center !important;
  }

  .u-align--end\@s {
    --inline-align: end !important;
  }

  .u-align--stretch\@s {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@s {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@s {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@s {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@s {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@s {
    --inline-align: space-evenly !important;
  }
}

@media (width <= 48rem) {
  .u-align--start\@m {
    --inline-align: start !important;
  }

  .u-align--center\@m {
    --inline-align: center !important;
  }

  .u-align--end\@m {
    --inline-align: end !important;
  }

  .u-align--stretch\@m {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@m {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@m {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@m {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@m {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@m {
    --inline-align: space-evenly !important;
  }
}

@media (width <= 64rem) {
  .u-align--start\@l {
    --inline-align: start !important;
  }

  .u-align--center\@l {
    --inline-align: center !important;
  }

  .u-align--end\@l {
    --inline-align: end !important;
  }

  .u-align--stretch\@l {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@l {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@l {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@l {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@l {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@l {
    --inline-align: space-evenly !important;
  }
}

@media (width <= 75rem) {
  .u-align--start\@xl {
    --inline-align: start !important;
  }

  .u-align--center\@xl {
    --inline-align: center !important;
  }

  .u-align--end\@xl {
    --inline-align: end !important;
  }

  .u-align--stretch\@xl {
    --inline-align: stretch !important;
  }

  .u-align--flex-start\@xl {
    --inline-align: flex-start !important;
  }

  .u-align--flex-end\@xl {
    --inline-align: flex-end !important;
  }

  .u-align--space-between\@xl {
    --inline-align: space-between !important;
  }

  .u-align--space-around\@xl {
    --inline-align: space-around !important;
  }

  .u-align--space-evenly\@xl {
    --inline-align: space-evenly !important;
  }
}

.u-align-block--start {
  --block-align: start !important;
}

.u-align-block--center {
  --block-align: center !important;
}

.u-align-block--end {
  --block-align: end !important;
}

.u-align-block--stretch {
  --block-align: stretch !important;
}

.u-align-block--flex-start {
  --block-align: flex-start !important;
}

.u-align-block--flex-end {
  --block-align: flex-end !important;
}

.u-align-block--self-start {
  --block-align: self-start !important;
}

.u-align-block--self-end {
  --block-align: self-end !important;
}

.u-align-block--baseline {
  --block-align: baseline !important;
}

@media (width <= 20rem) {
  .u-align-block--start\@xs {
    --block-align: start !important;
  }

  .u-align-block--center\@xs {
    --block-align: center !important;
  }

  .u-align-block--end\@xs {
    --block-align: end !important;
  }

  .u-align-block--stretch\@xs {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@xs {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@xs {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@xs {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@xs {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@xs {
    --block-align: baseline !important;
  }
}

@media (width <= 30rem) {
  .u-align-block--start\@s {
    --block-align: start !important;
  }

  .u-align-block--center\@s {
    --block-align: center !important;
  }

  .u-align-block--end\@s {
    --block-align: end !important;
  }

  .u-align-block--stretch\@s {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@s {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@s {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@s {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@s {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@s {
    --block-align: baseline !important;
  }
}

@media (width <= 48rem) {
  .u-align-block--start\@m {
    --block-align: start !important;
  }

  .u-align-block--center\@m {
    --block-align: center !important;
  }

  .u-align-block--end\@m {
    --block-align: end !important;
  }

  .u-align-block--stretch\@m {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@m {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@m {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@m {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@m {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@m {
    --block-align: baseline !important;
  }
}

@media (width <= 64rem) {
  .u-align-block--start\@l {
    --block-align: start !important;
  }

  .u-align-block--center\@l {
    --block-align: center !important;
  }

  .u-align-block--end\@l {
    --block-align: end !important;
  }

  .u-align-block--stretch\@l {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@l {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@l {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@l {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@l {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@l {
    --block-align: baseline !important;
  }
}

@media (width <= 75rem) {
  .u-align-block--start\@xl {
    --block-align: start !important;
  }

  .u-align-block--center\@xl {
    --block-align: center !important;
  }

  .u-align-block--end\@xl {
    --block-align: end !important;
  }

  .u-align-block--stretch\@xl {
    --block-align: stretch !important;
  }

  .u-align-block--flex-start\@xl {
    --block-align: flex-start !important;
  }

  .u-align-block--flex-end\@xl {
    --block-align: flex-end !important;
  }

  .u-align-block--self-start\@xl {
    --block-align: self-start !important;
  }

  .u-align-block--self-end\@xl {
    --block-align: self-end !important;
  }

  .u-align-block--baseline\@xl {
    --block-align: baseline !important;
  }
}

.u-grow, .u-grow--1 {
  flex-grow: 1;
}

.u-grow--2 {
  flex-grow: 2;
}

.u-grow--3 {
  flex-grow: 3;
}

.u-grow--4 {
  flex-grow: 4;
}

.u-grow--6 {
  flex-grow: 6;
}

.u-grow--12 {
  flex-grow: 12;
}

.u-grow--0 {
  flex-grow: 0;
}

.u-shrink, .u-shrink--1 {
  flex-shrink: 1;
}

.u-shrink--2 {
  flex-shrink: 2;
}

.u-shrink--3 {
  flex-shrink: 3;
}

.u-shrink--4 {
  flex-shrink: 4;
}

.u-shrink--6 {
  flex-shrink: 6;
}

.u-shrink--12 {
  flex-shrink: 12;
}

.u-shrink--0 {
  flex-shrink: 0;
}

.u-gap {
  --gap: var(--space-s);
}

.u-gap--none {
  --gap: var(--space-none) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (width <= 20rem) {
  .u-gap--none\@xs {
    --gap: var(--space-none) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .u-gap--s-m\@xs {
    --gap: var(--space-s-m) !important;
  }

  .u-gap--s-l\@xs {
    --gap: var(--space-s-l) !important;
  }

  .u-gap--m-l\@xs {
    --gap: var(--space-m-l) !important;
  }

  .u-gap--s-xl\@xs {
    --gap: var(--space-s-xl) !important;
  }

  .u-gap--m-xl\@xs {
    --gap: var(--space-m-xl) !important;
  }

  .u-gap--l-xl\@xs {
    --gap: var(--space-l-xl) !important;
  }

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

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

@media (width <= 30rem) {
  .u-gap--none\@s {
    --gap: var(--space-none) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .u-gap--m-l\@s {
    --gap: var(--space-m-l) !important;
  }

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

  .u-gap--m-xl\@s {
    --gap: var(--space-m-xl) !important;
  }

  .u-gap--l-xl\@s {
    --gap: var(--space-l-xl) !important;
  }

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

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

@media (width <= 48rem) {
  .u-gap--none\@m {
    --gap: var(--space-none) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .u-gap--xs-s\@m {
    --gap: var(--space-xs-s) !important;
  }

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

  .u-gap--s-l\@m {
    --gap: var(--space-s-l) !important;
  }

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

  .u-gap--s-xl\@m {
    --gap: var(--space-s-xl) !important;
  }

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

  .u-gap--l-xl\@m {
    --gap: var(--space-l-xl) !important;
  }

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

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

@media (width <= 64rem) {
  .u-gap--none\@l {
    --gap: var(--space-none) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .u-gap--xs-s\@l {
    --gap: var(--space-xs-s) !important;
  }

  .u-gap--s-m\@l {
    --gap: var(--space-s-m) !important;
  }

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

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

  .u-gap--s-xl\@l {
    --gap: var(--space-s-xl) !important;
  }

  .u-gap--m-xl\@l {
    --gap: var(--space-m-xl) !important;
  }

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

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

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

@media (width <= 75rem) {
  .u-gap--none\@xl {
    --gap: var(--space-none) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .u-gap--xs-s\@xl {
    --gap: var(--space-xs-s) !important;
  }

  .u-gap--s-m\@xl {
    --gap: var(--space-s-m) !important;
  }

  .u-gap--s-l\@xl {
    --gap: var(--space-s-l) !important;
  }

  .u-gap--m-l\@xl {
    --gap: var(--space-m-l) !important;
  }

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

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

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

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

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

.u-size {
  --size: var(--space-s);
}

.u-size--none {
  --size: var(--space-none) !important;
}

.u-size--3xs {
  --size: var(--space-3xs) !important;
}

.u-size--2xs {
  --size: var(--space-2xs) !important;
}

.u-size--xs {
  --size: var(--space-xs) !important;
}

.u-size--s {
  --size: var(--space-s) !important;
}

.u-size--m {
  --size: var(--space-m) !important;
}

.u-size--l {
  --size: var(--space-l) !important;
}

.u-size--xl {
  --size: var(--space-xl) !important;
}

.u-size--2xl {
  --size: var(--space-2xl) !important;
}

.u-size--3xl {
  --size: var(--space-3xl) !important;
}

.u-size--3xs-2xs {
  --size: var(--space-3xs-2xs) !important;
}

.u-size--2xs-xs {
  --size: var(--space-2xs-xs) !important;
}

.u-size--xs-s {
  --size: var(--space-xs-s) !important;
}

.u-size--s-m {
  --size: var(--space-s-m) !important;
}

.u-size--s-l {
  --size: var(--space-s-l) !important;
}

.u-size--m-l {
  --size: var(--space-m-l) !important;
}

.u-size--s-xl {
  --size: var(--space-s-xl) !important;
}

.u-size--m-xl {
  --size: var(--space-m-xl) !important;
}

.u-size--l-xl {
  --size: var(--space-l-xl) !important;
}

.u-size--xl-2xl {
  --size: var(--space-xl-2xl) !important;
}

.u-size--2xl-3xl {
  --size: var(--space-2xl-3xl) !important;
}

.u-text--body {
  font-size: var(--step-0) !important;
  font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif !important;
  line-height: var(--step-0-height) !important;
}

.u-text--title {
  font-size: var(--step-2) !important;
  font-family: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif !important;
  line-height: var(--step-2-height) !important;
}

@media (width <= 20rem) {
  .u-text--body\@xs {
    font-size: var(--step-0) !important;
    font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--title\@xs {
    font-size: var(--step-2) !important;
    font-family: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif !important;
    line-height: var(--step-2-height) !important;
  }
}

@media (width <= 30rem) {
  .u-text--body\@s {
    font-size: var(--step-0) !important;
    font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--title\@s {
    font-size: var(--step-2) !important;
    font-family: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif !important;
    line-height: var(--step-2-height) !important;
  }
}

@media (width <= 48rem) {
  .u-text--body\@m {
    font-size: var(--step-0) !important;
    font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--title\@m {
    font-size: var(--step-2) !important;
    font-family: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif !important;
    line-height: var(--step-2-height) !important;
  }
}

@media (width <= 64rem) {
  .u-text--body\@l {
    font-size: var(--step-0) !important;
    font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--title\@l {
    font-size: var(--step-2) !important;
    font-family: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif !important;
    line-height: var(--step-2-height) !important;
  }
}

@media (width <= 75rem) {
  .u-text--body\@xl {
    font-size: var(--step-0) !important;
    font-family: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif !important;
    line-height: var(--step-0-height) !important;
  }

  .u-text--title\@xl {
    font-size: var(--step-2) !important;
    font-family: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif !important;
    line-height: var(--step-2-height) !important;
  }
}

.u-text--start {
  text-align: start !important;
}

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

.u-text--end {
  text-align: end !important;
}

@media (width <= 20rem) {
  .u-text--start\@xs {
    text-align: start !important;
  }

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

  .u-text--end\@xs {
    text-align: end !important;
  }
}

@media (width <= 30rem) {
  .u-text--start\@s {
    text-align: start !important;
  }

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

  .u-text--end\@s {
    text-align: end !important;
  }
}

@media (width <= 48rem) {
  .u-text--start\@m {
    text-align: start !important;
  }

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

  .u-text--end\@m {
    text-align: end !important;
  }
}

@media (width <= 64rem) {
  .u-text--start\@l {
    text-align: start !important;
  }

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

  .u-text--end\@l {
    text-align: end !important;
  }
}

@media (width <= 75rem) {
  .u-text--start\@xl {
    text-align: start !important;
  }

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

  .u-text--end\@xl {
    text-align: end !important;
  }
}

.u-nowrap {
  white-space: nowrap !important;
}

.u-hide {
  display: none !important;
}

@media (width <= 20rem) {
  .u-hide\@xs {
    display: none !important;
  }
}

@media (width <= 30rem) {
  .u-hide\@s {
    display: none !important;
  }
}

@media (width <= 48rem) {
  .u-hide\@m {
    display: none !important;
  }
}

@media (width <= 64rem) {
  .u-hide\@l {
    display: none !important;
  }
}

@media (width <= 75rem) {
  .u-hide\@xl {
    display: none !important;
  }
}

.u-hide-visually {
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  block-size: 1px !important;
  inline-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.u-show {
  display: block !important;
}

.u-show-inline {
  display: inline !important;
}

.u-show-flex {
  display: flex !important;
}

.u-show-inline-flex {
  display: inline-flex !important;
}

.u-show-grid {
  display: grid !important;
}

.u-show\@xs, .u-show-inline\@xs, .u-show-flex\@xs, .u-show-inline-flex\@xs, .u-show-grid\@xs, .u-show\@s, .u-show-inline\@s, .u-show-flex\@s, .u-show-inline-flex\@s, .u-show-grid\@s, .u-show\@m, .u-show-inline\@m, .u-show-flex\@m, .u-show-inline-flex\@m, .u-show-grid\@m, .u-show\@l, .u-show-inline\@l, .u-show-flex\@l, .u-show-inline-flex\@l, .u-show-grid\@l, .u-show\@xl, .u-show-inline\@xl, .u-show-flex\@xl, .u-show-inline-flex\@xl, .u-show-grid\@xl {
  display: none !important;
}

@media (width <= 20rem) {
  .u-show\@xs {
    display: block !important;
  }

  .u-show-inline\@xs {
    display: inline !important;
  }

  .u-show-flex\@xs {
    display: flex !important;
  }

  .u-show-inline-flex\@xs {
    display: inline-flex !important;
  }

  .u-show-grid\@xs {
    display: grid !important;
  }
}

@media (width <= 30rem) {
  .u-show\@s {
    display: block !important;
  }

  .u-show-inline\@s {
    display: inline !important;
  }

  .u-show-flex\@s {
    display: flex !important;
  }

  .u-show-inline-flex\@s {
    display: inline-flex !important;
  }

  .u-show-grid\@s {
    display: grid !important;
  }
}

@media (width <= 48rem) {
  .u-show\@m {
    display: block !important;
  }

  .u-show-inline\@m {
    display: inline !important;
  }

  .u-show-flex\@m {
    display: flex !important;
  }

  .u-show-inline-flex\@m {
    display: inline-flex !important;
  }

  .u-show-grid\@m {
    display: grid !important;
  }
}

@media (width <= 64rem) {
  .u-show\@l {
    display: block !important;
  }

  .u-show-inline\@l {
    display: inline !important;
  }

  .u-show-flex\@l {
    display: flex !important;
  }

  .u-show-inline-flex\@l {
    display: inline-flex !important;
  }

  .u-show-grid\@l {
    display: grid !important;
  }
}

@media (width <= 75rem) {
  .u-show\@xl {
    display: block !important;
  }

  .u-show-inline\@xl {
    display: inline !important;
  }

  .u-show-flex\@xl {
    display: flex !important;
  }

  .u-show-inline-flex\@xl {
    display: inline-flex !important;
  }

  .u-show-grid\@xl {
    display: grid !important;
  }
}

@font-face {
  font-family: Encode Sans;
  src: url("EncodeSans-Regular.ef87d6bc.woff2") format("woff2"), url("EncodeSans-Regular.8877da88.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Encode Sans;
  src: url("EncodeSans-SemiBold.98c27f32.woff2") format("woff2"), url("EncodeSans-SemiBold.dcfe2659.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body, h1, h2, h3, h4, h5, h6 {
  font-family: Encode Sans, sans-serif;
}

header {
  color: #fafafa;
  background-color: #202020;
  position: sticky;
  top: 0;
}

header h1 {
  --cluster-gap: 0 var(--space-xs);
  font-size: var(--step-1);
  line-height: var(--step-1-height);
  flex-basis: 50vi;
  font-weight: normal;
}

header h1 svg {
  max-block-size: var(--step-1-height);
  aspect-ratio: 56 / 11;
  align-self: center;
}

#sidebar {
  color: #fafafa;
  background-color: #202020;
}

#sidebar h6 {
  font-size: var(--step--1);
  color: #afafaf;
  font-weight: normal;
}

#sidebar a:any-link {
  font-size: var(--step--2);
  color: #fafafa;
  padding-left: 1em;
  text-decoration: none;
  transition: all .2s;
}

#sidebar a:hover {
  text-decoration: underline;
}

#sidebar a.is-active {
  color: #cb2;
}

#sidebar :not(h3) + ul a, #sidebar ul:first-child a {
  padding-left: 0;
}

.story:not(:target) {
  display: none !important;
}

.story__content {
  resize: horizontal;
  max-width: 100%;
  overflow: auto;
  font: revert !important;
}
/*# sourceMappingURL=index.f068baa4.css.map */