:root {
  --fd-black: #0e0e0e;
  --fd-black-rgb: 14, 14, 14;
  --fd-white: #ffffff;
  --fd-white-rgb: 255, 255, 255;
  --fd-light: #f9f9f9;
  --fd-light-rgb: 249, 249, 249;
  --fd-gray-100: #f9f9f9;
  --fd-gray-100-rgb: 249, 249, 249;
  --fd-gray-200: #f6f6f6;
  --fd-gray-200-rgb: 246, 246, 246;
  --fd-gray-300: #e8e8e8;
  --fd-gray-300-rgb: 232, 232, 232;
  --fd-text-body: #0e0e0e;
  --fd-text-body-rgb: 14, 14, 14;
  --fd-text-body-opacity-30: rgba(var(--fd-text-body-rgb), 0.3);
  --fd-text-body-opacity-60: rgba(var(--fd-text-body-rgb), 0.6);
  --fd-text-body-opacity-50: rgba(var(--fd-text-body-rgb), 0.5);
  --fd-text-white: #ffffff;
  --fd-text-white-rgb: 255, 255, 255;
  --fd-text-white-opacity-30: rgba(var(--fd-text-white-rgb), 0.3);
  --fd-text-white-opacity-60: rgba(var(--fd-text-white-rgb), 0.6);
  --fd-text-white-opacity-50: rgba(var(--fd-text-white-rgb), 0.5);
  --fd-text-light: #f9f9f9;
  --fd-text-light-rgb: 249, 249, 249;
  --fd-text-light-opacity-30: rgba(var(--fd-text-light-rgb), 0.3);
  --fd-text-light-opacity-60: rgba(var(--fd-text-light-rgb), 0.6);
  --fd-text-light-opacity-50: rgba(var(--fd-text-light-rgb), 0.5);
  --fd-bg-dark: var(--fd-black);
  --fd-bg-body: var(--fd-body-bg);
  --fd-font-monospace: "Geist Mono", monospace;
  --fd-font-family-base: var(--fd-font-monospace);
  --fd-font-size-base: 1rem;
  --fd-font-weight-base: 400;
  --fd-line-height-base: 1.4;
  --fd-font-size-lg: 1.125rem;
  --fd-font-size-xl: 1.25rem;
  --fd-font-weight-light: 300;
  --fd-font-weight-regular: 400;
  --fd-headings-font-weight: 400;
  --fd-headings-line-height: 1.2;
  --fd-body-color: #0e0e0e;
  --fd-body-color-rgb: 14, 14, 14;
  --fd-body-bg: #f9f9f9;
  --fd-body-bg-rgb: 249, 249, 249;
  --fd-link-color: currentColor;
  --fd-link-decoration: none;
  --fd-link-hover-color: currentColor;
  --fd-link-hover-decoration: none;
  --fd-link-active-color: currentColor;
  --fd-spacer: 0.25rem;
  --fd-btn-padding-x: calc(var(--fd-spacer) * 4 - 1px);
  --fd-btn-padding-y: calc(var(--fd-spacer) * 2 - 1px);
  --fd-btn-font-family: var(--fd-font-family-base);
  --fd-btn-font-size: var(--fd-font-size-base);
  --fd-btn-font-weight: var(--fd-font-weight-base);
  --fd-btn-line-height: var(--fd-line-height-base);
  --fd-btn-border-width: 1px;
  --fd-btn-border-radius: 6.25rem;
  --fd-btn-height: calc(var(--fd-btn-padding-y) * 2 + var(--fd-btn-line-height) * var(--fd-btn-font-size) + var(--fd-btn-border-width) * 2);
}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
sidebar,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

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

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: none;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 60%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
}

optgroup {
  font-weight: bold;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

textarea {
  overflow: auto;
}

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

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  opacity: 0.54;
  color: inherit;
}

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

html,
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-size: 16px;
  -webkit-tap-headline-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}
@media (min-width: 1280px) {
  html {
    overflow-x: clip;
  }
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  overflow-x: clip;
  background: var(--fd-body-bg);
  color: var(--fd-body-color);
  font-size: 1rem;
  line-height: 1.4;
  font-family: "Geist Mono", monospace;
}
[tabindex="-1"]:focus {
  outline: none !important;
}

figure {
  margin: 0;
}

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: visible;
}

[role=button] {
  cursor: pointer;
}

a,
button,
[role=button] {
  touch-action: manipulation;
  -webkit-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

button {
  cursor: pointer;
}
button:focus, button:active, button:hover {
  outline: 0;
}

input[type=radio]:disabled,
input[type=checkbox]:disabled {
  cursor: default;
}

[hidden] {
  display: none !important;
}

.hidden,
.is-hidden {
  display: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: var(--fd-headings-font-weight);
  line-height: var(--fd-headings-line-height);
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: 2.5rem;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 4rem;
  }
}
@media (min-width: 1920px) {
  h1,
  .h1 {
    font-size: 6.25rem;
  }
}

h2,
.h2 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1280px) {
  h2,
  .h2 {
    font-size: 3rem;
  }
}
@media (min-width: 1920px) {
  h2,
  .h2 {
    font-size: 4rem;
  }
}

h3,
.h3 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: 3rem;
  }
}

h4,
.h4 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  h4,
  .h4 {
    font-size: 2.5rem;
  }
}

h5,
.h5 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  h5,
  .h5 {
    font-size: 2rem;
  }
}

h6,
.h6 {
  font-size: 1.25rem;
}
@media (min-width: 1920px) {
  h6,
  .h6 {
    font-size: 1.5rem;
  }
}

