/* Core */

/* Vendor */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */;
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Custom mixins and helper utilities */

/* other */

/* mixin @media */

/* min */

/* max */

/* mixin @media */

/* mixin FONTS */

/* mixin FONTS */

/* Core */

/* Define project-level design tokens here. */

:root {
  /* Colors */
  --color-black: #000000;
  --color-dark: #11100F;
  --color-charcoal: #252220;
  --color-grey: #8B898A;
  --color-light-grey: #E1E1E2;
  --color-white: #FFFFFF;
  --color-cream: #EBE3D9;
  --color-green: #E0FF3E;
  --color-blue: #1200FF;
  --color-orange: #FF5C00;
  --color-fuchsia: #FF00DF;
  --color-pink: #FFBFFF;
  --color-linen: #E6D79D;
  --font-family: "DigitalSans", "Arial", sans-serif;
  --header-height: 90px;
}

/* Core */

/*                       Name     URL                          FW   FS       exts */

@font-face {
  font-family: "DigitalSans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/DigitalSans-Medium.woff2") format("woff2"), url("../fonts/DigitalSans-Medium.woff") format("woff"), url("../fonts/DigitalSans-Medium.otf") format("opentype");
}

@font-face {
  font-family: "DigitalSans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/DigitalSans-Regular.woff2") format("woff2"), url("../fonts/DigitalSans-Regular.woff") format("woff"), url("../fonts/DigitalSans-Regular.otf") format("opentype");
}

/* Core */

/* ==========================================================================
   Helper classes
   ========================================================================== */

.wrapper {
  height: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 1200px;
}

.no_margin {
  margin: 0;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_box {
  display: flex;
}

.flex_j_a_center {
  align-items: center;
  align-self: center;
  justify-content: center;
}

.flex_j_center {
  justify-content: center;
}

.flex_j_left {
  justify-content: left;
}

.flex_j_right {
  justify-content: right;
}

.flex_a_center {
  align-items: center;
  align-self: center;
}

.flex_a_top {
  align-items: flex-start;
}

.flex_a_bottom {
  align-items: flex-end;
}

.flex_a_stretch {
  align-items: stretch;
}

.flex_margin_center {
  margin-left: auto;
  margin-right: auto;
}

.flex_margin_left {
  margin-left: auto;
}

.flex_margin_right {
  margin-right: auto;
}

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

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

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

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

.fw700 {
  font-weight: 700;
}

.fw600 {
  font-weight: 600;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

.fw300 {
  font-weight: 300;
}

/* fixed autofill bg color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out !important;
  transition: color 9999s ease-out, background-color 9999s ease-out !important;
  transition-delay: 9999s !important;
}

[hidden],
.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  /* 1 */
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

/* Base */

html {
  color: #222;
  font-size: 1em;
  height: 100%;
  line-height: 1.4;
  overscroll-behavior: none;
  scroll-behavior: smooth;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.browserupgrade {
  background: #ccc;
  color: #000;
  margin: 0.2em 0;
  padding: 0.2em 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

body {
  font: normal 400 16px/26px "DigitalSans", "Arial", sans-serif;
  height: 100%;
  overscroll-behavior: none;
  scroll-behavior: auto;
}

body.flex-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}

body.flex-page .main-container {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* flex-direction: column; */
  flex-grow: 1;
}

/* Accessibility: visually hidden but available for screen readers */

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* style Maxim Mozzgov */

/* Layout */

/* Core */

.container {
  width: 100%;
  max-width: 1512px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Core */

.header-container {
  height: 90px;
  background: #000;
  padding: 24px 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

.header-container .header {
  height: 100%;
  display: flex;
  align-items: center;
}

.header-container .header__logo {
  width: 284px;
}

.header-container .header__logo img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.header-container .header__control {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: auto;
}

.header-container .header__control-search {
  display: flex;
  align-items: center;
}

.header-container .header__control-menu {
  position: relative;
  z-index: 1001;
  display: flex;
  align-items: center;
}

.header-container .header__control button {
  background: transparent;
  border: none;
  height: 44px;
  width: 44px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.header-container .header__control button img,
.header-container .header__control button svg {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.header-container .header__nav {
  display: none;
  pointer-events: none;
  flex-direction: column;
  background: var(--color-white);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #e1e1e2 rgba(0, 0, 0, 0);
  overscroll-behavior: contain;
}

.header-container .header__nav-overlay {
  background: #fff;
}

.header-container .header__nav-top {
  height: 90px;
  padding: 24px 0;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  background: #fff;
}

.header-container .header__nav-top .logo {
  width: 284px;
}

.header-container .header__nav-top .logo img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.header-container .header__nav-container {
  padding: 45px 0;
  margin-top: auto;
}

.header-container .header__nav-container .container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  gap: 50px;
}

.header-container .header__nav-container .nav {
  width: calc(100% - 325px - 50px);
  font-weight: 400;
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -3.36px;
  text-transform: uppercase;
  color: var(--color-charcoal);
}

.header-container .header__nav-container .nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
}

.header-container .header__nav-container .nav li a {
  color: var(--color-charcoal);
  text-decoration: none;
  transition: all 0.2s ease;
}

.header-container .header__nav-container .nav li a:hover {
  color: var(--color-blue);
}

.header-container .header__nav-container .control {
  width: 325px;
  margin-left: auto;
}

.header-container .header__nav-container .social {
  margin-left: auto;
  font-weight: 500;
  font-size: 21px;
  line-height: 110%;
  color: var(--color-charcoal);
}

.header-container .header__nav-container .social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.header-container .header__nav-container .social li a {
  color: var(--color-charcoal);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.header-container .header__nav-container .social li a:hover {
  border-color: var(--color-charcoal);
}

.header-container .header__nav-container .search {
  margin-top: 56px;
}

.header-container .header__nav-container .search input {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 1;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #8B898A;
  padding: 12px 45px 10px 10px;
  background: var(--color-light-grey);
  background-position: right 13px center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C9.31371 0 12 2.68629 12 6C12 7.38646 11.528 8.66175 10.7383 9.67773L10.7598 9.69922C10.7622 9.70162 10.7652 9.70365 10.7676 9.70605C10.77 9.70844 10.772 9.71148 10.7744 9.71387L10.8672 9.80664C10.8696 9.809 10.8726 9.81112 10.875 9.81348C10.8773 9.81583 10.8795 9.81894 10.8818 9.82129L10.8955 9.83496C10.8979 9.83731 10.901 9.83945 10.9033 9.8418C10.9056 9.84413 10.9078 9.84729 10.9102 9.84961L10.9863 9.92578C10.9886 9.92807 10.9919 9.93033 10.9941 9.93262C10.9964 9.93493 10.9987 9.93813 11.001 9.94043L11.1582 10.0977C11.1603 10.0998 11.1629 10.1014 11.165 10.1035C11.1671 10.1056 11.1688 10.1083 11.1709 10.1104L11.2119 10.1514C11.214 10.1535 11.2166 10.1551 11.2188 10.1572C11.2209 10.1593 11.2225 10.162 11.2246 10.1641L11.3574 10.2969C11.3595 10.299 11.3622 10.3006 11.3643 10.3027C11.3664 10.3048 11.368 10.3075 11.3701 10.3096L11.377 10.3164C11.3791 10.3185 11.3817 10.3202 11.3838 10.3223C11.3859 10.3244 11.3876 10.327 11.3896 10.3291L11.416 10.3555C11.4181 10.3576 11.4207 10.3592 11.4229 10.3613C11.4249 10.3634 11.4266 10.3661 11.4287 10.3682L11.4355 10.375C11.4377 10.3771 11.4403 10.3788 11.4424 10.3809C11.4445 10.383 11.4461 10.3856 11.4482 10.3877L11.5322 10.4717C11.5343 10.4738 11.537 10.4754 11.5391 10.4775C11.5412 10.4797 11.5428 10.4823 11.5449 10.4844L11.6025 10.542C11.6046 10.5441 11.6073 10.5458 11.6094 10.5479C11.6115 10.55 11.6131 10.5526 11.6152 10.5547C11.6173 10.5568 11.62 10.5584 11.6221 10.5605C11.6242 10.5627 11.6258 10.5653 11.6279 10.5674C11.63 10.5695 11.6327 10.5711 11.6348 10.5732C11.6369 10.5753 11.6385 10.578 11.6406 10.5801C11.6427 10.5822 11.6454 10.5838 11.6475 10.5859C11.6495 10.588 11.6512 10.5907 11.6533 10.5928C11.6554 10.5949 11.6581 10.5965 11.6602 10.5986C11.6622 10.6007 11.6639 10.6034 11.666 10.6055C11.6681 10.6076 11.6708 10.6092 11.6729 10.6113C11.6749 10.6134 11.6766 10.6161 11.6787 10.6182C11.6808 10.6203 11.6834 10.6219 11.6855 10.624C11.6876 10.6261 11.6893 10.6288 11.6914 10.6309C11.6935 10.633 11.6961 10.6346 11.6982 10.6367C11.7003 10.6388 11.702 10.6415 11.7041 10.6436L11.7607 10.7002C11.7628 10.7023 11.7655 10.704 11.7676 10.7061C11.7697 10.7081 11.7713 10.7108 11.7734 10.7129L11.8174 10.7568C11.8195 10.7589 11.8221 10.7606 11.8242 10.7627C11.8263 10.7648 11.828 10.7675 11.8301 10.7695L11.8613 10.8008C11.8634 10.8029 11.8661 10.8046 11.8682 10.8066C11.8702 10.8087 11.872 10.8114 11.874 10.8135L11.8926 10.832C11.8947 10.8341 11.8973 10.8358 11.8994 10.8379C11.9015 10.84 11.9032 10.8426 11.9053 10.8447L12.1553 11.0947C12.1574 11.0968 12.16 11.0985 12.1621 11.1006C12.1642 11.1027 12.1659 11.1054 12.168 11.1074L12.1865 11.126C12.1886 11.128 12.1913 11.1298 12.1934 11.1318C12.1954 11.1339 12.1971 11.1366 12.1992 11.1387L12.2305 11.1699C12.2326 11.172 12.2352 11.1737 12.2373 11.1758C12.2394 11.1779 12.2411 11.1805 12.2432 11.1826L12.2871 11.2266C12.2892 11.2286 12.2919 11.2303 12.2939 11.2324C12.296 11.2345 12.2977 11.2372 12.2998 11.2393L12.3564 11.2959C12.3585 11.298 12.3612 11.2997 12.3633 11.3018C12.3654 11.3039 12.367 11.3065 12.3691 11.3086C12.3712 11.3107 12.3739 11.3124 12.376 11.3145C12.3781 11.3166 12.3797 11.3192 12.3818 11.3213C12.3839 11.3234 12.3866 11.3251 12.3887 11.3271C12.3908 11.3292 12.3924 11.3319 12.3945 11.334C12.3966 11.3361 12.3993 11.3378 12.4014 11.3398C12.4035 11.3419 12.4051 11.3446 12.4072 11.3467C12.4093 11.3488 12.412 11.3504 12.4141 11.3525C12.4162 11.3546 12.4178 11.3573 12.4199 11.3594C12.422 11.3615 12.4247 11.3631 12.4268 11.3652C12.4289 11.3673 12.4305 11.37 12.4326 11.3721C12.4347 11.3742 12.4374 11.3758 12.4395 11.3779C12.4416 11.38 12.4432 11.3827 12.4453 11.3848C12.4474 11.3869 12.45 11.3885 12.4521 11.3906C12.4542 11.3927 12.4559 11.3954 12.458 11.3975L12.5156 11.4551C12.5177 11.4572 12.5204 11.4588 12.5225 11.4609C12.5246 11.463 12.5262 11.4657 12.5283 11.4678L12.6123 11.5518C12.6144 11.5539 12.617 11.5555 12.6191 11.5576C12.6212 11.5597 12.6229 11.5624 12.625 11.5645L12.6318 11.5713C12.6339 11.5734 12.6366 11.5751 12.6387 11.5771C12.6408 11.5793 12.6424 11.5819 12.6445 11.584L12.6709 11.6104C12.673 11.6124 12.6756 11.6141 12.6777 11.6162C12.6798 11.6183 12.6815 11.6209 12.6836 11.623L12.6904 11.6299C12.6925 11.632 12.6952 11.6336 12.6973 11.6357C12.6994 11.6378 12.701 11.6405 12.7031 11.6426L12.8359 11.7754C12.838 11.7775 12.8407 11.7791 12.8428 11.7812C12.8449 11.7834 12.8465 11.786 12.8486 11.7881L12.8896 11.8291C12.8918 11.8312 12.8944 11.8329 12.8965 11.835C12.8986 11.8371 12.9002 11.8397 12.9023 11.8418L13.0596 11.999C13.0619 12.0013 13.0651 12.0036 13.0674 12.0059C13.0697 12.0082 13.0719 12.0114 13.0742 12.0137L13.1504 12.0898C13.1527 12.0922 13.1559 12.0944 13.1582 12.0967C13.1605 12.099 13.1627 12.1021 13.165 12.1045L13.1787 12.1182C13.1811 12.1205 13.1842 12.1227 13.1865 12.125C13.1889 12.1274 13.191 12.1305 13.1934 12.1328L13.2861 12.2256C13.2885 12.228 13.2916 12.23 13.2939 12.2324C13.2963 12.2348 13.2984 12.2378 13.3008 12.2402L13.4033 12.3428C13.4058 12.3452 13.4087 12.3472 13.4111 12.3496C13.4135 12.352 13.4156 12.355 13.418 12.3574L13.4932 12.4326C13.4956 12.435 13.4986 12.437 13.501 12.4395C13.5034 12.4419 13.5054 12.4448 13.5078 12.4473L13.5234 12.4629C13.5259 12.4653 13.5288 12.4673 13.5312 12.4697C13.5337 12.4722 13.5357 12.4751 13.5381 12.4775L13.5615 12.501C13.564 12.5034 13.5669 12.5054 13.5693 12.5078C13.5718 12.5102 13.5737 12.5132 13.5762 12.5156L13.6465 12.5859C13.6489 12.5884 13.6519 12.5903 13.6543 12.5928L13.6777 12.6162C13.6803 12.6188 13.6829 12.6224 13.6855 12.625L13.748 12.6875C13.7507 12.6901 13.7542 12.6927 13.7568 12.6953C13.7595 12.698 13.762 12.7015 13.7646 12.7041L13.7803 12.7197C14.0731 13.0126 14.0731 13.4874 13.7803 13.7803C13.4874 14.0732 13.0126 14.0731 12.7197 13.7803L12.7041 13.7646C12.7015 13.762 12.698 13.7595 12.6953 13.7568C12.6927 13.7542 12.6901 13.7507 12.6875 13.748L12.625 13.6855C12.6224 13.6829 12.6188 13.6803 12.6162 13.6777L12.5928 13.6543C12.5903 13.6519 12.5884 13.6489 12.5859 13.6465L12.5156 13.5762C12.5132 13.5737 12.5102 13.5718 12.5078 13.5693C12.5054 13.5669 12.5034 13.564 12.501 13.5615L12.4775 13.5381C12.4751 13.5357 12.4722 13.5337 12.4697 13.5312C12.4673 13.5288 12.4653 13.5259 12.4629 13.5234L12.4473 13.5078C12.4448 13.5054 12.4419 13.5034 12.4395 13.501C12.437 13.4986 12.435 13.4956 12.4326 13.4932L12.3574 13.418C12.355 13.4156 12.352 13.4135 12.3496 13.4111C12.3472 13.4087 12.3452 13.4058 12.3428 13.4033L12.2402 13.3008C12.2378 13.2984 12.2348 13.2963 12.2324 13.2939C12.23 13.2916 12.228 13.2885 12.2256 13.2861L12.1328 13.1934C12.1305 13.191 12.1274 13.1889 12.125 13.1865C12.1227 13.1842 12.1205 13.1811 12.1182 13.1787L12.1045 13.165C12.1021 13.1627 12.099 13.1605 12.0967 13.1582C12.0944 13.1559 12.0922 13.1527 12.0898 13.1504L12.0137 13.0742C12.0114 13.0719 12.0082 13.0697 12.0059 13.0674C12.0036 13.0651 12.0013 13.0619 11.999 13.0596L11.8418 12.9023C11.8397 12.9002 11.8371 12.8986 11.835 12.8965C11.8329 12.8944 11.8312 12.8918 11.8291 12.8896L11.7881 12.8486C11.786 12.8465 11.7834 12.8449 11.7812 12.8428C11.7791 12.8407 11.7775 12.838 11.7754 12.8359L11.6426 12.7031C11.6405 12.701 11.6378 12.6994 11.6357 12.6973C11.6336 12.6952 11.632 12.6925 11.6299 12.6904L11.623 12.6836C11.6209 12.6815 11.6183 12.6798 11.6162 12.6777C11.6141 12.6756 11.6124 12.673 11.6104 12.6709L11.584 12.6445C11.5819 12.6424 11.5793 12.6408 11.5771 12.6387C11.5751 12.6366 11.5734 12.6339 11.5713 12.6318L11.5645 12.625C11.5624 12.6229 11.5597 12.6212 11.5576 12.6191C11.5555 12.617 11.5539 12.6144 11.5518 12.6123L11.4678 12.5283C11.4657 12.5262 11.463 12.5246 11.4609 12.5225C11.4588 12.5204 11.4572 12.5177 11.4551 12.5156L11.3975 12.458C11.3954 12.4559 11.3927 12.4542 11.3906 12.4521C11.3885 12.45 11.3869 12.4474 11.3848 12.4453C11.3827 12.4432 11.38 12.4416 11.3779 12.4395C11.3758 12.4374 11.3742 12.4347 11.3721 12.4326C11.37 12.4305 11.3673 12.4289 11.3652 12.4268C11.3631 12.4247 11.3615 12.422 11.3594 12.4199C11.3573 12.4178 11.3546 12.4162 11.3525 12.4141C11.3504 12.412 11.3488 12.4093 11.3467 12.4072C11.3446 12.4051 11.3419 12.4035 11.3398 12.4014C11.3378 12.3993 11.3361 12.3966 11.334 12.3945C11.3319 12.3924 11.3292 12.3908 11.3271 12.3887C11.3251 12.3866 11.3234 12.3839 11.3213 12.3818C11.3192 12.3797 11.3166 12.3781 11.3145 12.376C11.3124 12.3739 11.3107 12.3712 11.3086 12.3691C11.3065 12.367 11.3039 12.3654 11.3018 12.3633C11.2997 12.3612 11.298 12.3585 11.2959 12.3564L11.2393 12.2998C11.2372 12.2977 11.2345 12.296 11.2324 12.2939C11.2303 12.2919 11.2286 12.2892 11.2266 12.2871L11.1826 12.2432C11.1805 12.2411 11.1779 12.2394 11.1758 12.2373C11.1737 12.2352 11.172 12.2326 11.1699 12.2305L11.1387 12.1992C11.1366 12.1971 11.1339 12.1954 11.1318 12.1934C11.1298 12.1913 11.128 12.1886 11.126 12.1865L11.1074 12.168C11.1054 12.1659 11.1027 12.1642 11.1006 12.1621C11.0985 12.16 11.0968 12.1574 11.0947 12.1553L10.8447 11.9053C10.8426 11.9032 10.84 11.9015 10.8379 11.8994C10.8358 11.8973 10.8341 11.8947 10.832 11.8926L10.8135 11.874C10.8114 11.872 10.8087 11.8702 10.8066 11.8682C10.8046 11.8661 10.8029 11.8634 10.8008 11.8613L10.7695 11.8301C10.7675 11.828 10.7648 11.8263 10.7627 11.8242C10.7606 11.8221 10.7589 11.8195 10.7568 11.8174L10.7129 11.7734C10.7108 11.7713 10.7081 11.7697 10.7061 11.7676C10.704 11.7655 10.7023 11.7628 10.7002 11.7607L10.6436 11.7041C10.6415 11.702 10.6388 11.7003 10.6367 11.6982C10.6346 11.6961 10.633 11.6935 10.6309 11.6914C10.6288 11.6893 10.6261 11.6876 10.624 11.6855C10.6219 11.6834 10.6203 11.6808 10.6182 11.6787C10.6161 11.6766 10.6134 11.6749 10.6113 11.6729C10.6092 11.6708 10.6076 11.6681 10.6055 11.666C10.6034 11.6639 10.6007 11.6622 10.5986 11.6602C10.5965 11.6581 10.5949 11.6554 10.5928 11.6533C10.5907 11.6512 10.588 11.6495 10.5859 11.6475C10.5838 11.6454 10.5822 11.6427 10.5801 11.6406C10.578 11.6385 10.5753 11.6369 10.5732 11.6348C10.5711 11.6327 10.5695 11.63 10.5674 11.6279C10.5653 11.6258 10.5627 11.6242 10.5605 11.6221C10.5584 11.62 10.5568 11.6173 10.5547 11.6152C10.5526 11.6131 10.55 11.6115 10.5479 11.6094C10.5458 11.6073 10.5441 11.6046 10.542 11.6025L10.4844 11.5449C10.4823 11.5428 10.4797 11.5412 10.4775 11.5391C10.4754 11.537 10.4738 11.5343 10.4717 11.5322L10.3877 11.4482C10.3856 11.4461 10.383 11.4445 10.3809 11.4424C10.3788 11.4403 10.3771 11.4377 10.375 11.4355L10.3682 11.4287C10.3661 11.4266 10.3634 11.4249 10.3613 11.4229C10.3592 11.4207 10.3576 11.4181 10.3555 11.416L10.3291 11.3896C10.327 11.3876 10.3244 11.3859 10.3223 11.3838C10.3202 11.3817 10.3185 11.3791 10.3164 11.377L10.3096 11.3701C10.3075 11.368 10.3048 11.3664 10.3027 11.3643C10.3006 11.3622 10.299 11.3595 10.2969 11.3574L10.1641 11.2246C10.162 11.2225 10.1593 11.2209 10.1572 11.2188C10.1551 11.2166 10.1535 11.214 10.1514 11.2119L10.1104 11.1709C10.1083 11.1688 10.1056 11.1671 10.1035 11.165C10.1014 11.1629 10.0998 11.1603 10.0977 11.1582L9.94043 11.001C9.93813 10.9987 9.93493 10.9964 9.93262 10.9941C9.93033 10.9919 9.92807 10.9886 9.92578 10.9863L9.84961 10.9102C9.84729 10.9078 9.84413 10.9056 9.8418 10.9033C9.83945 10.901 9.83731 10.8979 9.83496 10.8955L9.82129 10.8818C9.81894 10.8795 9.81583 10.8773 9.81348 10.875C9.81112 10.8726 9.809 10.8696 9.80664 10.8672L9.71387 10.7744C9.71148 10.772 9.70844 10.77 9.70605 10.7676C9.70365 10.7652 9.70162 10.7622 9.69922 10.7598L9.67773 10.7383C8.66175 11.528 7.38646 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0ZM6 1.5C3.51472 1.5 1.5 3.51472 1.5 6C1.5 8.48528 3.51472 10.5 6 10.5C8.48528 10.5 10.5 8.48528 10.5 6C10.5 3.51472 8.48528 1.5 6 1.5Z' fill='%23252220'/%3E%3C/svg%3E%0A");
}

.header-container .header__nav-container .btn {
  margin-top: 56px;
  width: 100%;
}

/*  */

/* menu hamburger */

/*  */

/* .menu_open_close {
  cursor: pointer;
  width: 50px;
  height: 20px;
  position: relative;
  margin: 0 auto;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  z-index: 150;
  display: none
  &.open span:nth-child(4),
  &.open span:nth-child(1) {
    top: 18px;
    width: 0;
    left: 50%
  }
  &.open span:nth-child(2) {
    transform: rotate(45deg)
  }
  &.open span:nth-child(3) {
    transform: rotate(-45deg)
  }
  & span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #40464a;
    border-radius: 0;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    &:nth-child(1) {
      top: 0
    }
    &:nth-child(2),
    &:nth-child(3){
      top: 8px
    }
    &:nth-child(4) {
      top: 16px
    }

  }
}
*/

/* Core */

.footer__top {
  background: var(--color-charcoal);
  padding: 75px 0 40px;
}

.footer__bottom {
  background: var(--color-dark);
  padding: 48px 0;
}

.footer_nav {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding: 0 72px 0 36px;
  position: relative;
}

.footer_nav .menu {
  font-weight: 400;
  font-size: 28px;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--color-cream);
}

.footer_nav .menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
}

.footer_nav .menu li a {
  color: var(--color-cream);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.footer_nav .menu li a:hover {
  border-color: var(--color-cream);
}

.footer_nav .social {
  margin-left: auto;
  font-weight: 400;
  font-size: 21px;
  line-height: 110%;
}

.footer_nav .social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer_nav .social li a {
  color: var(--color-cream);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.footer_nav .social li a:hover {
  border-color: var(--color-cream);
}

.footer_logo {
  margin-top: 96px;
}

.footer_logo img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.footer_copyright {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}

.footer_copyright .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--color-cream);
  opacity: 0.8;
}

.footer_copyright .logo {
  margin-left: auto;
  display: flex;
  gap: 50px;
  align-items: center;
  opacity: 0.5;
}

.footer .back {
  --color: var(--color-green);
  top: -100px;
  right: 0;
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: var(--color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer .back svg {
  animation: arrowBounceUp 2s ease-in-out infinite;
  will-change: transform;
}

.footer .back:hover svg {
  animation-play-state: paused;
}

@keyframes arrowBounceUp {
  0%, 100% {
    transform: translateY(1px);
  }

  50% {
    transform: translateY(-3px);
  }
}

/* Elements */

/* Core */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 32px 12px 32px;
  font-family: "DigitalSans", sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: var(--color-blue);
  color: var(--color-white);
}

.btn.btn--icon-arrow::after {
  content: "";
  width: 10px;
  height: 16px;
  position: relative;
  top: -2px;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.848633 0.848633L7.84863 7.84863L0.848633 14.8486' stroke='black' stroke-width='2.4'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.848633 0.848633L7.84863 7.84863L0.848633 14.8486' stroke='black' stroke-width='2.4'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  transition: all 0.4s ease-in-out;
  will-change: transform;
}

.btn:hover {
  opacity: 0.9;
}

.btn:hover.btn--icon-arrow::after {
  transform: translateX(8px);
}

.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.btn--black {
  background-color: var(--color-black);
  color: var(--color-white);
}

.btn--black.btn--icon-arrow::after {
  background-color: var(--color-white);
}

.btn--black:hover {
  background-color: var(--color-charcoal);
}

.btn--charcoal {
  background-color: var(--color-charcoal);
  color: var(--color-white);
}

.btn--charcoal:hover {
  background-color: var(--color-black);
}

.btn--green {
  background-color: var(--color-green);
  color: var(--color-black);
  border-color: var(--color-charcoal);
}

.btn--green.btn--icon-arrow::after {
  background-color: var(--color-black);
}

.btn--green:hover {
  opacity: 0.9;
}

.btn--orange {
  background-color: var(--color-orange);
  color: var(--color-white);
}

.btn--orange:hover {
  opacity: 0.9;
}

.btn--pink {
  background-color: var(--color-pink);
  color: var(--color-black);
}

.btn--pink:hover {
  opacity: 0.9;
}

.btn--fuchsia {
  background-color: var(--color-fuchsia);
  color: var(--color-charcoal);
}

.btn--fuchsia.btn--icon-arrow::after {
  background-color: var(--color-charcoal);
}

.btn--fuchsia:hover {
  opacity: 0.9;
}

.btn--white {
  background-color: var(--color-white);
  color: var(--color-black);
  border-color: var(--color-grey);
}

.btn--white.btn--icon-arrow::after {
  background-color: var(--color-green);
}

.btn--white:hover {
  background-color: var(--color-light-grey);
}

.btn--black {
  background-color: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
}

.btn--black.btn--icon-arrow::after {
  background-color: var(--color-green);
}

.btn--black:hover {
  background-color: var(--color-black);
}

.btn--outline {
  background-color: transparent;
  border: 1px solid var(--color-blue);
  color: var(--color-blue);
}

.btn--outline:hover {
  background-color: var(--color-blue);
  color: var(--color-white);
}

.btn--outline-black {
  background-color: transparent;
  border: 1px solid var(--color-black);
  color: var(--color-black);
}

.btn--outline-black:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}

.btn--outline-white {
  background-color: transparent;
  border: 1px solid var(--color-white);
  color: var(--color-white);
}

.btn--outline-white:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}

.btn--link {
  background: transparent;
  border: 1px solid transparent;
  color: var(--color-charcoal);
  padding: 0;
}

/* Core */

.hero-section {
  position: relative;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  background-color: var(--color-charcoal);
}

.hero__media {
  position: absolute;
  inset: 0;
}

.hero__img,
.hero__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.hero__video {
  -o-object-position: center;
  object-position: center;
}

/* Core */

.text-section {
  padding: 190px 0 193px;
  background: var(--color-light-grey);
  min-height: 100dvh;
  width: 100%;
  display: flex;
  position: relative;
}

.text-container {
  max-width: 1071px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.text-container_title {
  font-weight: 400;
  font-size: 96px;
  line-height: 120%;
  letter-spacing: -2.88px;
  text-align: center;
  color: var(--color-charcoal);
}

.text-container_title h5,
.text-container_title h4,
.text-container_title h3,
.text-container_title h2,
.text-container_title h1 {
  font-weight: 400;
  font-size: 96px;
  line-height: 120%;
  letter-spacing: -2.88px;
  margin: 0 auto;
}

.text-container_control {
  margin-top: 48px;
  text-align: center;
}

/* Core */

.circle-reveal-section {
  overflow: hidden;
}

.circle-reveal {
  position: relative;
  pointer-events: none;
}

.circle-reveal__spacer {
  height: 53vh;
  width: 100%;
}

.circle-reveal__circle {
  position: absolute;
  left: 50%;
  bottom: 25%;
  width: 100vmax;
  height: 100vmax;
  margin-left: -50vmax;
  border-radius: 50%;
  background: var(--color-black);
  transform-origin: 50% 100%;
  will-change: transform;
  opacity: 1;
  pointer-events: none;
}

/* Core */

.animation-section {
  padding: 190px 0 190px;
  background: var(--color-light-grey);
  min-height: 100dvh;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.animation-resource {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.animation-resource video,
.animation-resource img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  will-change: transform;
}

@keyframes arrowBounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

.animation-control {
  position: absolute;
  bottom: 36px;
  text-align: center;
  left: 0;
  right: 0;
}

.animation-control button {
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 0.5s ease;
}

.animation-control button svg {
  animation: arrowBounce 2s ease-in-out infinite;
}

.animation-control button:hover {
  transform: translateY(8px);
}

.animation-control button:hover svg {
  animation-play-state: paused;
}

.animation-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  text-align: center;
  max-width: 1190px;
  z-index: 1;
  position: relative;
}

.animation-container .tl {
  font-weight: 400;
  font-size: 96px;
  line-height: 120%;
  letter-spacing: -2.88px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.animation-container .tl h4,
.animation-container .tl h3,
.animation-container .tl h2,
.animation-container .tl h1 {
  font-weight: 400;
  font-size: 96px;
  line-height: 120%;
  letter-spacing: -2.88px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

/* Core */

.mailing-section {
  background: var(--color-light-grey);
  padding: 72px 0 48px;
}

.mailing-container {
  max-width: 702px;
  width: 100%;
}

.mailing-container_title {
  color: var(--color-charcoal);
  font-weight: 400;
  font-size: 64px;
  line-height: 120%;
  letter-spacing: -1.92px;
}

.mailing-container_title h5,
.mailing-container_title h4,
.mailing-container_title h3,
.mailing-container_title h2,
.mailing-container_title h1 {
  font-weight: 400;
  font-size: 64px;
  line-height: 120%;
  letter-spacing: -1.92px;
  margin: 0;
}

.mailing-container_form {
  margin-top: 36px;
  display: flex;
  gap: 16px 4px;
}

.mailing-container_form .form-group {
  width: 100%;
}

.mailing-container_form input {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 1;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #8B898A;
  padding: 15px 45px 13px 10px;
  background: var(--color-white);
  height: 100%;
}

.mailing-container_form button {
  text-transform: uppercase;
  min-width: 181px;
}

/* Core */

.get-involved-section {
  overflow: hidden;
  background: var(--color-light-grey);
  padding: 120px 0 72px;
}

.get-involved__title {
  margin-bottom: 36px;
  max-width: 702px;
}

.get-involved__title h5,
.get-involved__title h4,
.get-involved__title h3,
.get-involved__title h2,
.get-involved__title h1 {
  font-weight: 500;
  font-size: 56px;
  line-height: 120%;
  letter-spacing: -3.36px;
  text-transform: uppercase;
  margin: 0;
}

.get-involved__title span {
  margin-top: 12px;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  display: block;
  letter-spacing: initial;
}

.get-involved__control {
  margin-top: 48px;
}

.get-involved-swiper .swiper-slide {
  height: auto;
}

.get-involved-swiper__item {
  height: 100%;
  color: var(--color-charcoal);
  background-color: var(--color-light-grey);
  display: flex;
  flex-direction: column;
  position: relative;
}

.get-involved-swiper__item a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.get-involved-swiper__item .pic {
  aspect-ratio: 1/1;
}

.get-involved-swiper__item .pic svg,
.get-involved-swiper__item .pic img {
  height: 100%;
  width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.get-involved-swiper__item .text {
  padding: 0 24px 24px;
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  margin-top: auto;
}

.get-involved-swiper__item .text h6,
.get-involved-swiper__item .text h5,
.get-involved-swiper__item .text h4,
.get-involved-swiper__item .text h3,
.get-involved-swiper__item .text h2,
.get-involved-swiper__item .text h1 {
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
}

.get-involved-swiper__item .text p {
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  margin: 0;
  padding: 0;
}

/* Core */

.whats-on-section {
  background: var(--color-white);
  padding: 96px 0 72px;
}

.whats-on__title {
  margin-bottom: 36px;
  max-width: 702px;
}

.whats-on__title h5,
.whats-on__title h4,
.whats-on__title h3,
.whats-on__title h2,
.whats-on__title h1 {
  font-weight: 500;
  font-size: 56px;
  line-height: 120%;
  letter-spacing: -3.36px;
  text-transform: uppercase;
  margin: 0;
}

.whats-on__title span {
  margin-top: 12px;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  display: block;
  letter-spacing: initial;
}

.whats-on__content {
  position: relative;
}

.whats-on__stack {
  display: flex;
  flex-direction: column;
  gap: 36px;
  overflow: hidden;
}

.whats-on__item {
  position: relative;
  box-sizing: border-box;
  z-index: 2;
  will-change: transform;
  height: 750px;
}

.whats-on__item .whats-on__item-container {
  width: 100%;
  height: 100%;
  padding: 30px 32px;
  color: var(--color-white);
  display: flex;
  position: relative;
  overflow: hidden;
  will-change: transform;
}

.whats-on__item .whats-on__item-link-cover {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.whats-on__item .whats-on__item-body {
  position: relative;
  z-index: 2;
}

.whats-on__item .whats-on__item-body .btn {
  color: #fff;
}

.whats-on__item .whats-on__item-meta {
  font-weight: 400;
  font-size: 21px;
  line-height: 120%;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.whats-on__item .whats-on__item-meta .date {
  font-weight: 500;
  text-transform: uppercase;
}

.whats-on__item .whats-on__item-meta .name {
  font-weight: 400;
}

.whats-on__item .whats-on__item-meta-dot {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.whats-on__item .whats-on__item-title {
  font-weight: 500;
  font-size: 96px;
  line-height: 120%;
  letter-spacing: -2.88px;
  max-width: 690px;
  margin: 34px 0 48px;
}

.whats-on__item .whats-on__item-figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.whats-on__item .whats-on__item-figure img,
.whats-on__item .whats-on__item-figure svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.whats-on__control {
  margin-top: 48px;
}

.smooth-wrapper {
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header-height));
  overflow: hidden;
}

.smooth-content {
  width: 100%;
  overflow: visible;
  will-change: transform;
}

/* Core */

.explore-section {
  overflow: hidden;
  background: var(--color-white);
  padding: 120px 0 72px;
}

.explore-section--circle-reveal {
  --circle-radius: 0%;
  --explore-offset-px: 700px;
  position: relative;
  padding: var(--explore-offset-px) 0 72px 0;
  background: var(--color-black);
  clip-path: circle(var(--circle-radius) at 50% var(--explore-offset-px));
}

.explore-section--circle-reveal > .container {
  position: relative;
  z-index: 1;
}

.explore-section--circle-reveal .explore__title {
  color: var(--color-white);
}

.explore-section--circle-reveal .btn--link {
  color: var(--color-white);
}

.explore__title {
  margin-bottom: 36px;
  max-width: 554px;
}

.explore__title h5,
.explore__title h4,
.explore__title h3,
.explore__title h2,
.explore__title h1 {
  font-weight: 500;
  font-size: 56px;
  line-height: 120%;
  letter-spacing: -3.36px;
  text-transform: uppercase;
  margin: 0;
}

.explore__title span {
  margin-top: 12px;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  display: block;
  letter-spacing: initial;
}

.explore__control {
  margin-top: 48px;
}

.explore-big-card {
  position: relative;
  box-sizing: border-box;
  will-change: transform;
  height: 800px;
}

.explore-big-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 36px;
}

.explore-big-card__body.bottom {
  align-items: flex-end;
}

.explore-big-card__body-meta {
  max-width: 670px;
}

.explore-big-card__body .curator {
  font-weight: 400;
  font-size: 72px;
  line-height: 120%;
  letter-spacing: -0.72px;
  color: var(--color-charcoal);
  margin: 0;
}

.explore-big-card__body .title {
  margin-top: 52px;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 96px;
  line-height: 130%;
  letter-spacing: -2.88px;
  color: var(--color-light-grey);
}

.explore-big-card__figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.explore-big-card__figure img,
.explore-big-card__figure svg {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.explore-list-slider {
  margin-top: 36px;
}

.explore-cards-swiper {
  overflow: hidden;
}

.explore-cards-swiper .swiper-wrapper {
  align-items: stretch;
}

.explore-cards-swiper .swiper-slide {
  height: auto;
}

.explore-card {
  display: block;
  position: relative;
  aspect-ratio: 1/1;
  height: auto;
  background: var(--color-white);
  text-decoration: none;
  color: var(--color-white);
  overflow: hidden;
}

.explore-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 40%, transparent 60%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 1;
  pointer-events: none;
}

.explore-card__category {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

.explore-card__title {
  position: absolute;
  left: 16px;
  bottom: 16px;
  right: 16px;
  z-index: 2;
  margin: 0;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  vertical-align: bottom;
  letter-spacing: -0.32px;
}

.explore-card__figure {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.explore-card__figure img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.explore-filter {
  margin-top: 36px;
}

/* Core */

.category-filters__container {
  width: 100%;
  padding-bottom: 5px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

.category-filters__container::-webkit-scrollbar {
  height: 3px;
}

.category-filters__container::-webkit-scrollbar-track {
  background: transparent;
}

.category-filters__container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}

.category-filters__container::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}

.category-filters__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}

.category-filters__link {
  flex: 1 1 0;
  min-width: -moz-min-content;
  min-width: min-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  background: #ffffff;
  border: 1px solid #8b898a;
  font-weight: 500;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  height: 114px;
}

.category-filters__link:hover {
  border-color: currentColor;
}

/* Core */

.support-us_container {
  display: flex;
  justify-content: center;
}

.support-us_item {
  background-repeat: no-repeat;
  background-position: right 50% center;
  background-size: cover;
  width: 50%;
  min-height: 800px;
  position: relative;
}

.support-us_item:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.support-us_item:first-child .support-us_item-container {
  margin-left: auto;
  position: relative;
  z-index: 1;
}

.support-us_item-container {
  max-width: 756px;
  width: 100%;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.support-us__description {
  padding: 90px 0 70px;
  display: flex;
  flex-direction: column;
  color: #fff;
  height: 100%;
}

.support-us__description-title h6,
.support-us__description-title h5,
.support-us__description-title h4,
.support-us__description-title h3,
.support-us__description-title h2,
.support-us__description-title h1 {
  font-weight: 500;
  font-size: 56px;
  line-height: 120%;
  letter-spacing: -3.36px;
  text-transform: uppercase;
  margin-bottom: 24px;
  margin-top: 0;
}

.support-us__description-title span {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  display: block;
  color: var(--color-light-grey);
  max-width: 460px;
}

.support-us__description-control {
  margin-top: auto;
}

.support-us_item-review {
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 500px;
  justify-self: center;
  overflow: hidden;
}

.support-us-swiper {
  width: 100%;
  overflow: initial;
  padding: 90px 0;
  box-sizing: content-box;
}

.support-us-swiper:hover .swiper-button-prev,
.support-us-swiper:hover .swiper-button-next {
  opacity: 1;
}

.support-us-swiper:hover .swiper-button-prev.swiper-button-disabled,
.support-us-swiper:hover .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
}

.support-us-swiper__item {
  color: var(--color-charcoal);
  width: 100%;
}

.support-us-swiper__item .text {
  font-weight: 400;
  font-size: 36px;
  line-height: 150%;
  letter-spacing: -1.08px;
}

.support-us-swiper__item .auth {
  font-weight: 500;
  font-size: 21px;
  line-height: 150%;
  margin-top: 36px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.support-us-swiper__item .auth i {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  background: var(--color-light-grey);
  position: relative;
  top: -2px;
}

.support-us-swiper .swiper-button-prev,
.support-us-swiper .swiper-button-next {
  --swiper-navigation-sides-offset: 30px;
  width: 72px;
  height: 40px;
  opacity: 0;
  transition: all 0.3s ease;
}

.support-us-swiper .swiper-button-prev svg,
.support-us-swiper .swiper-button-next svg {
  fill: transparent;
}

.support-us-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.support-us-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.support-us-swiper .swiper-wrapper {
  height: initial;
  transition-timing-function: ease;
}

/* @import 'meyer-reset'; */

/* @import 'modern-reset'; */

/* @import 'sanitize'; */

/* @import 'sanitize-forms'; */

/* @import 'sanitize-typography'; */

/* @import 'reboot'; */

/* To include Bootstrap in the main bundle, uncomment the following line. */

/* @import "../vendor/bootstrap/bootstrap"; */

@media only screen and (min-width: 768px) {
  .container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .support-us_item-container {
    padding-left: 36px;
    padding-right: 36px;
  }
}

@media only screen and (max-width: 1199px) {
  .wrapper {
    width: 990px;
  }

  .header-container .header__nav-container .nav {
    font-size: 46px;
    letter-spacing: -2.76px;
  }
}

@media only screen and (max-width: 1024px) {
  .get-involved-swiper {
    overflow: visible;
  }
}

@media only screen and (max-width: 991px) {
  .wrapper {
    width: 768px;
  }

  .header-container .header__nav-container .nav {
    width: calc(100% - 135px - 50px);
    font-size: 36px;
    letter-spacing: -2.16px;
  }

  .footer__top {
    padding: 72px 0 20px;
  }

  .footer__bottom {
    padding: 32px 0 24px;
  }

  .footer_nav .menu {
    font-weight: 400;
    font-size: 21px;
  }

  .footer_nav .social {
    font-size: 16px;
    margin: 0;
  }

  .footer_nav .social ul {
    gap: 16px;
  }

  .footer_copyright {
    flex-direction: column;
    gap: 31px;
  }

  .footer_copyright .text {
    text-align: center;
    font-size: 14px;
  }

  .footer_copyright .logo {
    gap: 17px;
    order: -1;
    width: 100%;
    margin: auto;
    text-align: center;
    justify-content: center;
  }

  .footer_copyright .logo img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  .get-involved-swiper__item .text h6,
  .get-involved-swiper__item .text h5,
  .get-involved-swiper__item .text h4,
  .get-involved-swiper__item .text h3,
  .get-involved-swiper__item .text h2,
  .get-involved-swiper__item .text h1 {
    margin-bottom: 8px;
    font-size: 24px;
    letter-spacing: -0.24px;
  }

  .get-involved-swiper__item .text p {
    font-size: 16px;
  }

  .whats-on__item {
    height: 550px;
  }

  .whats-on__item .whats-on__item-meta {
    font-size: 16px;
    line-height: 120%;
    flex-wrap: wrap;
  }

  .whats-on__item .whats-on__item-title {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -1.44px;
  }

  .explore-big-card {
    height: 500px;
  }

  .explore-big-card {
    height: 450px;
  }

  .explore-big-card__body {
    padding: 16px;
  }

  .explore-big-card__body .curator {
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -0.36px;
  }

  .explore-big-card__body .title {
    font-size: 44px;
    line-height: 120%;
    letter-spacing: -1.32px;
  }

  .category-filters__list {
    gap: 12px;
  }

  .category-filters__link {
    height: auto;
    border-radius: 30px;
    border: 1px solid #E1E1E2;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.32px;
    text-transform: none;
    padding: 10px 18px 9px;
  }

  .support-us_item {
    min-height: 600px;
  }

  .support-us__description-title h6,
  .support-us__description-title h5,
  .support-us__description-title h4,
  .support-us__description-title h3,
  .support-us__description-title h2,
  .support-us__description-title h1 {
    font-size: 28px;
    letter-spacing: -1.68px;
  }

  .support-us__description-title span {
    font-size: 18px;
  }

  .support-us-swiper__item .text {
    font-size: 24px;
    letter-spacing: -0.72px;
  }

  .support-us-swiper .swiper-button-prev,
  .support-us-swiper .swiper-button-next {
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --header-height: 60px;
  }

  .wrapper {
    width: 100%;
  }

  .header-container {
    height: 60px;
    padding: 5px 0;
  }

  .header-container .header__logo {
    width: 172px;
  }

  .header-container .header__control {
    gap: 16px;
    left: 10px;
    position: relative;
  }

  .header-container .header__nav-top {
    height: 60px;
    padding: 15px 0;
  }

  .header-container .header__nav-top .logo {
    width: 172px;
  }

  .header-container .header__nav-container .container {
    flex-direction: column;
    gap: 16px;
  }

  .header-container .header__nav-container .nav {
    font-size: 21px;
    letter-spacing: -1.26px;
    width: 100%;
  }

  .header-container .header__nav-container .nav ul {
    gap: 21px;
  }

  .header-container .header__nav-container .control {
    width: 100%;
  }

  .header-container .header__nav-container .social {
    display: none;
  }

  .header-container .header__nav-container .search {
    margin-top: 32px;
  }

  .header-container .header__nav-container .btn {
    margin-top: 32px;
  }

  .footer_nav {
    padding: 0;
    flex-direction: column;
  }

  .footer_nav .menu ul {
    gap: 16px;
  }

  .footer_logo {
    margin-top: 48px;
  }

  .footer .back {
    position: relative;
    margin: -48px 0 -48px auto;
    top: 0;
  }

  .btn {
    font-size: 16px;
    letter-spacing: 0.32px;
  }

  .text-section {
    padding: 156px 0;
  }

  .text-container_title {
    font-size: 48px;
    letter-spacing: -1.44px;
  }

  .text-container_title h5,
  .text-container_title h4,
  .text-container_title h3,
  .text-container_title h2,
  .text-container_title h1 {
    font-size: 48px;
    letter-spacing: -1.44px;
  }

  .animation-section {
    padding: 156px 0;
  }

  .animation-container .tl {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -1.92px;
  }

  .animation-container .tl h4,
  .animation-container .tl h3,
  .animation-container .tl h2,
  .animation-container .tl h1 {
    font-size: 64px;
    letter-spacing: -1.92px;
    line-height: 110%;
  }

  .mailing-section {
    padding-top: 96px;
  }

  .mailing-container_title {
    font-size: 32px;
    letter-spacing: -0.96px;
  }

  .mailing-container_title h5,
  .mailing-container_title h4,
  .mailing-container_title h3,
  .mailing-container_title h2,
  .mailing-container_title h1 {
    font-size: 32px;
    letter-spacing: -0.96px;
  }

  .mailing-container_form {
    margin-top: 24px;
    flex-direction: column;
  }

  .mailing-container_form button {
    width: 100%;
  }

  .get-involved-section {
    padding: 56px 0 48px;
  }

  .get-involved__title {
    margin-bottom: 32px;
    font-size: 28px;
    letter-spacing: -1.68px;
  }

  .get-involved__title h5,
  .get-involved__title h4,
  .get-involved__title h3,
  .get-involved__title h2,
  .get-involved__title h1 {
    font-size: 28px;
    letter-spacing: -1.68px;
  }

  .get-involved__title span {
    font-size: 19px;
    letter-spacing: initial;
  }

  .get-involved__control {
    text-align: center;
    margin-top: 45px;
  }

  .get-involved-swiper__item .text {
    padding: 0 12px 12px;
  }

  .whats-on-section {
    padding: 56px 0 48px;
  }

  .whats-on__title {
    margin-bottom: 32px;
    font-size: 28px;
    letter-spacing: -1.68px;
  }

  .whats-on__title h5,
  .whats-on__title h4,
  .whats-on__title h3,
  .whats-on__title h2,
  .whats-on__title h1 {
    font-size: 28px;
    letter-spacing: -1.68px;
  }

  .whats-on__title span {
    font-size: 19px;
    letter-spacing: initial;
  }

  .whats-on__stack {
    gap: 16px;
  }

  .whats-on__item {
    min-height: 452px;
    height: auto;
    display: flex;
  }

  .whats-on__item .whats-on__item-container {
    height: initial;
    padding: 16px;
  }

  .whats-on__item .whats-on__item-meta .date {
    width: 100%;
  }

  .whats-on__item .whats-on__item-meta-dot {
    top: -2px;
    position: relative;
  }

  .whats-on__control {
    text-align: center;
    margin-top: 45px;
  }

  .explore-section {
    padding: 56px 0 48px;
  }

  .explore-section--circle-reveal {
    --explore-offset-px: 400px;
  }

  .explore-section--circle-reveal {
    padding: var(--explore-offset-px) 0 48px 0;
  }

  .explore__title {
    margin-bottom: 32px;
    font-size: 28px;
    letter-spacing: -1.68px;
  }

  .explore__title h5,
  .explore__title h4,
  .explore__title h3,
  .explore__title h2,
  .explore__title h1 {
    font-size: 28px;
    letter-spacing: -1.68px;
  }

  .explore__title span {
    font-size: 19px;
    letter-spacing: initial;
  }

  .explore__control {
    text-align: center;
  }

  .explore-list-slider {
    margin-top: 32px;
  }

  .explore-card__category {
    font-size: 14px;
    top: 8px;
    left: 8px;
  }

  .explore-card__title {
    left: 8px;
    bottom: 8px;
    right: 8px;
    font-size: 24px;
  }

  .explore-filter {
    margin-top: 48px;
  }

  .support-us_container {
    flex-direction: column;
  }

  .support-us_item {
    min-height: 452px;
    width: 100%;
    display: flex;
  }

  .support-us_item-container {
    height: initial;
  }

  .support-us__description {
    padding: 48px 0 16px;
  }
}

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    /* Black prints faster */
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */

  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*# sourceMappingURL=style.css.map */