.fs-base {
  font-size: 1rem;
}

.fs-2xl {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .fs-2xl {
    font-size: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .fs-2xl {
    font-size: 1.75rem;
  }
}

.fs-xl {
  font-size: 1.125rem;
}
@media (min-width: 1920px) {
  .fs-xl {
    font-size: 1.25rem;
  }
}

.fs-lg {
  font-size: 1rem;
}
@media (min-width: 1920px) {
  .fs-lg {
    font-size: 1.125rem;
  }
}

b,
strong {
  font-weight: 400;
}

small {
  font-size: 80%;
}

p,
ol,
ul,
dl {
  margin: 0;
}

dd {
  margin: 0;
}

ol li > ol,
ul li > ul,
ol li > ul,
ul li > ol {
  margin-bottom: 0;
}

.text-uppercase {
  text-transform: uppercase;
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-nowrap {
  white-space: nowrap;
}

.text-underline {
  text-decoration: underline;
}

.text-body {
  color: var(--fd-text-body);
}
.text-body-opacity-30 {
  color: var(--fd-text-body-opacity-30);
}
.text-body-opacity-60 {
  color: var(--fd-text-body-opacity-60);
}
.text-body-opacity-50 {
  color: var(--fd-text-body-opacity-50);
}
.text-white {
  color: var(--fd-text-white);
}
.text-white-opacity-30 {
  color: var(--fd-text-white-opacity-30);
}
.text-white-opacity-60 {
  color: var(--fd-text-white-opacity-60);
}
.text-white-opacity-50 {
  color: var(--fd-text-white-opacity-50);
}
.text-light {
  color: var(--fd-text-light);
}
.text-light-opacity-30 {
  color: var(--fd-text-light-opacity-30);
}
.text-light-opacity-60 {
  color: var(--fd-text-light-opacity-60);
}
.text-light-opacity-50 {
  color: var(--fd-text-light-opacity-50);
}

.fw-light {
  font-weight: var(--fd-font-weight-light);
}
.fw-regular {
  font-weight: var(--fd-font-weight-regular);
}

.container {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}
.container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.container {
  width: 100%;
}
@media (min-width: 1920px) {
  .container {
    max-width: calc(88.54% + 2.5rem);
  }
}
.container:empty {
  display: none;
}
@media (min-width: 1920px) {
  .container--fluid {
    max-width: none;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
}
.row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.col-2xl-6,
.col-2xl-5,
.col-2xl-4,
.col-2xl-3,
.col-2xl-2,
.col-2xl-1,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col-xs-6,
.col-xs-5,
.col-xs-4,
.col-xs-3,
.col-xs-2, .col,
.col-xs-1 {
  position: relative;
  min-height: 1px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.col-xs-1 {
  flex: 0 0 16.6666666667%;
  width: 16.6666666667%;
}

.col-xs-2 {
  flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
}

.col-xs-3 {
  flex: 0 0 50%;
  width: 50%;
}

.col-xs-4 {
  flex: 0 0 66.6666666667%;
  width: 66.6666666667%;
}

.col-xs-5 {
  flex: 0 0 83.3333333333%;
  width: 83.3333333333%;
}

.col-xs-6 {
  flex: 0 0 100%;
  width: 100%;
}

@media (min-width: 480px) {
  .col-sm-1 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
  .col-sm-2 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
  .col-sm-3 {
    flex: 0 0 50%;
    width: 50%;
  }
  .col-sm-4 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
  .col-sm-5 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
  .col-sm-6 {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
  .col-md-2 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
  .col-md-3 {
    flex: 0 0 50%;
    width: 50%;
  }
  .col-md-4 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
  .col-md-5 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
  .col-md-6 {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (min-width: 980px) {
  .col-lg-1 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
  .col-lg-2 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
  .col-lg-3 {
    flex: 0 0 50%;
    width: 50%;
  }
  .col-lg-4 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
  .col-lg-5 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
  .col-lg-6 {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .col-xl-1 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
  .col-xl-2 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
  .col-xl-3 {
    flex: 0 0 50%;
    width: 50%;
  }
  .col-xl-4 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
  .col-xl-5 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
  .col-xl-6 {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (min-width: 1920px) {
  .col-2xl-1 {
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
  .col-2xl-2 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
  .col-2xl-3 {
    flex: 0 0 50%;
    width: 50%;
  }
  .col-2xl-4 {
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
  .col-2xl-5 {
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
  .col-2xl-6 {
    flex: 0 0 100%;
    width: 100%;
  }
}
.col-xs-auto {
  max-width: none;
  width: auto;
  flex: initial;
}

@media (min-width: 480px) {
  .col-sm-auto {
    max-width: none;
    width: auto;
    flex: initial;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    max-width: none;
    width: auto;
    flex: initial;
  }
}
@media (min-width: 980px) {
  .col-lg-auto {
    max-width: none;
    width: auto;
    flex: initial;
  }
}
@media (min-width: 1280px) {
  .col-xl-auto {
    max-width: none;
    width: auto;
    flex: initial;
  }
}
@media (min-width: 1920px) {
  .col-2xl-auto {
    max-width: none;
    width: auto;
    flex: initial;
  }
}
.col-xs-stretch {
  max-width: none;
  width: auto;
  flex: auto;
}

@media (min-width: 480px) {
  .col-sm-stretch {
    max-width: none;
    width: auto;
    flex: auto;
  }
}
@media (min-width: 768px) {
  .col-md-stretch {
    max-width: none;
    width: auto;
    flex: auto;
  }
}
@media (min-width: 980px) {
  .col-lg-stretch {
    max-width: none;
    width: auto;
    flex: auto;
  }
}
@media (min-width: 1280px) {
  .col-xl-stretch {
    max-width: none;
    width: auto;
    flex: auto;
  }
}
@media (min-width: 1920px) {
  .col-2xl-stretch {
    max-width: none;
    width: auto;
    flex: auto;
  }
}
.order-xs-1 {
  order: 1;
}

.order-xs-2 {
  order: 2;
}

.order-xs-3 {
  order: 3;
}

.order-xs-4 {
  order: 4;
}

.order-xs-5 {
  order: 5;
}

.order-xs-6 {
  order: 6;
}

.order-xs-7 {
  order: 7;
}

.order-xs-8 {
  order: 8;
}

.row-xs-reverse {
  flex-direction: row-reverse;
}

.col-xs-top {
  align-self: flex-start;
}

.col-xs-center {
  align-self: center;
}

.col-xs-bottom {
  align-self: flex-end;
}

.col-xs-first {
  order: -1;
}

.col-xs-last {
  order: 1;
}

.col-xs-initial {
  order: initial;
}

.align-xs-top {
  align-items: flex-start;
}

.align-xs-center {
  align-items: center;
}

.align-xs-bottom {
  align-items: flex-end;
}

.align-xs-baseline {
  align-items: baseline;
}

.align-self-xs-top {
  align-self: flex-start;
}

.align-self-xs-center {
  align-self: center;
}

.align-self-xs-bottom {
  align-self: flex-end;
}

.align-self-xs-baseline {
  align-self: baseline;
}

.justify-xs-start {
  justify-content: flex-start !important;
}

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

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

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

.justify-xs-around {
  justify-content: space-around !important;
}

.order-xs-first {
  order: -1;
}

.order-xs-last {
  order: 100;
}

.order-xs-initial {
  order: initial;
}

.mt-xs-auto {
  margin-top: auto !important;
}

.mb-xs-auto {
  margin-bottom: auto !important;
}

.ml-xs-auto {
  margin-left: auto !important;
}

.mr-xs-auto {
  margin-right: auto !important;
}

.nowrap-xs {
  flex-wrap: nowrap;
}

@media (min-width: 480px) {
  .row-sm-reverse {
    flex-direction: row-reverse;
  }
  .col-sm-top {
    align-self: flex-start;
  }
  .col-sm-center {
    align-self: center;
  }
  .col-sm-bottom {
    align-self: flex-end;
  }
  .col-sm-first {
    order: -1;
  }
  .col-sm-last {
    order: 1;
  }
  .col-sm-initial {
    order: initial;
  }
  .align-sm-top {
    align-items: flex-start;
  }
  .align-sm-center {
    align-items: center;
  }
  .align-sm-bottom {
    align-items: flex-end;
  }
  .align-sm-baseline {
    align-items: baseline;
  }
  .align-self-sm-top {
    align-self: flex-start;
  }
  .align-self-sm-center {
    align-self: center;
  }
  .align-self-sm-bottom {
    align-self: flex-end;
  }
  .align-self-sm-baseline {
    align-self: baseline;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-between {
    justify-content: space-between !important;
  }
  .justify-sm-around {
    justify-content: space-around !important;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 100;
  }
  .order-sm-initial {
    order: initial;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .nowrap-sm {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .row-md-reverse {
    flex-direction: row-reverse;
  }
  .col-md-top {
    align-self: flex-start;
  }
  .col-md-center {
    align-self: center;
  }
  .col-md-bottom {
    align-self: flex-end;
  }
  .col-md-first {
    order: -1;
  }
  .col-md-last {
    order: 1;
  }
  .col-md-initial {
    order: initial;
  }
  .align-md-top {
    align-items: flex-start;
  }
  .align-md-center {
    align-items: center;
  }
  .align-md-bottom {
    align-items: flex-end;
  }
  .align-md-baseline {
    align-items: baseline;
  }
  .align-self-md-top {
    align-self: flex-start;
  }
  .align-self-md-center {
    align-self: center;
  }
  .align-self-md-bottom {
    align-self: flex-end;
  }
  .align-self-md-baseline {
    align-self: baseline;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-between {
    justify-content: space-between !important;
  }
  .justify-md-around {
    justify-content: space-around !important;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 100;
  }
  .order-md-initial {
    order: initial;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .nowrap-md {
    flex-wrap: nowrap;
  }
}
@media (min-width: 980px) {
  .row-lg-reverse {
    flex-direction: row-reverse;
  }
  .col-lg-top {
    align-self: flex-start;
  }
  .col-lg-center {
    align-self: center;
  }
  .col-lg-bottom {
    align-self: flex-end;
  }
  .col-lg-first {
    order: -1;
  }
  .col-lg-last {
    order: 1;
  }
  .col-lg-initial {
    order: initial;
  }
  .align-lg-top {
    align-items: flex-start;
  }
  .align-lg-center {
    align-items: center;
  }
  .align-lg-bottom {
    align-items: flex-end;
  }
  .align-lg-baseline {
    align-items: baseline;
  }
  .align-self-lg-top {
    align-self: flex-start;
  }
  .align-self-lg-center {
    align-self: center;
  }
  .align-self-lg-bottom {
    align-self: flex-end;
  }
  .align-self-lg-baseline {
    align-self: baseline;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-between {
    justify-content: space-between !important;
  }
  .justify-lg-around {
    justify-content: space-around !important;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 100;
  }
  .order-lg-initial {
    order: initial;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .nowrap-lg {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1280px) {
  .row-xl-reverse {
    flex-direction: row-reverse;
  }
  .col-xl-top {
    align-self: flex-start;
  }
  .col-xl-center {
    align-self: center;
  }
  .col-xl-bottom {
    align-self: flex-end;
  }
  .col-xl-first {
    order: -1;
  }
  .col-xl-last {
    order: 1;
  }
  .col-xl-initial {
    order: initial;
  }
  .align-xl-top {
    align-items: flex-start;
  }
  .align-xl-center {
    align-items: center;
  }
  .align-xl-bottom {
    align-items: flex-end;
  }
  .align-xl-baseline {
    align-items: baseline;
  }
  .align-self-xl-top {
    align-self: flex-start;
  }
  .align-self-xl-center {
    align-self: center;
  }
  .align-self-xl-bottom {
    align-self: flex-end;
  }
  .align-self-xl-baseline {
    align-self: baseline;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-between {
    justify-content: space-between !important;
  }
  .justify-xl-around {
    justify-content: space-around !important;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 100;
  }
  .order-xl-initial {
    order: initial;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .nowrap-xl {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1920px) {
  .row-2xl-reverse {
    flex-direction: row-reverse;
  }
  .col-2xl-top {
    align-self: flex-start;
  }
  .col-2xl-center {
    align-self: center;
  }
  .col-2xl-bottom {
    align-self: flex-end;
  }
  .col-2xl-first {
    order: -1;
  }
  .col-2xl-last {
    order: 1;
  }
  .col-2xl-initial {
    order: initial;
  }
  .align-2xl-top {
    align-items: flex-start;
  }
  .align-2xl-center {
    align-items: center;
  }
  .align-2xl-bottom {
    align-items: flex-end;
  }
  .align-2xl-baseline {
    align-items: baseline;
  }
  .align-self-2xl-top {
    align-self: flex-start;
  }
  .align-self-2xl-center {
    align-self: center;
  }
  .align-self-2xl-bottom {
    align-self: flex-end;
  }
  .align-self-2xl-baseline {
    align-self: baseline;
  }
  .justify-2xl-start {
    justify-content: flex-start !important;
  }
  .justify-2xl-end {
    justify-content: flex-end !important;
  }
  .justify-2xl-center {
    justify-content: center !important;
  }
  .justify-2xl-between {
    justify-content: space-between !important;
  }
  .justify-2xl-around {
    justify-content: space-around !important;
  }
  .order-2xl-first {
    order: -1;
  }
  .order-2xl-last {
    order: 100;
  }
  .order-2xl-initial {
    order: initial;
  }
  .mt-2xl-auto {
    margin-top: auto !important;
  }
  .mb-2xl-auto {
    margin-bottom: auto !important;
  }
  .ml-2xl-auto {
    margin-left: auto !important;
  }
  .mr-2xl-auto {
    margin-right: auto !important;
  }
  .nowrap-2xl {
    flex-wrap: nowrap;
  }
}
.bg-dark {
  background-color: var(--fd-bg-dark);
}
.bg-body {
  background-color: var(--fd-bg-body);
}

a {
  color: var(--fd-link-color);
  -webkit-text-decoration: var(--fd-link-decoration);
          text-decoration: var(--fd-link-decoration);
  outline: 0;
  transition: color 0.2s ease-in-out;
}
a:hover, a:active {
  -webkit-text-decoration: var(--fd-link-hover-decoration);
          text-decoration: var(--fd-link-hover-decoration);
}
a:hover {
  color: var(--fd-link-hover-color);
}
a:active {
  color: var(--fd-link-active-color);
}
a:active:focus {
  outline: 0;
}

.link-offset {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1px;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out;
}
.link-offset:hover, .link-offset.is-active {
  background-size: 100% 1px;
  background-position-x: 0%;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 479px) {
  .hidden-xs-down {
    display: none !important;
  }
}

.display-xs-up {
  display: block !important;
}

@media (min-width: 480px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 480px) {
  .display-sm-up {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 979px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .display-md-up {
    display: block !important;
  }
}

@media (min-width: 980px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 980px) {
  .display-lg-up {
    display: block !important;
  }
}

@media (min-width: 1280px) {
  .hidden-xl-up {
    display: none !important;
  }
}

@media (max-width: 1919px) {
  .hidden-xl-down {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .display-xl-up {
    display: block !important;
  }
}

@media (min-width: 1920px) {
  .hidden-2xl-up {
    display: none !important;
  }
}

.hidden-2xl-down {
  display: none !important;
}

@media (min-width: 1920px) {
  .display-2xl-up {
    display: block !important;
  }
}

.nav {
  --fd-nav-gap: 1.25rem;
}
@media (min-width: 980px) {
  .nav {
    --fd-nav-gap: 2rem;
  }
}
.nav {
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style: none;
  gap: var(--fd-nav-gap);
}
.nav__item--extra {
  margin-top: calc(var(--fd-spacer) * 5);
}
@media (max-width: 979px) {
  .nav__link {
    font-size: calc(var(--fd-font-size-base) * 1.125);
  }
}
@media (min-width: 980px) {
  .nav {
    flex-direction: row;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  mix-blend-mode: difference;
  transition: background-color 0.5s cubic-bezier(0.33, 1.02, 0.54, 1), color 0.5s cubic-bezier(0.33, 1.02, 0.54, 1);
  padding-top: calc(var(--fd-spacer) * 6);
  padding-bottom: calc(var(--fd-spacer) * 6);
}
@media (min-width: 1280px) {
  .header {
    padding-top: calc(var(--fd-spacer) * 8);
    padding-bottom: calc(var(--fd-spacer) * 8);
  }
}
.header__col--brand {
  margin-right: auto;
}
.header__col--nav-toggle {
  margin-left: auto;
}
.dialog-is-visible .header {
  mix-blend-mode: normal;
  color: var(--fd-body-bg);
  background-color: var(--fd-body-color);
  transition-duration: 0.5s;
}
.dialog-is-visible .header__col--brand, .dialog-is-visible .header__col--menu-toggle {
  z-index: 120;
}
@media (max-width: 979px) {
  .header__nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    color: var(--fd-body-bg);
    background-color: var(--fd-body-color);
    z-index: 110;
    padding-top: calc(var(--fd-spacer) * 10);
    padding-bottom: calc(var(--fd-spacer) * 10);
  }
  .header__nav {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .header__nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-50%);
    transition: transform 0.5s cubic-bezier(0.33, 1.02, 0.54, 1);
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  .header__nav {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (max-width: 979px) and (min-width: 1280px) {
  .header__nav {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 979px) {
  .header__nav[open], .header__nav.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    transition: opacity 0.25s ease-in-out, transform 0.5s cubic-bezier(0.33, 1.02, 0.54, 1), visibility 0s linear 0s;
  }
  .header__nav.is-closing {
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    transform: translateY(-50%);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0s linear 0.3s;
  }
  .header__nav:before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 100%;
    background-color: var(--fd-body-color);
    z-index: 111;
  }
}
@media (min-width: 980px) {
  .header__col--brand, .header__col--lang {
    flex: 1;
  }
  .header__col--lang {
    margin-left: auto;
    text-align: right;
  }
}
.main {
  flex: 1;
  overflow: clip;
  position: relative;
  z-index: 10;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  mix-blend-mode: difference;
  padding-top: calc(var(--fd-spacer) * 6);
  padding-bottom: calc(var(--fd-spacer) * 6);
}
@media (min-width: 1280px) {
  .footer {
    padding-top: calc(var(--fd-spacer) * 8);
    padding-bottom: calc(var(--fd-spacer) * 8);
  }
}
.glightbox-open {
  overflow: initial;
}

.glightbox-mobile .goverlay,
.goverlay {
  background-color: rgba(var(--fd-black-rgb), 0.96);
}

.glightbox-container {
  --fd-glightbox-control-size: calc(var(--fd-spacer) * 10);
  --fd-glightbox-title-font-size: calc(var(--fd-font-size-base) * 1.25);
  --fd-glightbox-title-line-height: calc(var(--fd-line-height-base));
  --fd-glightbox-title-single-line-height: calc(var(--fd-glightbox-title-font-size) * var(--fd-glightbox-title-line-height));
}

.glightbox-container .gcontainer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
  grid-template-rows: min-content 1fr min-content;
  height: 100vh;
  padding: calc(var(--fd-spacer) * 6) calc(var(--fd-spacer) * 5);
  gap: calc(var(--fd-spacer) * 6) 0;
}

.gbody {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gheader,
.gfooter {
  position: relative;
  width: 100%;
  color: var(--fd-bg-body);
  text-align: center;
}

.gheader {
  padding-left: var(--fd-glightbox-control-size);
  padding-right: var(--fd-glightbox-control-size);
}

.gtitle {
  font-size: var(--fd-glightbox-title-font-size);
  line-height: var(--fd-glightbox-title-line-height);
  font-weight: var(--fd-btn-font-weight);
  font-family: var(--fd-btn-font-family);
}

.gcounter {
  display: inline-block;
  border: var(--fd-btn-border-width) solid;
  border-radius: var(--fd-btn-border-radius);
  padding: var(--fd-btn-padding-y) var(--fd-btn-padding-x);
  font-size: var(--fd-btn-font-size);
  line-height: var(--fd-btn-line-height);
  font-weight: var(--fd-btn-font-weight);
  font-family: var(--fd-btn-font-family);
  pointer-events: none;
  transition: width 0.2s ease;
}

.glightbox-container .gslide,
.glightbox-container .ginner-container,
.glightbox-container .gslide-inner-content,
.glightbox-container .gslide-media {
  height: 100% !important;
}

.glightbox-container .ginner-container {
  max-height: 100vh;
}

.glightbox-clean .gdesc-inner {
  padding: 0;
}

.gslide-description {
  display: none !important;
}

.desc-bottom .gslide-media,
.desc-top .gslide-media {
  margin: auto;
  box-shadow: none;
}

.gslide-image img {
  max-width: 100% !important;
  max-height: 100% !important;
}

.gclose, .glightbox-clean .gclose,
.gnext,
.glightbox-clean .gnext,
.gprev,
.glightbox-clean .gprev {
  background: none;
  width: var(--fd-glightbox-control-size);
  height: var(--fd-glightbox-control-size);
  opacity: 1;
}
.gclose:hover, .gclose:focus, .gclose:active, .glightbox-clean .gclose:hover, .glightbox-clean .gclose:focus, .glightbox-clean .gclose:active,
.gnext:hover,
.gnext:focus,
.gnext:active,
.glightbox-clean .gnext:hover,
.glightbox-clean .gnext:focus,
.glightbox-clean .gnext:active,
.gprev:hover,
.gprev:focus,
.gprev:active,
.glightbox-clean .gprev:hover,
.glightbox-clean .gprev:focus,
.glightbox-clean .gprev:active {
  background: none;
  opacity: 0.7;
}

.gclose, .glightbox-clean .gclose {
  top: calc(var(--fd-spacer) * 6);
  right: calc(var(--fd-spacer) * 5);
}
.gclose svg {
  width: calc(var(--fd-spacer) * 5);
  height: calc(var(--fd-spacer) * 5);
}

.gnext,
.gprev {
  display: none;
  border: var(--fd-btn-border-width) solid var(--fd-bg-body);
}
.gnext, .glightbox-clean .gnext,
.gprev,
.glightbox-clean .gprev {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.gnext svg,
.gprev svg {
  width: calc(var(--fd-spacer) * 3);
  height: calc(var(--fd-spacer) * 3);
}

.gnext, .glightbox-clean .gnext {
  right: calc(var(--fd-spacer) * 8);
}

.gprev, .glightbox-clean .gprev {
  left: calc(var(--fd-spacer) * 8);
}

@media (min-width: 768px) {
  .gcontainer {
    padding-left: calc(var(--fd-spacer) * 6);
    padding-right: calc(var(--fd-spacer) * 6);
  }
  .gclose, .glightbox-clean .gclose {
    right: calc(var(--fd-spacer) * 6);
  }
}
@media (min-width: 980px) {
  .gslide-image {
    max-width: 77.7%;
  }
  .gnext,
  .gprev {
    display: flex;
  }
}
@media (min-width: 1280px) {
  .gcontainer {
    padding: calc(var(--fd-spacer) * 8);
    gap: calc(var(--fd-spacer) * 8) 0;
  }
  .gheader {
    padding-left: calc(var(--fd-glightbox-control-size) - var(--fd-spacer) * 8);
    padding-right: calc(var(--fd-glightbox-control-size) - var(--fd-spacer) * 8);
  }
  .gclose, .glightbox-clean .gclose {
    top: calc(var(--fd-spacer) * 8);
    right: calc(var(--fd-spacer) * 8);
  }
}
:root {
  --swiper-navigation-size: calc(var(--fd-spacer) * 3);
  --swiper-pagination-bullet-horizontal-gap: .1875rem;
  --swiper-pagination-bullet-width: calc(var(--fd-spacer) * 8);
  --swiper-pagination-bullet-height: calc(var(--fd-spacer) * .5);
  --swiper-pagination-bottom: .625rem;
  --swiper-controls-width: 6.25rem;
}

.swiper-container {
  position: relative;
}
.swiper-container .swiper {
  position: static;
}
.swiper-wrapper {
  align-items: stretch;
}
.swiper-slide {
  height: auto;
}
.swiper-button-next, .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  transition: 0.2s ease-in-out;
  background-color: var(--fd-body-color);
  color: var(--fd-text-light);
  width: var(--fd-btn-height);
  height: var(--fd-btn-height);
  border-radius: 50%;
  margin-top: 0 !important;
  transform: translateY(-50%);
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.8;
}
.swiper-button-next.swiper-button-disabled.swiper-button-lock, .swiper-button-prev.swiper-button-disabled.swiper-button-lock {
  opacity: 0;
}
.swiper-button-next.swiper-button-lock, .swiper-button-prev.swiper-button-lock {
  opacity: 0;
  visibility: hidden;
}
.swiper-button-next:hover, .swiper-button-next:active, .swiper-button-prev:hover, .swiper-button-prev:active {
  opacity: 0.7;
}
.swiper-navigation-icon {
  height: var(--swiper-navigation-size) !important;
  width: auto;
}
.swiper-pagination-bullets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.swiper-pagination-bullet {
  border-radius: 0.5rem;
  opacity: 1;
  background-color: var(--fd-gray-300);
}
.swiper-pagination-bullet-active {
  background: #0e0e0e;
}
.swiper-pagination-bullet:focus-visible {
  outline: 0;
}
@media (min-width: 768px) {
  .swiper-pagination {
    --swiper-pagination-bullet-horizontal-gap: .25rem;
    --swiper-pagination-bullet-width: calc(var(--fd-spacer) * 10);
    --swiper-pagination-bottom: calc(var(--fd-spacer) * 3);
  }
}
.swiper-pagination-fraction {
  border: var(--fd-btn-border-width) solid;
  border-radius: var(--fd-btn-border-radius);
  padding: var(--fd-btn-padding-y) var(--fd-btn-padding-x);
  font-size: var(--fd-btn-font-size);
  line-height: var(--fd-btn-line-height);
  font-weight: var(--fd-btn-font-weight);
  font-family: var(--fd-btn-font-family);
  transition: width 0.2s ease;
}
.swiper-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--fd-spacer) * 2);
  margin-top: calc(var(--fd-spacer) * 5);
}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev {
  position: static;
  transform: none;
}
.swiper-controls .swiper-pagination {
  position: static;
  width: auto;
  margin: 0;
  margin-right: auto;
}
@media (min-width: 1920px) {
  .swiper-controls {
    margin-top: calc(var(--fd-spacer) * 6);
  }
}
.swiper img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.swiper--controls {
  padding-top: calc(var(--fd-spacer) * 5 + var(--fd-btn-height) + 1px);
  padding-bottom: calc(var(--fd-spacer) * 5 + var(--fd-btn-height) + 1px);
}
.swiper--controls .swiper-controls {
  position: absolute;
  bottom: 1px;
  width: 100%;
}
@media (min-width: 1920px) {
  .swiper--controls {
    padding-top: calc(var(--fd-spacer) * 6 + var(--fd-btn-height) + 1px);
    padding-bottom: calc(var(--fd-spacer) * 6 + var(--fd-btn-height) + 1px);
  }
}
.avatar {
  display: block;
  border-radius: calc(var(--fd-spacer) * 6);
}
@media (min-width: 768px) {
  .avatar {
    border-radius: calc(var(--fd-spacer) * 7);
  }
}
@media (min-width: 1280px) {
  .avatar {
    border-radius: calc(var(--fd-spacer) * 8);
  }
}
.avatar {
  width: calc(var(--fd-spacer) * 25);
  height: calc(var(--fd-spacer) * 25);
}
@media (min-width: 768px) {
  .avatar {
    width: calc(var(--fd-spacer) * 30);
    height: calc(var(--fd-spacer) * 30);
  }
}
@media (min-width: 1280px) {
  .avatar {
    width: calc(var(--fd-spacer) * 35);
    height: calc(var(--fd-spacer) * 35);
  }
}
@media (min-width: 1920px) {
  .avatar--lg {
    border-radius: calc(var(--fd-spacer) * 12);
  }
}
@media (min-width: 1920px) {
  .avatar--lg {
    width: calc(var(--fd-spacer) * 50);
    height: calc(var(--fd-spacer) * 50);
  }
}
button,
.button {
  position: relative;
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background: none;
  outline: 0;
  border: 0;
  padding: 0;
  transition: all 0.2s ease-in-out;
}
button:focus, button:hover,
.button:focus,
.button:hover {
  text-decoration: none !important;
  outline: 0;
}
button:focus, button.focus, button:active:focus, button:active.focus, button.active:focus, button.active.focus,
.button:focus,
.button.focus,
.button:active:focus,
.button:active.focus,
.button.active:focus,
.button.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: 0;
}
button.focus,
.button.focus {
  text-decoration: none;
}
button:active, button.active,
.button:active,
.button.active {
  outline: 0;
}
button.disabled, button:disabled,
.button.disabled,
.button:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: var(--fd-btn-border-width) solid currentColor;
  border-radius: var(--fd-btn-border-radius);
  padding: var(--fd-btn-padding-y) var(--fd-btn-padding-x);
  font-size: var(--fd-btn-font-size);
  line-height: var(--fd-btn-line-height);
  font-weight: var(--fd-btn-font-weight);
  font-family: var(--fd-btn-font-family);
  white-space: nowrap;
}
.button--transparent-light {
  --fd-btn-transparent-light-color: #f9f9f9;
  --fd-btn-transparent-light-color-hover: ;
  --fd-btn-transparent-light-bg: rgba(255, 255, 255, 0.05);
  --fd-btn-transparent-light-bg-hover: rgba(255, 255, 255, 0.15);
  --fd-btn-transparent-light-border: rgba(255, 255, 255, 0);
  --fd-btn-transparent-light-border-hover: rgba(255, 255, 255, 0);
  color: var(--fd-btn-transparent-light-color);
  border-color: var(--fd-btn-transparent-light-border);
  background-color: var(--fd-btn-transparent-light-bg);
}
.button--transparent-light:hover {
  border-color: var(--fd-btn-transparent-light-border-hover);
  background-color: var(--fd-btn-transparent-light-bg-hover);
  color: var(--fd-btn-transparent-light-color-hover);
}

a.button.disabled,
a.button.is-disabled {
  pointer-events: none;
}

.collapsible__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.collapsible__toggle-icon {
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
}
.collapsible__content {
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  transition: 0.25s ease-in-out;
  max-height: 100vh;
}
.collapsible.is-collapsed {
  overflow: hidden;
}
.collapsible.is-collapsed .collapsible__toggle-icon {
  transform: rotate(0);
}
.collapsible.is-collapsed .collapsible__content {
  max-height: 0 !important;
  opacity: 0;
  visibility: hidden;
}

.contacts-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0;
  list-style: none;
  gap: calc(var(--fd-spacer) * 8);
}
@media (min-width: 768px) {
  .contacts-list {
    gap: calc(var(--fd-spacer) * 12);
  }
}
.contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--fd-spacer) * 6);
}
.contrast-text {
  color: var(--fd-body-bg);
  mix-blend-mode: difference;
}
.contrast-text:hover {
  color: var(--fd-body-bg);
}
.details {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: calc(var(--fd-spacer) * 3) calc(var(--fd-spacer) * 8);
}
.panel {
  --fd-panel-toggle-size: calc(var(--fd-spacer) * 10);
  --fd-panel-icon-size: 1.458125rem;
  --fd-panel-icon-line-width: 1.66px;
  --fd-panel-title-gap: calc(var(--fd-spacer) * 6);
  border-bottom: var(--fd-btn-border-width) solid var(--fd-black);
  transition: transform 0.2s ease-in-out;
}
.panel__title {
  gap: var(--fd-panel-header-gap);
}
.panel__title {
  padding-top: calc(var(--fd-spacer) * 5);
  padding-bottom: calc(var(--fd-spacer) * 5);
}
.panel__icon {
  display: block;
  position: relative;
  width: var(--fd-panel-toggle-size);
  height: var(--fd-panel-toggle-size);
  flex: 0 0 var(--fd-panel-toggle-size);
  touch-action: manipulation;
  margin-left: var(--fd-panel-title-gap);
}
.panel__icon::before, .panel__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: currentColor;
  transition: transform 200ms ease, opacity 200ms ease;
}
.panel__icon::before {
  width: var(--fd-panel-icon-size);
  height: var(--fd-panel-icon-line-width);
}
.panel__icon::after {
  width: var(--fd-panel-icon-line-width);
  height: var(--fd-panel-icon-size);
  transform: translate(-50%, -50%) scaleY(0.01);
  opacity: 0;
}
.is-collapsed .panel__icon::after {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.panel__icon:focus, .panel__icon:hover {
  opacity: 0.6;
}
.panel__icon:focus::before, .panel__icon:focus::after, .panel__icon:hover::before, .panel__icon:hover::after {
  transform: translate(-50%, -50%) scale(1.02);
}
.panel__content {
  padding-right: calc(var(--fd-panel-toggle-size) + var(--fd-panel-title-gap));
  margin-top: var(--fd-spacer);
  margin-bottom: calc(var(--fd-spacer) * 9);
}
.panel.is-collapsed {
  border-bottom-color: rgba(var(--fd-black-rgb), 0.1);
}
.panel.is-collapsed .panel__content {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 1920px) {
  .panel__title {
    padding-top: calc(var(--fd-spacer) * 6);
    padding-bottom: calc(var(--fd-spacer) * 6);
  }
  .panel__content {
    margin-top: 0;
    margin-bottom: calc(var(--fd-spacer) * 6);
  }
}

.tags {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  gap: calc(var(--fd-spacer) * 3);
}
.text-icon {
  display: flex;
  align-items: center;
  gap: calc(var(--fd-spacer) * 2);
}
.text-icon svg {
  width: calc(var(--fd-spacer) * 4);
  height: calc(var(--fd-spacer) * 4);
}
.section {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  position: relative;
  z-index: 2;
  padding-top: calc((var(--fd-spacer) * 6 + 1.4rem) * 2);
  padding-bottom: calc((var(--fd-spacer) * 6 + 1.4rem) * 2);
}
@media (min-width: 1280px) {
  .section {
    padding-top: calc((var(--fd-spacer) * 8 + 1.4rem) * 2);
    padding-bottom: calc((var(--fd-spacer) * 8 + 1.4rem) * 2);
  }
}
.section [data-animation] {
  will-change: transform, opacity;
  transform: translateZ(0);
}
.about__title {
  margin-bottom: 1rem;
}
.about__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  gap: calc(var(--fd-spacer) * 8);
}
@media (min-width: 768px) {
  .about__content {
    gap: calc(var(--fd-spacer) * 10);
  }
}
@media (min-width: 1920px) {
  .about__content {
    gap: calc(var(--fd-spacer) * 8);
  }
}
@media (min-width: 768px) {
  .about__content {
    max-width: 54em;
  }
}
@media (min-width: 1280px) {
  .about__content {
    max-width: 70em;
  }
}
.about__person {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--fd-spacer) * 6);
}
@media (min-width: 1920px) {
  .about__person {
    gap: calc(var(--fd-spacer) * 8);
  }
}
.about__scroll-link {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 110;
  text-align: center;
  padding-top: calc(var(--fd-spacer) * 6);
  padding-bottom: calc(var(--fd-spacer) * 6);
}
@media (min-width: 1280px) {
  .about__scroll-link {
    padding-top: calc(var(--fd-spacer) * 8);
    padding-bottom: calc(var(--fd-spacer) * 8);
  }
}
.about [data-animated] {
  will-change: transform, opacity;
}
.cta {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 0;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
}
.cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  gap: calc(var(--fd-spacer) * 10);
}
@media (min-width: 768px) {
  .cta__content {
    gap: calc(var(--fd-spacer) * 12);
  }
}
@media (min-width: 1920px) {
  .cta__content {
    gap: calc(var(--fd-spacer) * 14);
  }
}
@media (min-width: 1280px) {
  .cta__content {
    width: 50em;
  }
}
.faq {
  position: relative;
}
.faq__body {
  gap: calc(var(--fd-spacer) * 8) 0;
}
@media (min-width: 768px) {
  .faq__body {
    gap: calc(var(--fd-spacer) * 10) 0;
  }
}
@media (min-width: 1280px) {
  .faq__body {
    gap: 0;
  }
}
.faq [data-animated] {
  will-change: transform, opacity;
  transition: none;
}
@media (min-width: 1280px) {
  .faq__title {
    max-width: 8em;
  }
}

.project {
  flex-direction: column;
  align-items: stretch;
  gap: calc(var(--fd-spacer) * 6);
}
@media (min-width: 768px) {
  .project {
    gap: calc(var(--fd-spacer) * 8);
  }
}
@media (min-width: 1280px) {
  .project {
    gap: calc(var(--fd-spacer) * 8) calc(var(--fd-spacer) * 5);
  }
}
@media (min-width: 1920px) {
  .project {
    gap: calc(var(--fd-spacer) * 10) calc(var(--fd-spacer) * 16);
  }
}
.project__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: calc(var(--fd-spacer) * 6);
}
@media (min-width: 1920px) {
  .project__content {
    gap: calc(var(--fd-spacer) * 8);
  }
}
.project__slider {
  width: 100%;
}
.project [data-animated] {
  will-change: transform, opacity;
  transition: none;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .project__content {
    flex-direction: row;
    justify-content: space-between;
  }
  .project__details {
    flex: 0 0 44.44%;
  }
  .project__body {
    flex: 0 0 48.6%;
  }
}
.work {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1280px) {
  .work__body {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .work__list {
    max-width: 33.0625rem;
  }
  .work__slider-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    height: 100vh;
  }
  .work__slider {
    width: 100%;
  }
}