:root {
  --color-white: #fff;
  --color-bg: #000;
  --color-background: hsla(calc(var(--h) + 0), calc(var(--s) * 0.2 * 1%), calc(var(--l) / 2 * 1%));
  --color-primary: hsla(var(--h), calc(var(--s) * 1%), calc(var(--l) * 1%));
  --color-primary-dark: hsla(calc(var(--h) + 1), calc(var(--s) * 0.65 * 1%), calc(var(--l) / 1.05 * 1%));
  --color-primary-darkness: hsla(calc(var(--h) + 0), calc(var(--s) * 0.2 * 1%), calc(var(--l) / 2 * 1%));
  --color-primary-saturation: hsla(calc(var(--h) + 5), calc(var(--s) * 0.92 * 1%), calc(var(--l) / 1.36 * 1%));
  --bacgkround-black-button: #212121;
  --error-color: #da1515;
  --backdrop-blur: 20px;
  --modal-radius: 1.875rem;
  --background-color-header-link-hover: white;
  --background-color-header-button: rgba(255, 255, 255, 0.7);
  --background-color-header-button-hover: white;
  --background-color-header-tel: rgba(255, 255, 255, 0.3);
  --background-color-header-tel-hover: rgba(255, 255, 255, 0.5);
  --color-footer-social-link-hover: black;
  --background-color-footer-social-link-hover: white;
  --background-color-footer-button-hover: white;
  --color-footer-button-hover: black;
  --clip-offset: 0px;
  --font-size--h1: clamp(2rem, 50 / 768 * 100vw, 3.125rem);
  --font-size--h2: clamp(2rem, 70 / 1710 * 100vw, 4.375rem);
  --font-size--h3: clamp(1.5rem, 60 / 1710 * 100vw, 3.75rem);
  --font-size--h4: clamp(2rem, 50 / 1710 * 100vw, 3.125rem);
  --font-size--h5: clamp(1.5rem, 44 / 1710 * 100vw, 2.75rem);
  --font-size--h6: clamp(1.5rem, 44 / 1710 * 100vw, 2.75rem);
  --font-size--h7: clamp(1.25rem, 44 / 1710 * 100vw, 2.75rem);
  --font-size--h8: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
  --font-size--h9: clamp(1.5rem, 24 / 1710 * 100vw, 1.5rem);
  --font-size--title-1: clamp(1.5rem, 40 / 1710 * 100vw, 2.5rem);
  --font-size--title-2: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  --font-size--title-card-1: clamp(1.375rem, 30 / 1710 * 100vw, 1.875rem);
  --font-size--title-card-2: clamp(1.125rem, 24 / 1710 * 100vw, 1.5rem);
  --font-size--title-card-3: clamp(1.125rem, 20 / 1710 * 100vw, 1.25rem);
  --font-size--title-card-4: clamp(1rem, 18 / 1710 * 100vw, 1.125rem);
  --font-size--text-1: 1.25rem;
  --font-size--text-2: 0.9375rem;
  --font-size--text-3: 0.9375rem;
  --font-size--text-4: 0.875rem;
  --font-size--footer-text: clamp(0.875rem, 18 / 1710 * 100vw, 1.125rem);
  --font-size--tag: 0.8125rem;
  --font-size--description: 0.8125rem;
  --font-size--button-1: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  --font-size--button-2: clamp(0.875rem, 16 / 1710 * 100vw, 1rem);
  --font-size--navigation: 0.9375rem;
  --font-size--num-1: clamp(2.5rem, 70 / 1710 * 100vw, 4.375rem);
  --font-size--num-2: clamp(1.5rem, 28 / 1710 * 100vw, 1.75rem);
  --font-size--num-3: 0.75rem;
  --container-width: 1920px;
  --grid-columns: 9;
  --unit: 10px;
  --grid-gutter: var(--unit);
  --grid-margin-small: 30px;
  --grid-margin: 30px;
}
@media (min-width: 1000px) {
  :root {
    --clip-offset: 10px;
  }
}
@media (min-width: 1000px) {
  :root {
    --font-size--h1: clamp(2rem, 80 / 1710 * 100vw, 5rem);
  }
}
@media (min-width: 700px) {
  :root {
    --grid-margin: 40px;
  }
}
@media (min-width: 1200px) {
  :root {
    --grid-margin: 30px;
  }
}
@media (min-width: 1400px) {
  :root {
    --grid-margin: 40px;
  }
}
@media (min-width: 1200px) {
  :root {
    --unit: 8px;
  }
}
@media (min-width: 1000px) {
  :root {
    --font-size--tag: 0.75rem;
    --font-size--description: 0.75rem;
    --font-size--text-3: 1rem;
    --font-size--text-2: 1rem;
    --font-size--text-4: 1rem;
  }
}
@media (min-width: 1400px) {
  :root {
    --font-size--tag: 0.875rem;
    --font-size--description: 0.875rem;
    --font-size--text-3: 1.125rem;
    --font-size--text-2: 1.125rem;
  }
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/**
 * Swiper 11.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 13, 2024
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.ymaps3x0--button {
  display: flex !important;
  align-items: center !important;
  gap: clamp(0.25rem, 8 / 1710 * 100vw, 0.5rem);
  font-size: var(--font-size--button-2) !important;
  line-height: 1.2;
  font-weight: 500;
  transition: color 300ms ease, background-color 300ms ease;
}
.ymaps3x0--button::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%' height='100%' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 2.8a1 1 0 0 1 1 0l4.7 4.7c.2.3.2.7 0 1l-4.7 4.7a.7.7 0 1 1-1-1L11 8.7H3.3a.7.7 0 1 1 0-1.4H11L7.5 3.8a.7.7 0 0 1 0-1Z' fill='black' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: background-image 300ms ease;
}
@media (hover: hover) {
  .ymaps3x0--button:hover {
    color: #fff;
    background-color: #000;
  }
  .ymaps3x0--button:hover::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%' height='100%' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 2.8a1 1 0 0 1 1 0l4.7 4.7c.2.3.2.7 0 1l-4.7 4.7a.7.7 0 1 1-1-1L11 8.7H3.3a.7.7 0 1 1 0-1.4H11L7.5 3.8a.7.7 0 0 1 0-1Z' fill='white' /%3E%3C/svg%3E");
  }
}

html {
  font-size: 16px;
}

img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

::-moz-selection {
  background-color: #f7f7f7;
  color: var(--color-primary-darkness, #000);
  text-shadow: none;
}

::selection {
  background-color: #f7f7f7;
  color: var(--color-primary-darkness, #000);
  text-shadow: none;
}

/* ------ HIDDEN SCROLLBAR ------ */
*::-webkit-scrollbar {
  display: none;
}

* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* ------ >HIDDEN SCROLLBAR ------ */
* {
  -webkit-tap-highlight-color: transparent;
}

/* Define a transition duration during page visits */
/* Define the styles for the unloaded pages */
a:not([data-scroll-to]).w--current {
  pointer-events: none !important;
}

main {
  min-height: 100vh;
}

.o-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  max-width: var(--container-width);
}
.o-container.is-small {
  max-width: clamp(53.25rem, 1440 / 1710 * 100vw, 90rem);
}

/**
 * Usage:
 *
 * ```html
 * <div class="o-grid -col-4 -col-12@from-medium -gutters">
 *     <div class="o-grid_item u-gc-1/2 u-gc-3/9@from-medium">
 *         <p>Hello</p>
 *     </div>
 *     <div class="o-grid_item u-gc-3/4 u-gc-9/13@from-medium">
 *         <p>Hello</p>
 *     </div>
 * </div>
 * ```
 */
.o-grid {
  display: grid;
  width: 100%;
}
.o-grid:is(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}
.o-grid.is-cols {
  grid-template-columns: repeat(var(--grid-columns), 1fr);
}
.o-grid.is-col-12 {
  grid-template-columns: repeat(12, 1fr);
}
.o-grid.is-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.o-grid.is-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1000px) {
  .o-grid.is-col-12-from-medium {
    grid-template-columns: repeat(12, 1fr);
  }
}
.o-grid.is-gutters {
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}
.o-grid.is-full-height {
  height: 100%;
}
.o-grid.is-top-items {
  align-items: start;
}
.o-grid.is-right-items {
  justify-items: end;
}
.o-grid.is-bottom-items {
  align-items: end;
}
.o-grid.is-left-items {
  justify-items: start;
}
.o-grid.is-center-items {
  align-items: center;
  justify-items: center;
}
.o-grid.is-center-items-x {
  justify-items: center;
}
.o-grid.is-center-items-y {
  align-items: center;
}
.o-grid.is-stretch-items {
  align-items: stretch;
  justify-items: stretch;
}
.o-grid.is-top-cells {
  align-content: start;
}
.o-grid.is-right-cells {
  justify-content: end;
}
.o-grid.is-bottom-cells {
  align-content: end;
}
.o-grid.is-left-cells {
  justify-content: start;
}
.o-grid.is-center-cells {
  align-content: center;
  justify-content: center;
}
.o-grid.is-center-cells-x {
  justify-content: center;
}
.o-grid.is-center-cells-y {
  align-content: center;
}
.o-grid.is-stretch-cells {
  align-content: stretch;
  justify-content: stretch;
}
.o-grid.is-space-around-cells {
  align-content: space-around;
  justify-content: space-around;
}
.o-grid.is-space-around-cells-x {
  justify-content: space-around;
}
.o-grid.is-space-around-cells-y {
  align-content: space-around;
}
.o-grid.is-space-between-cells {
  justify-content: space-between;
  align-content: space-between;
}
.o-grid.is-space-between-cells-x {
  justify-content: space-between;
}
.o-grid.is-space-between-cells-y {
  align-content: space-between;
}
.o-grid.is-space-evenly-cells {
  justify-content: space-evenly;
  align-content: space-evenly;
}
.o-grid.is-space-evenly-cells-x {
  justify-content: space-evenly;
}
.o-grid.is-space-evenly-cells-y {
  align-content: space-evenly;
}

.o-grid_item {
  grid-column-start: var(--gc-start, 1);
  grid-column-end: var(--gc-end, -1);
}
.o-grid_item.is-align-end {
  align-self: end;
}

.o-bg.is-darkest {
  --bg-color: #212121;
}
.o-bg.is-sandest {
  --bg-color: #f0ede8;
}
.o-bg.is-beige {
  --bg-color: #f6f4f1;
}
.o-bg.is-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.o-bg.is-image.-lazy-loaded {
  opacity: 1;
}
.o-bg.is-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: color;
  background: linear-gradient(125deg, var(--color-primary-saturation), var(--color-primary));
}

.o-bg {
  --bg-color: #fff;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background-color: var(--bg-color);
}

.o-scroll {
  position: relative;
}

html:not(.wf-design-mode, .is-ready) [data-module-split] {
  opacity: 0;
}

.o-anim-text {
  --line-total: 1;
  --line-index: 0;
  --anim-text-in-duration: 0.6s;
  --anim-text-in-easing: $ease-power2-out;
  --anim-text-in-delay: 0s;
  --anim-text-out-duration: calc(0.5 * var(--anim-text-in-duration));
  --anim-text-out-easing: $ease-power2-out;
  --anim-text-out-delay: 0s;
  opacity: 1;
}

html.is-ready .o-anim-text[data-scroll].is-inview.-lines .word_inner,
html.is-ready .is-inview .o-anim-text:not([data-scroll]).-lines .word_inner,
html.is-ready #modal:not(.is-animating) .o-anim-text:not([data-scroll]).-lines .word_inner {
  transform: translate(0);
  transition-delay: calc(100ms * var(--line-index) + var(--anim-text-in-delay));
}

.o-anim-text.-lines .word_inner {
  transform: translate(0, 100%);
  transition-delay: calc(50ms * (var(--line-total) - var(--line-index) - 1) + var(--anim-text-out-delay));
}

.o-anim-text .word {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}

.o-anim-text .word_inner {
  display: inline-flex;
}

html.is-ready .o-anim-text[data-scroll].is-inview.-lines .word_inner,
html.is-ready .is-inview .o-anim-text:not([data-scroll]).-lines .word_inner,
html.is-ready .o-anim-text:not([data-scroll]).-lines .word_inner {
  transition-timing-function: var(--anim-text-in-easing);
  transition-property: transform;
  transition-duration: var(--anim-text-in-duration);
}

.u-screen-reader-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

.u-underline-link {
  position: relative;
}
.u-underline-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  transform-origin: right;
}
.c-header .w--current .u-underline-link::before {
  transform: scaleX(1);
  transform-origin: left;
}
.u-underline-link.is-reverse::before {
  transform: scaleX(1);
}
@media (hover: hover) {
  .u-underline-link:hover::before {
    transform-origin: left;
    transform: scaleX(1);
  }
  .u-underline-link.is-reverse:hover::before {
    transform: scaleX(0);
  }
}

@media (hover: hover) {
  .u-underline-link_block:hover:not(.is-disabled, [disabled]) .u-underline-link_text::before {
    transform: scaleX(1);
    transform-origin: left;
  }
}

.u-underline-link_text {
  position: relative;
}
.u-underline-link_text::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  transform-origin: right;
}
.c-header .w--current .u-underline-link_text::before {
  transform: scaleX(1);
  transform-origin: left;
}

.w-richtext ol,
.w-richtext ul {
  overflow: visible !important;
}

@media (max-width: 799px) {
  .u-offset-container {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .u-offset-container {
    --grid-offset: 10px;
  }
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-margin-small-top {
  margin-top: clamp(1rem, 24 / 1440 * 100vw, 1.5rem);
}
.u-margin-small-bottom {
  margin-bottom: clamp(1rem, 20 / 1440 * 100vw, 1.25rem);
}
.u-margin-medium-top {
  margin-top: clamp(1.25rem, 40 / 1440 * 100vw, 2.5rem);
}
.u-margin-medium-bottom {
  margin-bottom: clamp(1.25rem, 40 / 1440 * 100vw, 2.5rem);
}
.u-margin-xmedium-top {
  margin-top: clamp(1.25rem, 80 / 1440 * 100vw, 5rem);
}
.u-margin-xmedium-bottom {
  margin-bottom: clamp(1.25rem, 80 / 1440 * 100vw, 5rem);
}
.u-margin-large-top {
  margin-top: clamp(5rem, 250 / 1440 * 100vw, 15.625rem);
}
.u-margin-large-bottom {
  margin-bottom: clamp(5rem, 250 / 1440 * 100vw, 15.625rem);
}
.u-margin-huge-top {
  margin-top: clamp(6.25rem, 300 / 1440 * 100vw, 18.75rem);
}
.u-margin-huge-bottom {
  margin-bottom: clamp(6.25rem, 300 / 1440 * 100vw, 18.75rem);
}

.u-padding-medium-top {
  padding-top: clamp(1.25rem, 40 / 1440 * 100vw, 2.5rem);
}
.u-padding-medium-bottom {
  padding-bottom: clamp(1.25rem, 40 / 1440 * 100vw, 2.5rem);
}
.u-padding-large-top {
  padding-top: clamp(5rem, 250 / 1440 * 100vw, 15.625rem);
}
.u-padding-large-bottom {
  padding-bottom: clamp(5rem, 250 / 1440 * 100vw, 15.625rem);
}
.u-padding-huge-top {
  padding-top: clamp(6.25rem, 300 / 1440 * 100vw, 18.75rem);
}
.u-padding-huge-bottom {
  padding-bottom: clamp(6.25rem, 300 / 1440 * 100vw, 18.75rem);
}

.u-gc-1-1 {
  --gc-start: 1;
  --gc-end: 1;
}

.u-gc-1-2 {
  --gc-start: 1;
  --gc-end: 2;
}

.u-gc-1-3 {
  --gc-start: 1;
  --gc-end: 3;
}

.u-gc-1-4 {
  --gc-start: 1;
  --gc-end: 4;
}

.u-gc-1-5 {
  --gc-start: 1;
  --gc-end: 5;
}

.u-gc-1-6 {
  --gc-start: 1;
  --gc-end: 6;
}

.u-gc-1-7 {
  --gc-start: 1;
  --gc-end: 7;
}

.u-gc-1-8 {
  --gc-start: 1;
  --gc-end: 8;
}

.u-gc-1-9 {
  --gc-start: 1;
  --gc-end: 9;
}

.u-gc-1-10 {
  --gc-start: 1;
  --gc-end: 10;
}

.u-gc-1-11 {
  --gc-start: 1;
  --gc-end: 11;
}

.u-gc-1-12 {
  --gc-start: 1;
  --gc-end: 12;
}

.u-gc-1-13 {
  --gc-start: 1;
  --gc-end: 13;
}

.u-gc-2-1 {
  --gc-start: 2;
  --gc-end: 1;
}

.u-gc-2-2 {
  --gc-start: 2;
  --gc-end: 2;
}

.u-gc-2-3 {
  --gc-start: 2;
  --gc-end: 3;
}

.u-gc-2-4 {
  --gc-start: 2;
  --gc-end: 4;
}

.u-gc-2-5 {
  --gc-start: 2;
  --gc-end: 5;
}

.u-gc-2-6 {
  --gc-start: 2;
  --gc-end: 6;
}

.u-gc-2-7 {
  --gc-start: 2;
  --gc-end: 7;
}

.u-gc-2-8 {
  --gc-start: 2;
  --gc-end: 8;
}

.u-gc-2-9 {
  --gc-start: 2;
  --gc-end: 9;
}

.u-gc-2-10 {
  --gc-start: 2;
  --gc-end: 10;
}

.u-gc-2-11 {
  --gc-start: 2;
  --gc-end: 11;
}

.u-gc-2-12 {
  --gc-start: 2;
  --gc-end: 12;
}

.u-gc-2-13 {
  --gc-start: 2;
  --gc-end: 13;
}

.u-gc-3-1 {
  --gc-start: 3;
  --gc-end: 1;
}

.u-gc-3-2 {
  --gc-start: 3;
  --gc-end: 2;
}

.u-gc-3-3 {
  --gc-start: 3;
  --gc-end: 3;
}

.u-gc-3-4 {
  --gc-start: 3;
  --gc-end: 4;
}

.u-gc-3-5 {
  --gc-start: 3;
  --gc-end: 5;
}

.u-gc-3-6 {
  --gc-start: 3;
  --gc-end: 6;
}

.u-gc-3-7 {
  --gc-start: 3;
  --gc-end: 7;
}

.u-gc-3-8 {
  --gc-start: 3;
  --gc-end: 8;
}

.u-gc-3-9 {
  --gc-start: 3;
  --gc-end: 9;
}

.u-gc-3-10 {
  --gc-start: 3;
  --gc-end: 10;
}

.u-gc-3-11 {
  --gc-start: 3;
  --gc-end: 11;
}

.u-gc-3-12 {
  --gc-start: 3;
  --gc-end: 12;
}

.u-gc-3-13 {
  --gc-start: 3;
  --gc-end: 13;
}

.u-gc-4-1 {
  --gc-start: 4;
  --gc-end: 1;
}

.u-gc-4-2 {
  --gc-start: 4;
  --gc-end: 2;
}

.u-gc-4-3 {
  --gc-start: 4;
  --gc-end: 3;
}

.u-gc-4-4 {
  --gc-start: 4;
  --gc-end: 4;
}

.u-gc-4-5 {
  --gc-start: 4;
  --gc-end: 5;
}

.u-gc-4-6 {
  --gc-start: 4;
  --gc-end: 6;
}

.u-gc-4-7 {
  --gc-start: 4;
  --gc-end: 7;
}

.u-gc-4-8 {
  --gc-start: 4;
  --gc-end: 8;
}

.u-gc-4-9 {
  --gc-start: 4;
  --gc-end: 9;
}

.u-gc-4-10 {
  --gc-start: 4;
  --gc-end: 10;
}

.u-gc-4-11 {
  --gc-start: 4;
  --gc-end: 11;
}

.u-gc-4-12 {
  --gc-start: 4;
  --gc-end: 12;
}

.u-gc-4-13 {
  --gc-start: 4;
  --gc-end: 13;
}

.u-gc-5-1 {
  --gc-start: 5;
  --gc-end: 1;
}

.u-gc-5-2 {
  --gc-start: 5;
  --gc-end: 2;
}

.u-gc-5-3 {
  --gc-start: 5;
  --gc-end: 3;
}

.u-gc-5-4 {
  --gc-start: 5;
  --gc-end: 4;
}

.u-gc-5-5 {
  --gc-start: 5;
  --gc-end: 5;
}

.u-gc-5-6 {
  --gc-start: 5;
  --gc-end: 6;
}

.u-gc-5-7 {
  --gc-start: 5;
  --gc-end: 7;
}

.u-gc-5-8 {
  --gc-start: 5;
  --gc-end: 8;
}

.u-gc-5-9 {
  --gc-start: 5;
  --gc-end: 9;
}

.u-gc-5-10 {
  --gc-start: 5;
  --gc-end: 10;
}

.u-gc-5-11 {
  --gc-start: 5;
  --gc-end: 11;
}

.u-gc-5-12 {
  --gc-start: 5;
  --gc-end: 12;
}

.u-gc-5-13 {
  --gc-start: 5;
  --gc-end: 13;
}

.u-gc-6-1 {
  --gc-start: 6;
  --gc-end: 1;
}

.u-gc-6-2 {
  --gc-start: 6;
  --gc-end: 2;
}

.u-gc-6-3 {
  --gc-start: 6;
  --gc-end: 3;
}

.u-gc-6-4 {
  --gc-start: 6;
  --gc-end: 4;
}

.u-gc-6-5 {
  --gc-start: 6;
  --gc-end: 5;
}

.u-gc-6-6 {
  --gc-start: 6;
  --gc-end: 6;
}

.u-gc-6-7 {
  --gc-start: 6;
  --gc-end: 7;
}

.u-gc-6-8 {
  --gc-start: 6;
  --gc-end: 8;
}

.u-gc-6-9 {
  --gc-start: 6;
  --gc-end: 9;
}

.u-gc-6-10 {
  --gc-start: 6;
  --gc-end: 10;
}

.u-gc-6-11 {
  --gc-start: 6;
  --gc-end: 11;
}

.u-gc-6-12 {
  --gc-start: 6;
  --gc-end: 12;
}

.u-gc-6-13 {
  --gc-start: 6;
  --gc-end: 13;
}

.u-gc-7-1 {
  --gc-start: 7;
  --gc-end: 1;
}

.u-gc-7-2 {
  --gc-start: 7;
  --gc-end: 2;
}

.u-gc-7-3 {
  --gc-start: 7;
  --gc-end: 3;
}

.u-gc-7-4 {
  --gc-start: 7;
  --gc-end: 4;
}

.u-gc-7-5 {
  --gc-start: 7;
  --gc-end: 5;
}

.u-gc-7-6 {
  --gc-start: 7;
  --gc-end: 6;
}

.u-gc-7-7 {
  --gc-start: 7;
  --gc-end: 7;
}

.u-gc-7-8 {
  --gc-start: 7;
  --gc-end: 8;
}

.u-gc-7-9 {
  --gc-start: 7;
  --gc-end: 9;
}

.u-gc-7-10 {
  --gc-start: 7;
  --gc-end: 10;
}

.u-gc-7-11 {
  --gc-start: 7;
  --gc-end: 11;
}

.u-gc-7-12 {
  --gc-start: 7;
  --gc-end: 12;
}

.u-gc-7-13 {
  --gc-start: 7;
  --gc-end: 13;
}

.u-gc-8-1 {
  --gc-start: 8;
  --gc-end: 1;
}

.u-gc-8-2 {
  --gc-start: 8;
  --gc-end: 2;
}

.u-gc-8-3 {
  --gc-start: 8;
  --gc-end: 3;
}

.u-gc-8-4 {
  --gc-start: 8;
  --gc-end: 4;
}

.u-gc-8-5 {
  --gc-start: 8;
  --gc-end: 5;
}

.u-gc-8-6 {
  --gc-start: 8;
  --gc-end: 6;
}

.u-gc-8-7 {
  --gc-start: 8;
  --gc-end: 7;
}

.u-gc-8-8 {
  --gc-start: 8;
  --gc-end: 8;
}

.u-gc-8-9 {
  --gc-start: 8;
  --gc-end: 9;
}

.u-gc-8-10 {
  --gc-start: 8;
  --gc-end: 10;
}

.u-gc-8-11 {
  --gc-start: 8;
  --gc-end: 11;
}

.u-gc-8-12 {
  --gc-start: 8;
  --gc-end: 12;
}

.u-gc-8-13 {
  --gc-start: 8;
  --gc-end: 13;
}

.u-gc-9-1 {
  --gc-start: 9;
  --gc-end: 1;
}

.u-gc-9-2 {
  --gc-start: 9;
  --gc-end: 2;
}

.u-gc-9-3 {
  --gc-start: 9;
  --gc-end: 3;
}

.u-gc-9-4 {
  --gc-start: 9;
  --gc-end: 4;
}

.u-gc-9-5 {
  --gc-start: 9;
  --gc-end: 5;
}

.u-gc-9-6 {
  --gc-start: 9;
  --gc-end: 6;
}

.u-gc-9-7 {
  --gc-start: 9;
  --gc-end: 7;
}

.u-gc-9-8 {
  --gc-start: 9;
  --gc-end: 8;
}

.u-gc-9-9 {
  --gc-start: 9;
  --gc-end: 9;
}

.u-gc-9-10 {
  --gc-start: 9;
  --gc-end: 10;
}

.u-gc-9-11 {
  --gc-start: 9;
  --gc-end: 11;
}

.u-gc-9-12 {
  --gc-start: 9;
  --gc-end: 12;
}

.u-gc-9-13 {
  --gc-start: 9;
  --gc-end: 13;
}

.u-gc-10-1 {
  --gc-start: 10;
  --gc-end: 1;
}

.u-gc-10-2 {
  --gc-start: 10;
  --gc-end: 2;
}

.u-gc-10-3 {
  --gc-start: 10;
  --gc-end: 3;
}

.u-gc-10-4 {
  --gc-start: 10;
  --gc-end: 4;
}

.u-gc-10-5 {
  --gc-start: 10;
  --gc-end: 5;
}

.u-gc-10-6 {
  --gc-start: 10;
  --gc-end: 6;
}

.u-gc-10-7 {
  --gc-start: 10;
  --gc-end: 7;
}

.u-gc-10-8 {
  --gc-start: 10;
  --gc-end: 8;
}

.u-gc-10-9 {
  --gc-start: 10;
  --gc-end: 9;
}

.u-gc-10-10 {
  --gc-start: 10;
  --gc-end: 10;
}

.u-gc-10-11 {
  --gc-start: 10;
  --gc-end: 11;
}

.u-gc-10-12 {
  --gc-start: 10;
  --gc-end: 12;
}

.u-gc-10-13 {
  --gc-start: 10;
  --gc-end: 13;
}

.u-gc-11-1 {
  --gc-start: 11;
  --gc-end: 1;
}

.u-gc-11-2 {
  --gc-start: 11;
  --gc-end: 2;
}

.u-gc-11-3 {
  --gc-start: 11;
  --gc-end: 3;
}

.u-gc-11-4 {
  --gc-start: 11;
  --gc-end: 4;
}

.u-gc-11-5 {
  --gc-start: 11;
  --gc-end: 5;
}

.u-gc-11-6 {
  --gc-start: 11;
  --gc-end: 6;
}

.u-gc-11-7 {
  --gc-start: 11;
  --gc-end: 7;
}

.u-gc-11-8 {
  --gc-start: 11;
  --gc-end: 8;
}

.u-gc-11-9 {
  --gc-start: 11;
  --gc-end: 9;
}

.u-gc-11-10 {
  --gc-start: 11;
  --gc-end: 10;
}

.u-gc-11-11 {
  --gc-start: 11;
  --gc-end: 11;
}

.u-gc-11-12 {
  --gc-start: 11;
  --gc-end: 12;
}

.u-gc-11-13 {
  --gc-start: 11;
  --gc-end: 13;
}

.u-gc-12-1 {
  --gc-start: 12;
  --gc-end: 1;
}

.u-gc-12-2 {
  --gc-start: 12;
  --gc-end: 2;
}

.u-gc-12-3 {
  --gc-start: 12;
  --gc-end: 3;
}

.u-gc-12-4 {
  --gc-start: 12;
  --gc-end: 4;
}

.u-gc-12-5 {
  --gc-start: 12;
  --gc-end: 5;
}

.u-gc-12-6 {
  --gc-start: 12;
  --gc-end: 6;
}

.u-gc-12-7 {
  --gc-start: 12;
  --gc-end: 7;
}

.u-gc-12-8 {
  --gc-start: 12;
  --gc-end: 8;
}

.u-gc-12-9 {
  --gc-start: 12;
  --gc-end: 9;
}

.u-gc-12-10 {
  --gc-start: 12;
  --gc-end: 10;
}

.u-gc-12-11 {
  --gc-start: 12;
  --gc-end: 11;
}

.u-gc-12-12 {
  --gc-start: 12;
  --gc-end: 12;
}

.u-gc-12-13 {
  --gc-start: 12;
  --gc-end: 13;
}

.u-gc-13-1 {
  --gc-start: 13;
  --gc-end: 1;
}

.u-gc-13-2 {
  --gc-start: 13;
  --gc-end: 2;
}

.u-gc-13-3 {
  --gc-start: 13;
  --gc-end: 3;
}

.u-gc-13-4 {
  --gc-start: 13;
  --gc-end: 4;
}

.u-gc-13-5 {
  --gc-start: 13;
  --gc-end: 5;
}

.u-gc-13-6 {
  --gc-start: 13;
  --gc-end: 6;
}

.u-gc-13-7 {
  --gc-start: 13;
  --gc-end: 7;
}

.u-gc-13-8 {
  --gc-start: 13;
  --gc-end: 8;
}

.u-gc-13-9 {
  --gc-start: 13;
  --gc-end: 9;
}

.u-gc-13-10 {
  --gc-start: 13;
  --gc-end: 10;
}

.u-gc-13-11 {
  --gc-start: 13;
  --gc-end: 11;
}

.u-gc-13-12 {
  --gc-start: 13;
  --gc-end: 12;
}

.u-gc-13-13 {
  --gc-start: 13;
  --gc-end: 13;
}

@media (min-width: 500px) {
  .u-gc-1-1-from-tiny {
    --gc-start: 1;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-1-2-from-tiny {
    --gc-start: 1;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-1-3-from-tiny {
    --gc-start: 1;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-1-4-from-tiny {
    --gc-start: 1;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-1-5-from-tiny {
    --gc-start: 1;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-1-6-from-tiny {
    --gc-start: 1;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-1-7-from-tiny {
    --gc-start: 1;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-1-8-from-tiny {
    --gc-start: 1;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-1-9-from-tiny {
    --gc-start: 1;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-1-10-from-tiny {
    --gc-start: 1;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-1-11-from-tiny {
    --gc-start: 1;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-1-12-from-tiny {
    --gc-start: 1;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-1-13-from-tiny {
    --gc-start: 1;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-2-1-from-tiny {
    --gc-start: 2;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-2-2-from-tiny {
    --gc-start: 2;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-2-3-from-tiny {
    --gc-start: 2;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-2-4-from-tiny {
    --gc-start: 2;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-2-5-from-tiny {
    --gc-start: 2;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-2-6-from-tiny {
    --gc-start: 2;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-2-7-from-tiny {
    --gc-start: 2;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-2-8-from-tiny {
    --gc-start: 2;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-2-9-from-tiny {
    --gc-start: 2;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-2-10-from-tiny {
    --gc-start: 2;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-2-11-from-tiny {
    --gc-start: 2;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-2-12-from-tiny {
    --gc-start: 2;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-2-13-from-tiny {
    --gc-start: 2;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-3-1-from-tiny {
    --gc-start: 3;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-3-2-from-tiny {
    --gc-start: 3;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-3-3-from-tiny {
    --gc-start: 3;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-3-4-from-tiny {
    --gc-start: 3;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-3-5-from-tiny {
    --gc-start: 3;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-3-6-from-tiny {
    --gc-start: 3;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-3-7-from-tiny {
    --gc-start: 3;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-3-8-from-tiny {
    --gc-start: 3;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-3-9-from-tiny {
    --gc-start: 3;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-3-10-from-tiny {
    --gc-start: 3;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-3-11-from-tiny {
    --gc-start: 3;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-3-12-from-tiny {
    --gc-start: 3;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-3-13-from-tiny {
    --gc-start: 3;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-4-1-from-tiny {
    --gc-start: 4;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-4-2-from-tiny {
    --gc-start: 4;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-4-3-from-tiny {
    --gc-start: 4;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-4-4-from-tiny {
    --gc-start: 4;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-4-5-from-tiny {
    --gc-start: 4;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-4-6-from-tiny {
    --gc-start: 4;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-4-7-from-tiny {
    --gc-start: 4;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-4-8-from-tiny {
    --gc-start: 4;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-4-9-from-tiny {
    --gc-start: 4;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-4-10-from-tiny {
    --gc-start: 4;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-4-11-from-tiny {
    --gc-start: 4;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-4-12-from-tiny {
    --gc-start: 4;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-4-13-from-tiny {
    --gc-start: 4;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-5-1-from-tiny {
    --gc-start: 5;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-5-2-from-tiny {
    --gc-start: 5;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-5-3-from-tiny {
    --gc-start: 5;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-5-4-from-tiny {
    --gc-start: 5;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-5-5-from-tiny {
    --gc-start: 5;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-5-6-from-tiny {
    --gc-start: 5;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-5-7-from-tiny {
    --gc-start: 5;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-5-8-from-tiny {
    --gc-start: 5;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-5-9-from-tiny {
    --gc-start: 5;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-5-10-from-tiny {
    --gc-start: 5;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-5-11-from-tiny {
    --gc-start: 5;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-5-12-from-tiny {
    --gc-start: 5;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-5-13-from-tiny {
    --gc-start: 5;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-6-1-from-tiny {
    --gc-start: 6;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-6-2-from-tiny {
    --gc-start: 6;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-6-3-from-tiny {
    --gc-start: 6;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-6-4-from-tiny {
    --gc-start: 6;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-6-5-from-tiny {
    --gc-start: 6;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-6-6-from-tiny {
    --gc-start: 6;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-6-7-from-tiny {
    --gc-start: 6;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-6-8-from-tiny {
    --gc-start: 6;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-6-9-from-tiny {
    --gc-start: 6;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-6-10-from-tiny {
    --gc-start: 6;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-6-11-from-tiny {
    --gc-start: 6;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-6-12-from-tiny {
    --gc-start: 6;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-6-13-from-tiny {
    --gc-start: 6;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-7-1-from-tiny {
    --gc-start: 7;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-7-2-from-tiny {
    --gc-start: 7;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-7-3-from-tiny {
    --gc-start: 7;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-7-4-from-tiny {
    --gc-start: 7;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-7-5-from-tiny {
    --gc-start: 7;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-7-6-from-tiny {
    --gc-start: 7;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-7-7-from-tiny {
    --gc-start: 7;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-7-8-from-tiny {
    --gc-start: 7;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-7-9-from-tiny {
    --gc-start: 7;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-7-10-from-tiny {
    --gc-start: 7;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-7-11-from-tiny {
    --gc-start: 7;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-7-12-from-tiny {
    --gc-start: 7;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-7-13-from-tiny {
    --gc-start: 7;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-8-1-from-tiny {
    --gc-start: 8;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-8-2-from-tiny {
    --gc-start: 8;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-8-3-from-tiny {
    --gc-start: 8;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-8-4-from-tiny {
    --gc-start: 8;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-8-5-from-tiny {
    --gc-start: 8;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-8-6-from-tiny {
    --gc-start: 8;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-8-7-from-tiny {
    --gc-start: 8;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-8-8-from-tiny {
    --gc-start: 8;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-8-9-from-tiny {
    --gc-start: 8;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-8-10-from-tiny {
    --gc-start: 8;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-8-11-from-tiny {
    --gc-start: 8;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-8-12-from-tiny {
    --gc-start: 8;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-8-13-from-tiny {
    --gc-start: 8;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-9-1-from-tiny {
    --gc-start: 9;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-9-2-from-tiny {
    --gc-start: 9;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-9-3-from-tiny {
    --gc-start: 9;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-9-4-from-tiny {
    --gc-start: 9;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-9-5-from-tiny {
    --gc-start: 9;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-9-6-from-tiny {
    --gc-start: 9;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-9-7-from-tiny {
    --gc-start: 9;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-9-8-from-tiny {
    --gc-start: 9;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-9-9-from-tiny {
    --gc-start: 9;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-9-10-from-tiny {
    --gc-start: 9;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-9-11-from-tiny {
    --gc-start: 9;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-9-12-from-tiny {
    --gc-start: 9;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-9-13-from-tiny {
    --gc-start: 9;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-10-1-from-tiny {
    --gc-start: 10;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-10-2-from-tiny {
    --gc-start: 10;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-10-3-from-tiny {
    --gc-start: 10;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-10-4-from-tiny {
    --gc-start: 10;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-10-5-from-tiny {
    --gc-start: 10;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-10-6-from-tiny {
    --gc-start: 10;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-10-7-from-tiny {
    --gc-start: 10;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-10-8-from-tiny {
    --gc-start: 10;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-10-9-from-tiny {
    --gc-start: 10;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-10-10-from-tiny {
    --gc-start: 10;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-10-11-from-tiny {
    --gc-start: 10;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-10-12-from-tiny {
    --gc-start: 10;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-10-13-from-tiny {
    --gc-start: 10;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-11-1-from-tiny {
    --gc-start: 11;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-11-2-from-tiny {
    --gc-start: 11;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-11-3-from-tiny {
    --gc-start: 11;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-11-4-from-tiny {
    --gc-start: 11;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-11-5-from-tiny {
    --gc-start: 11;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-11-6-from-tiny {
    --gc-start: 11;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-11-7-from-tiny {
    --gc-start: 11;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-11-8-from-tiny {
    --gc-start: 11;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-11-9-from-tiny {
    --gc-start: 11;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-11-10-from-tiny {
    --gc-start: 11;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-11-11-from-tiny {
    --gc-start: 11;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-11-12-from-tiny {
    --gc-start: 11;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-11-13-from-tiny {
    --gc-start: 11;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-12-1-from-tiny {
    --gc-start: 12;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-12-2-from-tiny {
    --gc-start: 12;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-12-3-from-tiny {
    --gc-start: 12;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-12-4-from-tiny {
    --gc-start: 12;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-12-5-from-tiny {
    --gc-start: 12;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-12-6-from-tiny {
    --gc-start: 12;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-12-7-from-tiny {
    --gc-start: 12;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-12-8-from-tiny {
    --gc-start: 12;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-12-9-from-tiny {
    --gc-start: 12;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-12-10-from-tiny {
    --gc-start: 12;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-12-11-from-tiny {
    --gc-start: 12;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-12-12-from-tiny {
    --gc-start: 12;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-12-13-from-tiny {
    --gc-start: 12;
    --gc-end: 13;
  }
}

@media (min-width: 500px) {
  .u-gc-13-1-from-tiny {
    --gc-start: 13;
    --gc-end: 1;
  }
}

@media (min-width: 500px) {
  .u-gc-13-2-from-tiny {
    --gc-start: 13;
    --gc-end: 2;
  }
}

@media (min-width: 500px) {
  .u-gc-13-3-from-tiny {
    --gc-start: 13;
    --gc-end: 3;
  }
}

@media (min-width: 500px) {
  .u-gc-13-4-from-tiny {
    --gc-start: 13;
    --gc-end: 4;
  }
}

@media (min-width: 500px) {
  .u-gc-13-5-from-tiny {
    --gc-start: 13;
    --gc-end: 5;
  }
}

@media (min-width: 500px) {
  .u-gc-13-6-from-tiny {
    --gc-start: 13;
    --gc-end: 6;
  }
}

@media (min-width: 500px) {
  .u-gc-13-7-from-tiny {
    --gc-start: 13;
    --gc-end: 7;
  }
}

@media (min-width: 500px) {
  .u-gc-13-8-from-tiny {
    --gc-start: 13;
    --gc-end: 8;
  }
}

@media (min-width: 500px) {
  .u-gc-13-9-from-tiny {
    --gc-start: 13;
    --gc-end: 9;
  }
}

@media (min-width: 500px) {
  .u-gc-13-10-from-tiny {
    --gc-start: 13;
    --gc-end: 10;
  }
}

@media (min-width: 500px) {
  .u-gc-13-11-from-tiny {
    --gc-start: 13;
    --gc-end: 11;
  }
}

@media (min-width: 500px) {
  .u-gc-13-12-from-tiny {
    --gc-start: 13;
    --gc-end: 12;
  }
}

@media (min-width: 500px) {
  .u-gc-13-13-from-tiny {
    --gc-start: 13;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-1-1-from-small {
    --gc-start: 1;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-1-2-from-small {
    --gc-start: 1;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-1-3-from-small {
    --gc-start: 1;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-1-4-from-small {
    --gc-start: 1;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-1-5-from-small {
    --gc-start: 1;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-1-6-from-small {
    --gc-start: 1;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-1-7-from-small {
    --gc-start: 1;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-1-8-from-small {
    --gc-start: 1;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-1-9-from-small {
    --gc-start: 1;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-1-10-from-small {
    --gc-start: 1;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-1-11-from-small {
    --gc-start: 1;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-1-12-from-small {
    --gc-start: 1;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-1-13-from-small {
    --gc-start: 1;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-2-1-from-small {
    --gc-start: 2;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-2-2-from-small {
    --gc-start: 2;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-2-3-from-small {
    --gc-start: 2;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-2-4-from-small {
    --gc-start: 2;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-2-5-from-small {
    --gc-start: 2;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-2-6-from-small {
    --gc-start: 2;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-2-7-from-small {
    --gc-start: 2;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-2-8-from-small {
    --gc-start: 2;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-2-9-from-small {
    --gc-start: 2;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-2-10-from-small {
    --gc-start: 2;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-2-11-from-small {
    --gc-start: 2;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-2-12-from-small {
    --gc-start: 2;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-2-13-from-small {
    --gc-start: 2;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-3-1-from-small {
    --gc-start: 3;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-3-2-from-small {
    --gc-start: 3;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-3-3-from-small {
    --gc-start: 3;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-3-4-from-small {
    --gc-start: 3;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-3-5-from-small {
    --gc-start: 3;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-3-6-from-small {
    --gc-start: 3;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-3-7-from-small {
    --gc-start: 3;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-3-8-from-small {
    --gc-start: 3;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-3-9-from-small {
    --gc-start: 3;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-3-10-from-small {
    --gc-start: 3;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-3-11-from-small {
    --gc-start: 3;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-3-12-from-small {
    --gc-start: 3;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-3-13-from-small {
    --gc-start: 3;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-4-1-from-small {
    --gc-start: 4;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-4-2-from-small {
    --gc-start: 4;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-4-3-from-small {
    --gc-start: 4;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-4-4-from-small {
    --gc-start: 4;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-4-5-from-small {
    --gc-start: 4;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-4-6-from-small {
    --gc-start: 4;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-4-7-from-small {
    --gc-start: 4;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-4-8-from-small {
    --gc-start: 4;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-4-9-from-small {
    --gc-start: 4;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-4-10-from-small {
    --gc-start: 4;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-4-11-from-small {
    --gc-start: 4;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-4-12-from-small {
    --gc-start: 4;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-4-13-from-small {
    --gc-start: 4;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-5-1-from-small {
    --gc-start: 5;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-5-2-from-small {
    --gc-start: 5;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-5-3-from-small {
    --gc-start: 5;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-5-4-from-small {
    --gc-start: 5;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-5-5-from-small {
    --gc-start: 5;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-5-6-from-small {
    --gc-start: 5;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-5-7-from-small {
    --gc-start: 5;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-5-8-from-small {
    --gc-start: 5;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-5-9-from-small {
    --gc-start: 5;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-5-10-from-small {
    --gc-start: 5;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-5-11-from-small {
    --gc-start: 5;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-5-12-from-small {
    --gc-start: 5;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-5-13-from-small {
    --gc-start: 5;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-6-1-from-small {
    --gc-start: 6;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-6-2-from-small {
    --gc-start: 6;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-6-3-from-small {
    --gc-start: 6;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-6-4-from-small {
    --gc-start: 6;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-6-5-from-small {
    --gc-start: 6;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-6-6-from-small {
    --gc-start: 6;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-6-7-from-small {
    --gc-start: 6;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-6-8-from-small {
    --gc-start: 6;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-6-9-from-small {
    --gc-start: 6;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-6-10-from-small {
    --gc-start: 6;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-6-11-from-small {
    --gc-start: 6;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-6-12-from-small {
    --gc-start: 6;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-6-13-from-small {
    --gc-start: 6;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-7-1-from-small {
    --gc-start: 7;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-7-2-from-small {
    --gc-start: 7;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-7-3-from-small {
    --gc-start: 7;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-7-4-from-small {
    --gc-start: 7;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-7-5-from-small {
    --gc-start: 7;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-7-6-from-small {
    --gc-start: 7;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-7-7-from-small {
    --gc-start: 7;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-7-8-from-small {
    --gc-start: 7;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-7-9-from-small {
    --gc-start: 7;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-7-10-from-small {
    --gc-start: 7;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-7-11-from-small {
    --gc-start: 7;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-7-12-from-small {
    --gc-start: 7;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-7-13-from-small {
    --gc-start: 7;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-8-1-from-small {
    --gc-start: 8;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-8-2-from-small {
    --gc-start: 8;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-8-3-from-small {
    --gc-start: 8;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-8-4-from-small {
    --gc-start: 8;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-8-5-from-small {
    --gc-start: 8;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-8-6-from-small {
    --gc-start: 8;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-8-7-from-small {
    --gc-start: 8;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-8-8-from-small {
    --gc-start: 8;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-8-9-from-small {
    --gc-start: 8;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-8-10-from-small {
    --gc-start: 8;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-8-11-from-small {
    --gc-start: 8;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-8-12-from-small {
    --gc-start: 8;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-8-13-from-small {
    --gc-start: 8;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-9-1-from-small {
    --gc-start: 9;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-9-2-from-small {
    --gc-start: 9;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-9-3-from-small {
    --gc-start: 9;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-9-4-from-small {
    --gc-start: 9;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-9-5-from-small {
    --gc-start: 9;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-9-6-from-small {
    --gc-start: 9;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-9-7-from-small {
    --gc-start: 9;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-9-8-from-small {
    --gc-start: 9;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-9-9-from-small {
    --gc-start: 9;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-9-10-from-small {
    --gc-start: 9;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-9-11-from-small {
    --gc-start: 9;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-9-12-from-small {
    --gc-start: 9;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-9-13-from-small {
    --gc-start: 9;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-10-1-from-small {
    --gc-start: 10;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-10-2-from-small {
    --gc-start: 10;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-10-3-from-small {
    --gc-start: 10;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-10-4-from-small {
    --gc-start: 10;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-10-5-from-small {
    --gc-start: 10;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-10-6-from-small {
    --gc-start: 10;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-10-7-from-small {
    --gc-start: 10;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-10-8-from-small {
    --gc-start: 10;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-10-9-from-small {
    --gc-start: 10;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-10-10-from-small {
    --gc-start: 10;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-10-11-from-small {
    --gc-start: 10;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-10-12-from-small {
    --gc-start: 10;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-10-13-from-small {
    --gc-start: 10;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-11-1-from-small {
    --gc-start: 11;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-11-2-from-small {
    --gc-start: 11;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-11-3-from-small {
    --gc-start: 11;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-11-4-from-small {
    --gc-start: 11;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-11-5-from-small {
    --gc-start: 11;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-11-6-from-small {
    --gc-start: 11;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-11-7-from-small {
    --gc-start: 11;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-11-8-from-small {
    --gc-start: 11;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-11-9-from-small {
    --gc-start: 11;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-11-10-from-small {
    --gc-start: 11;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-11-11-from-small {
    --gc-start: 11;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-11-12-from-small {
    --gc-start: 11;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-11-13-from-small {
    --gc-start: 11;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-12-1-from-small {
    --gc-start: 12;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-12-2-from-small {
    --gc-start: 12;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-12-3-from-small {
    --gc-start: 12;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-12-4-from-small {
    --gc-start: 12;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-12-5-from-small {
    --gc-start: 12;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-12-6-from-small {
    --gc-start: 12;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-12-7-from-small {
    --gc-start: 12;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-12-8-from-small {
    --gc-start: 12;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-12-9-from-small {
    --gc-start: 12;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-12-10-from-small {
    --gc-start: 12;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-12-11-from-small {
    --gc-start: 12;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-12-12-from-small {
    --gc-start: 12;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-12-13-from-small {
    --gc-start: 12;
    --gc-end: 13;
  }
}

@media (min-width: 700px) {
  .u-gc-13-1-from-small {
    --gc-start: 13;
    --gc-end: 1;
  }
}

@media (min-width: 700px) {
  .u-gc-13-2-from-small {
    --gc-start: 13;
    --gc-end: 2;
  }
}

@media (min-width: 700px) {
  .u-gc-13-3-from-small {
    --gc-start: 13;
    --gc-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-13-4-from-small {
    --gc-start: 13;
    --gc-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-13-5-from-small {
    --gc-start: 13;
    --gc-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-13-6-from-small {
    --gc-start: 13;
    --gc-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-13-7-from-small {
    --gc-start: 13;
    --gc-end: 7;
  }
}

@media (min-width: 700px) {
  .u-gc-13-8-from-small {
    --gc-start: 13;
    --gc-end: 8;
  }
}

@media (min-width: 700px) {
  .u-gc-13-9-from-small {
    --gc-start: 13;
    --gc-end: 9;
  }
}

@media (min-width: 700px) {
  .u-gc-13-10-from-small {
    --gc-start: 13;
    --gc-end: 10;
  }
}

@media (min-width: 700px) {
  .u-gc-13-11-from-small {
    --gc-start: 13;
    --gc-end: 11;
  }
}

@media (min-width: 700px) {
  .u-gc-13-12-from-small {
    --gc-start: 13;
    --gc-end: 12;
  }
}

@media (min-width: 700px) {
  .u-gc-13-13-from-small {
    --gc-start: 13;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-1-from-medium {
    --gc-start: 1;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-2-from-medium {
    --gc-start: 1;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-3-from-medium {
    --gc-start: 1;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-4-from-medium {
    --gc-start: 1;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-5-from-medium {
    --gc-start: 1;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-6-from-medium {
    --gc-start: 1;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-7-from-medium {
    --gc-start: 1;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-8-from-medium {
    --gc-start: 1;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-9-from-medium {
    --gc-start: 1;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-10-from-medium {
    --gc-start: 1;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-11-from-medium {
    --gc-start: 1;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-12-from-medium {
    --gc-start: 1;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-1-13-from-medium {
    --gc-start: 1;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-1-from-medium {
    --gc-start: 2;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-2-from-medium {
    --gc-start: 2;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-3-from-medium {
    --gc-start: 2;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-4-from-medium {
    --gc-start: 2;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-5-from-medium {
    --gc-start: 2;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-6-from-medium {
    --gc-start: 2;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-7-from-medium {
    --gc-start: 2;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-8-from-medium {
    --gc-start: 2;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-9-from-medium {
    --gc-start: 2;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-10-from-medium {
    --gc-start: 2;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-11-from-medium {
    --gc-start: 2;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-12-from-medium {
    --gc-start: 2;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-2-13-from-medium {
    --gc-start: 2;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-1-from-medium {
    --gc-start: 3;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-2-from-medium {
    --gc-start: 3;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-3-from-medium {
    --gc-start: 3;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-4-from-medium {
    --gc-start: 3;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-5-from-medium {
    --gc-start: 3;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-6-from-medium {
    --gc-start: 3;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-7-from-medium {
    --gc-start: 3;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-8-from-medium {
    --gc-start: 3;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-9-from-medium {
    --gc-start: 3;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-10-from-medium {
    --gc-start: 3;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-11-from-medium {
    --gc-start: 3;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-12-from-medium {
    --gc-start: 3;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-3-13-from-medium {
    --gc-start: 3;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-1-from-medium {
    --gc-start: 4;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-2-from-medium {
    --gc-start: 4;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-3-from-medium {
    --gc-start: 4;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-4-from-medium {
    --gc-start: 4;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-5-from-medium {
    --gc-start: 4;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-6-from-medium {
    --gc-start: 4;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-7-from-medium {
    --gc-start: 4;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-8-from-medium {
    --gc-start: 4;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-9-from-medium {
    --gc-start: 4;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-10-from-medium {
    --gc-start: 4;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-11-from-medium {
    --gc-start: 4;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-12-from-medium {
    --gc-start: 4;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-4-13-from-medium {
    --gc-start: 4;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-1-from-medium {
    --gc-start: 5;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-2-from-medium {
    --gc-start: 5;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-3-from-medium {
    --gc-start: 5;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-4-from-medium {
    --gc-start: 5;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-5-from-medium {
    --gc-start: 5;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-6-from-medium {
    --gc-start: 5;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-7-from-medium {
    --gc-start: 5;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-8-from-medium {
    --gc-start: 5;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-9-from-medium {
    --gc-start: 5;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-10-from-medium {
    --gc-start: 5;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-11-from-medium {
    --gc-start: 5;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-12-from-medium {
    --gc-start: 5;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-5-13-from-medium {
    --gc-start: 5;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-1-from-medium {
    --gc-start: 6;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-2-from-medium {
    --gc-start: 6;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-3-from-medium {
    --gc-start: 6;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-4-from-medium {
    --gc-start: 6;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-5-from-medium {
    --gc-start: 6;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-6-from-medium {
    --gc-start: 6;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-7-from-medium {
    --gc-start: 6;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-8-from-medium {
    --gc-start: 6;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-9-from-medium {
    --gc-start: 6;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-10-from-medium {
    --gc-start: 6;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-11-from-medium {
    --gc-start: 6;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-12-from-medium {
    --gc-start: 6;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-6-13-from-medium {
    --gc-start: 6;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-1-from-medium {
    --gc-start: 7;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-2-from-medium {
    --gc-start: 7;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-3-from-medium {
    --gc-start: 7;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-4-from-medium {
    --gc-start: 7;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-5-from-medium {
    --gc-start: 7;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-6-from-medium {
    --gc-start: 7;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-7-from-medium {
    --gc-start: 7;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-8-from-medium {
    --gc-start: 7;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-9-from-medium {
    --gc-start: 7;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-10-from-medium {
    --gc-start: 7;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-11-from-medium {
    --gc-start: 7;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-12-from-medium {
    --gc-start: 7;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-7-13-from-medium {
    --gc-start: 7;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-1-from-medium {
    --gc-start: 8;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-2-from-medium {
    --gc-start: 8;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-3-from-medium {
    --gc-start: 8;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-4-from-medium {
    --gc-start: 8;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-5-from-medium {
    --gc-start: 8;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-6-from-medium {
    --gc-start: 8;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-7-from-medium {
    --gc-start: 8;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-8-from-medium {
    --gc-start: 8;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-9-from-medium {
    --gc-start: 8;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-10-from-medium {
    --gc-start: 8;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-11-from-medium {
    --gc-start: 8;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-12-from-medium {
    --gc-start: 8;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-8-13-from-medium {
    --gc-start: 8;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-1-from-medium {
    --gc-start: 9;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-2-from-medium {
    --gc-start: 9;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-3-from-medium {
    --gc-start: 9;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-4-from-medium {
    --gc-start: 9;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-5-from-medium {
    --gc-start: 9;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-6-from-medium {
    --gc-start: 9;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-7-from-medium {
    --gc-start: 9;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-8-from-medium {
    --gc-start: 9;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-9-from-medium {
    --gc-start: 9;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-10-from-medium {
    --gc-start: 9;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-11-from-medium {
    --gc-start: 9;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-12-from-medium {
    --gc-start: 9;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-9-13-from-medium {
    --gc-start: 9;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-1-from-medium {
    --gc-start: 10;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-2-from-medium {
    --gc-start: 10;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-3-from-medium {
    --gc-start: 10;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-4-from-medium {
    --gc-start: 10;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-5-from-medium {
    --gc-start: 10;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-6-from-medium {
    --gc-start: 10;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-7-from-medium {
    --gc-start: 10;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-8-from-medium {
    --gc-start: 10;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-9-from-medium {
    --gc-start: 10;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-10-from-medium {
    --gc-start: 10;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-11-from-medium {
    --gc-start: 10;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-12-from-medium {
    --gc-start: 10;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-10-13-from-medium {
    --gc-start: 10;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-1-from-medium {
    --gc-start: 11;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-2-from-medium {
    --gc-start: 11;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-3-from-medium {
    --gc-start: 11;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-4-from-medium {
    --gc-start: 11;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-5-from-medium {
    --gc-start: 11;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-6-from-medium {
    --gc-start: 11;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-7-from-medium {
    --gc-start: 11;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-8-from-medium {
    --gc-start: 11;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-9-from-medium {
    --gc-start: 11;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-10-from-medium {
    --gc-start: 11;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-11-from-medium {
    --gc-start: 11;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-12-from-medium {
    --gc-start: 11;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-11-13-from-medium {
    --gc-start: 11;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-1-from-medium {
    --gc-start: 12;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-2-from-medium {
    --gc-start: 12;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-3-from-medium {
    --gc-start: 12;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-4-from-medium {
    --gc-start: 12;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-5-from-medium {
    --gc-start: 12;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-6-from-medium {
    --gc-start: 12;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-7-from-medium {
    --gc-start: 12;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-8-from-medium {
    --gc-start: 12;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-9-from-medium {
    --gc-start: 12;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-10-from-medium {
    --gc-start: 12;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-11-from-medium {
    --gc-start: 12;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-12-from-medium {
    --gc-start: 12;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-12-13-from-medium {
    --gc-start: 12;
    --gc-end: 13;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-1-from-medium {
    --gc-start: 13;
    --gc-end: 1;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-2-from-medium {
    --gc-start: 13;
    --gc-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-3-from-medium {
    --gc-start: 13;
    --gc-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-4-from-medium {
    --gc-start: 13;
    --gc-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-5-from-medium {
    --gc-start: 13;
    --gc-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-6-from-medium {
    --gc-start: 13;
    --gc-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-7-from-medium {
    --gc-start: 13;
    --gc-end: 7;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-8-from-medium {
    --gc-start: 13;
    --gc-end: 8;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-9-from-medium {
    --gc-start: 13;
    --gc-end: 9;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-10-from-medium {
    --gc-start: 13;
    --gc-end: 10;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-11-from-medium {
    --gc-start: 13;
    --gc-end: 11;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-12-from-medium {
    --gc-start: 13;
    --gc-end: 12;
  }
}

@media (min-width: 1000px) {
  .u-gc-13-13-from-medium {
    --gc-start: 13;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-1-from-large {
    --gc-start: 1;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-2-from-large {
    --gc-start: 1;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-3-from-large {
    --gc-start: 1;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-4-from-large {
    --gc-start: 1;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-5-from-large {
    --gc-start: 1;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-6-from-large {
    --gc-start: 1;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-7-from-large {
    --gc-start: 1;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-8-from-large {
    --gc-start: 1;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-9-from-large {
    --gc-start: 1;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-10-from-large {
    --gc-start: 1;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-11-from-large {
    --gc-start: 1;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-12-from-large {
    --gc-start: 1;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-1-13-from-large {
    --gc-start: 1;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-1-from-large {
    --gc-start: 2;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-2-from-large {
    --gc-start: 2;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-3-from-large {
    --gc-start: 2;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-4-from-large {
    --gc-start: 2;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-5-from-large {
    --gc-start: 2;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-6-from-large {
    --gc-start: 2;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-7-from-large {
    --gc-start: 2;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-8-from-large {
    --gc-start: 2;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-9-from-large {
    --gc-start: 2;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-10-from-large {
    --gc-start: 2;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-11-from-large {
    --gc-start: 2;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-12-from-large {
    --gc-start: 2;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-2-13-from-large {
    --gc-start: 2;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-1-from-large {
    --gc-start: 3;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-2-from-large {
    --gc-start: 3;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-3-from-large {
    --gc-start: 3;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-4-from-large {
    --gc-start: 3;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-5-from-large {
    --gc-start: 3;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-6-from-large {
    --gc-start: 3;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-7-from-large {
    --gc-start: 3;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-8-from-large {
    --gc-start: 3;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-9-from-large {
    --gc-start: 3;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-10-from-large {
    --gc-start: 3;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-11-from-large {
    --gc-start: 3;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-12-from-large {
    --gc-start: 3;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-3-13-from-large {
    --gc-start: 3;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-1-from-large {
    --gc-start: 4;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-2-from-large {
    --gc-start: 4;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-3-from-large {
    --gc-start: 4;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-4-from-large {
    --gc-start: 4;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-5-from-large {
    --gc-start: 4;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-6-from-large {
    --gc-start: 4;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-7-from-large {
    --gc-start: 4;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-8-from-large {
    --gc-start: 4;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-9-from-large {
    --gc-start: 4;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-10-from-large {
    --gc-start: 4;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-11-from-large {
    --gc-start: 4;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-12-from-large {
    --gc-start: 4;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-4-13-from-large {
    --gc-start: 4;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-1-from-large {
    --gc-start: 5;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-2-from-large {
    --gc-start: 5;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-3-from-large {
    --gc-start: 5;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-4-from-large {
    --gc-start: 5;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-5-from-large {
    --gc-start: 5;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-6-from-large {
    --gc-start: 5;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-7-from-large {
    --gc-start: 5;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-8-from-large {
    --gc-start: 5;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-9-from-large {
    --gc-start: 5;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-10-from-large {
    --gc-start: 5;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-11-from-large {
    --gc-start: 5;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-12-from-large {
    --gc-start: 5;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-5-13-from-large {
    --gc-start: 5;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-1-from-large {
    --gc-start: 6;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-2-from-large {
    --gc-start: 6;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-3-from-large {
    --gc-start: 6;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-4-from-large {
    --gc-start: 6;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-5-from-large {
    --gc-start: 6;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-6-from-large {
    --gc-start: 6;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-7-from-large {
    --gc-start: 6;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-8-from-large {
    --gc-start: 6;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-9-from-large {
    --gc-start: 6;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-10-from-large {
    --gc-start: 6;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-11-from-large {
    --gc-start: 6;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-12-from-large {
    --gc-start: 6;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-6-13-from-large {
    --gc-start: 6;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-1-from-large {
    --gc-start: 7;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-2-from-large {
    --gc-start: 7;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-3-from-large {
    --gc-start: 7;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-4-from-large {
    --gc-start: 7;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-5-from-large {
    --gc-start: 7;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-6-from-large {
    --gc-start: 7;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-7-from-large {
    --gc-start: 7;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-8-from-large {
    --gc-start: 7;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-9-from-large {
    --gc-start: 7;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-10-from-large {
    --gc-start: 7;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-11-from-large {
    --gc-start: 7;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-12-from-large {
    --gc-start: 7;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-7-13-from-large {
    --gc-start: 7;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-1-from-large {
    --gc-start: 8;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-2-from-large {
    --gc-start: 8;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-3-from-large {
    --gc-start: 8;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-4-from-large {
    --gc-start: 8;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-5-from-large {
    --gc-start: 8;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-6-from-large {
    --gc-start: 8;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-7-from-large {
    --gc-start: 8;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-8-from-large {
    --gc-start: 8;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-9-from-large {
    --gc-start: 8;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-10-from-large {
    --gc-start: 8;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-11-from-large {
    --gc-start: 8;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-12-from-large {
    --gc-start: 8;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-8-13-from-large {
    --gc-start: 8;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-1-from-large {
    --gc-start: 9;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-2-from-large {
    --gc-start: 9;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-3-from-large {
    --gc-start: 9;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-4-from-large {
    --gc-start: 9;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-5-from-large {
    --gc-start: 9;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-6-from-large {
    --gc-start: 9;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-7-from-large {
    --gc-start: 9;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-8-from-large {
    --gc-start: 9;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-9-from-large {
    --gc-start: 9;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-10-from-large {
    --gc-start: 9;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-11-from-large {
    --gc-start: 9;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-12-from-large {
    --gc-start: 9;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-9-13-from-large {
    --gc-start: 9;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-1-from-large {
    --gc-start: 10;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-2-from-large {
    --gc-start: 10;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-3-from-large {
    --gc-start: 10;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-4-from-large {
    --gc-start: 10;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-5-from-large {
    --gc-start: 10;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-6-from-large {
    --gc-start: 10;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-7-from-large {
    --gc-start: 10;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-8-from-large {
    --gc-start: 10;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-9-from-large {
    --gc-start: 10;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-10-from-large {
    --gc-start: 10;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-11-from-large {
    --gc-start: 10;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-12-from-large {
    --gc-start: 10;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-10-13-from-large {
    --gc-start: 10;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-1-from-large {
    --gc-start: 11;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-2-from-large {
    --gc-start: 11;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-3-from-large {
    --gc-start: 11;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-4-from-large {
    --gc-start: 11;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-5-from-large {
    --gc-start: 11;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-6-from-large {
    --gc-start: 11;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-7-from-large {
    --gc-start: 11;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-8-from-large {
    --gc-start: 11;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-9-from-large {
    --gc-start: 11;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-10-from-large {
    --gc-start: 11;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-11-from-large {
    --gc-start: 11;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-12-from-large {
    --gc-start: 11;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-11-13-from-large {
    --gc-start: 11;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-1-from-large {
    --gc-start: 12;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-2-from-large {
    --gc-start: 12;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-3-from-large {
    --gc-start: 12;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-4-from-large {
    --gc-start: 12;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-5-from-large {
    --gc-start: 12;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-6-from-large {
    --gc-start: 12;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-7-from-large {
    --gc-start: 12;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-8-from-large {
    --gc-start: 12;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-9-from-large {
    --gc-start: 12;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-10-from-large {
    --gc-start: 12;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-11-from-large {
    --gc-start: 12;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-12-from-large {
    --gc-start: 12;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-12-13-from-large {
    --gc-start: 12;
    --gc-end: 13;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-1-from-large {
    --gc-start: 13;
    --gc-end: 1;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-2-from-large {
    --gc-start: 13;
    --gc-end: 2;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-3-from-large {
    --gc-start: 13;
    --gc-end: 3;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-4-from-large {
    --gc-start: 13;
    --gc-end: 4;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-5-from-large {
    --gc-start: 13;
    --gc-end: 5;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-6-from-large {
    --gc-start: 13;
    --gc-end: 6;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-7-from-large {
    --gc-start: 13;
    --gc-end: 7;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-8-from-large {
    --gc-start: 13;
    --gc-end: 8;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-9-from-large {
    --gc-start: 13;
    --gc-end: 9;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-10-from-large {
    --gc-start: 13;
    --gc-end: 10;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-11-from-large {
    --gc-start: 13;
    --gc-end: 11;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-12-from-large {
    --gc-start: 13;
    --gc-end: 12;
  }
}

@media (min-width: 1200px) {
  .u-gc-13-13-from-large {
    --gc-start: 13;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-1-from-big {
    --gc-start: 1;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-2-from-big {
    --gc-start: 1;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-3-from-big {
    --gc-start: 1;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-4-from-big {
    --gc-start: 1;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-5-from-big {
    --gc-start: 1;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-6-from-big {
    --gc-start: 1;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-7-from-big {
    --gc-start: 1;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-8-from-big {
    --gc-start: 1;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-9-from-big {
    --gc-start: 1;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-10-from-big {
    --gc-start: 1;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-11-from-big {
    --gc-start: 1;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-12-from-big {
    --gc-start: 1;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-1-13-from-big {
    --gc-start: 1;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-1-from-big {
    --gc-start: 2;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-2-from-big {
    --gc-start: 2;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-3-from-big {
    --gc-start: 2;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-4-from-big {
    --gc-start: 2;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-5-from-big {
    --gc-start: 2;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-6-from-big {
    --gc-start: 2;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-7-from-big {
    --gc-start: 2;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-8-from-big {
    --gc-start: 2;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-9-from-big {
    --gc-start: 2;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-10-from-big {
    --gc-start: 2;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-11-from-big {
    --gc-start: 2;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-12-from-big {
    --gc-start: 2;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-2-13-from-big {
    --gc-start: 2;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-1-from-big {
    --gc-start: 3;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-2-from-big {
    --gc-start: 3;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-3-from-big {
    --gc-start: 3;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-4-from-big {
    --gc-start: 3;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-5-from-big {
    --gc-start: 3;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-6-from-big {
    --gc-start: 3;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-7-from-big {
    --gc-start: 3;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-8-from-big {
    --gc-start: 3;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-9-from-big {
    --gc-start: 3;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-10-from-big {
    --gc-start: 3;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-11-from-big {
    --gc-start: 3;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-12-from-big {
    --gc-start: 3;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-3-13-from-big {
    --gc-start: 3;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-1-from-big {
    --gc-start: 4;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-2-from-big {
    --gc-start: 4;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-3-from-big {
    --gc-start: 4;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-4-from-big {
    --gc-start: 4;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-5-from-big {
    --gc-start: 4;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-6-from-big {
    --gc-start: 4;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-7-from-big {
    --gc-start: 4;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-8-from-big {
    --gc-start: 4;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-9-from-big {
    --gc-start: 4;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-10-from-big {
    --gc-start: 4;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-11-from-big {
    --gc-start: 4;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-12-from-big {
    --gc-start: 4;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-4-13-from-big {
    --gc-start: 4;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-1-from-big {
    --gc-start: 5;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-2-from-big {
    --gc-start: 5;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-3-from-big {
    --gc-start: 5;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-4-from-big {
    --gc-start: 5;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-5-from-big {
    --gc-start: 5;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-6-from-big {
    --gc-start: 5;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-7-from-big {
    --gc-start: 5;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-8-from-big {
    --gc-start: 5;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-9-from-big {
    --gc-start: 5;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-10-from-big {
    --gc-start: 5;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-11-from-big {
    --gc-start: 5;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-12-from-big {
    --gc-start: 5;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-5-13-from-big {
    --gc-start: 5;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-1-from-big {
    --gc-start: 6;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-2-from-big {
    --gc-start: 6;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-3-from-big {
    --gc-start: 6;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-4-from-big {
    --gc-start: 6;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-5-from-big {
    --gc-start: 6;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-6-from-big {
    --gc-start: 6;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-7-from-big {
    --gc-start: 6;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-8-from-big {
    --gc-start: 6;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-9-from-big {
    --gc-start: 6;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-10-from-big {
    --gc-start: 6;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-11-from-big {
    --gc-start: 6;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-12-from-big {
    --gc-start: 6;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-6-13-from-big {
    --gc-start: 6;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-1-from-big {
    --gc-start: 7;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-2-from-big {
    --gc-start: 7;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-3-from-big {
    --gc-start: 7;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-4-from-big {
    --gc-start: 7;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-5-from-big {
    --gc-start: 7;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-6-from-big {
    --gc-start: 7;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-7-from-big {
    --gc-start: 7;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-8-from-big {
    --gc-start: 7;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-9-from-big {
    --gc-start: 7;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-10-from-big {
    --gc-start: 7;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-11-from-big {
    --gc-start: 7;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-12-from-big {
    --gc-start: 7;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-7-13-from-big {
    --gc-start: 7;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-1-from-big {
    --gc-start: 8;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-2-from-big {
    --gc-start: 8;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-3-from-big {
    --gc-start: 8;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-4-from-big {
    --gc-start: 8;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-5-from-big {
    --gc-start: 8;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-6-from-big {
    --gc-start: 8;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-7-from-big {
    --gc-start: 8;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-8-from-big {
    --gc-start: 8;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-9-from-big {
    --gc-start: 8;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-10-from-big {
    --gc-start: 8;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-11-from-big {
    --gc-start: 8;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-12-from-big {
    --gc-start: 8;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-8-13-from-big {
    --gc-start: 8;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-1-from-big {
    --gc-start: 9;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-2-from-big {
    --gc-start: 9;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-3-from-big {
    --gc-start: 9;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-4-from-big {
    --gc-start: 9;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-5-from-big {
    --gc-start: 9;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-6-from-big {
    --gc-start: 9;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-7-from-big {
    --gc-start: 9;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-8-from-big {
    --gc-start: 9;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-9-from-big {
    --gc-start: 9;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-10-from-big {
    --gc-start: 9;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-11-from-big {
    --gc-start: 9;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-12-from-big {
    --gc-start: 9;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-9-13-from-big {
    --gc-start: 9;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-1-from-big {
    --gc-start: 10;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-2-from-big {
    --gc-start: 10;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-3-from-big {
    --gc-start: 10;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-4-from-big {
    --gc-start: 10;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-5-from-big {
    --gc-start: 10;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-6-from-big {
    --gc-start: 10;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-7-from-big {
    --gc-start: 10;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-8-from-big {
    --gc-start: 10;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-9-from-big {
    --gc-start: 10;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-10-from-big {
    --gc-start: 10;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-11-from-big {
    --gc-start: 10;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-12-from-big {
    --gc-start: 10;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-10-13-from-big {
    --gc-start: 10;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-1-from-big {
    --gc-start: 11;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-2-from-big {
    --gc-start: 11;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-3-from-big {
    --gc-start: 11;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-4-from-big {
    --gc-start: 11;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-5-from-big {
    --gc-start: 11;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-6-from-big {
    --gc-start: 11;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-7-from-big {
    --gc-start: 11;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-8-from-big {
    --gc-start: 11;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-9-from-big {
    --gc-start: 11;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-10-from-big {
    --gc-start: 11;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-11-from-big {
    --gc-start: 11;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-12-from-big {
    --gc-start: 11;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-11-13-from-big {
    --gc-start: 11;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-1-from-big {
    --gc-start: 12;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-2-from-big {
    --gc-start: 12;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-3-from-big {
    --gc-start: 12;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-4-from-big {
    --gc-start: 12;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-5-from-big {
    --gc-start: 12;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-6-from-big {
    --gc-start: 12;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-7-from-big {
    --gc-start: 12;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-8-from-big {
    --gc-start: 12;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-9-from-big {
    --gc-start: 12;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-10-from-big {
    --gc-start: 12;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-11-from-big {
    --gc-start: 12;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-12-from-big {
    --gc-start: 12;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-12-13-from-big {
    --gc-start: 12;
    --gc-end: 13;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-1-from-big {
    --gc-start: 13;
    --gc-end: 1;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-2-from-big {
    --gc-start: 13;
    --gc-end: 2;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-3-from-big {
    --gc-start: 13;
    --gc-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-4-from-big {
    --gc-start: 13;
    --gc-end: 4;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-5-from-big {
    --gc-start: 13;
    --gc-end: 5;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-6-from-big {
    --gc-start: 13;
    --gc-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-7-from-big {
    --gc-start: 13;
    --gc-end: 7;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-8-from-big {
    --gc-start: 13;
    --gc-end: 8;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-9-from-big {
    --gc-start: 13;
    --gc-end: 9;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-10-from-big {
    --gc-start: 13;
    --gc-end: 10;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-11-from-big {
    --gc-start: 13;
    --gc-end: 11;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-12-from-big {
    --gc-start: 13;
    --gc-end: 12;
  }
}

@media (min-width: 1400px) {
  .u-gc-13-13-from-big {
    --gc-start: 13;
    --gc-end: 13;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  0% {
    transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    transform: translate3d(0, -10px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.u-relative {
  position: relative;
}

@media (max-width: 1199px) {
  .u-to-large-none {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .u-from-large-none {
    display: none !important;
  }
}

@media (min-width: 700px) {
  .u-from-small-none {
    display: none !important;
  }
}

@media (max-width: 699px) {
  .u-to-small-none {
    display: none !important;
  }
}

@media (max-width: 999px) {
  .u-to-medium-none {
    display: none !important;
  }
}

@media (min-width: 1000px) {
  .u-from-medium-none {
    display: none !important;
  }
}

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

.u-border-clip {
  -webkit-clip-path: inset(0 calc(var(--clip-offset) - var(--progress, 0) * var(--clip-offset)) 0 calc(var(--clip-offset) - var(--progress, 0) * var(--clip-offset)) round calc(1.875rem - var(--progress, 0) * 1.875rem));
          clip-path: inset(0 calc(var(--clip-offset) - var(--progress, 0) * var(--clip-offset)) 0 calc(var(--clip-offset) - var(--progress, 0) * var(--clip-offset)) round calc(1.875rem - var(--progress, 0) * 1.875rem));
}

.u-background-beige {
  background-color: #f6f4f1;
}

.p-not-found {
  --background-color-header-link-hover: #f4f4f4;
  --background-color-header-button: #f4f4f4;
  --background-color-header-button-hover: rgba(0, 0, 0, 0.1);
  --background-color-header-tel: rgba(244, 244, 244, 0.5);
  --background-color-header-tel-hover: rgba(0, 0, 0, 0.05);
}

.p-about {
  --background-color-header-link-hover: #f4f4f4;
  --background-color-header-button: #f4f4f4;
  --background-color-header-button-hover: rgba(0, 0, 0, 0.1);
  --background-color-header-tel: rgba(244, 244, 244, 0.5);
  --background-color-header-tel-hover: rgba(0, 0, 0, 0.05);
  --background-color-footer-social-link-hover: black;
  --color-footer-social-link-hover: white;
  --background-color-footer-button-hover: black;
  --color-footer-button-hover: white;
}

.c-header {
  padding: 1.875rem 0;
  pointer-events: none;
  z-index: 90;
}
.c-header a,
.c-header button {
  pointer-events: all;
}
.c-header_inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: var(--grid-gutter);
  align-items: flex-start;
}
.c-header_logo {
  grid-column: 1/1;
  grid-row: 1;
}
.c-header_list {
  grid-column: 1/3;
  grid-row: 1;
  display: flex;
  justify-content: center;
}
@media (max-width: 999px) {
  .c-header_list {
    display: none;
  }
}
.c-header_tel {
  background-color: var(--background-color-header-button);
  padding: clamp(0.875rem, 20 / 1710 * 100vw, 1.25rem);
  justify-content: center;
  transition: background-color 300ms ease;
}
@media (max-width: 1199px) {
  .c-header_tel {
    height: 3.125rem;
  }
}
@media (hover: hover) {
  .c-header_tel:hover {
    background-color: var(--background-color-header-button-hover);
  }
  .c-header_tel:hover .c-header_tel_text {
    background-size: 100% 1px;
  }
}

.c-header_logo {
  width: clamp(3.3125rem, 84 / 1710 * 100vw, 5.25rem);
  height: clamp(2.5rem, 62 / 1710 * 100vw, 3.875rem);
}

.c-header_link {
  display: flex;
  position: relative;
}
.c-header_link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  background-color: var(--background-color-header-link-hover);
  z-index: -1;
  opacity: 0;
  transform: scale(0.95);
  transition: transform 0.2s, opacity 0.2s;
}
@media (hover: hover) {
  .c-header_link:hover::before {
    opacity: 1;
    transform: scale(1);
  }
}

.c-header_block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  grid-template-rows: auto;
  justify-self: flex-end;
}
@media (min-width: 1200px) {
  .c-header_block {
    gap: 0.625rem;
  }
}
@media (max-width: 1199px) {
  .c-header_block {
    grid-row: 1;
    grid-column: 1/3;
    padding-left: var(--grid-gutter);
    width: calc((100% + var(--grid-gutter)) / 9 * 2);
  }
}
@media (max-width: 999px) {
  .c-header_block {
    display: none;
  }
}
@media (min-width: 1200px) {
  .c-header_block {
    grid-column: 2/2;
    grid-row: 1;
    grid-template-columns: 1fr 1fr;
  }
}
.c-header_block_item:nth-child(1) {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1200px) {
  .c-header_block_item:nth-child(1) {
    gap: 0.625rem;
  }
}

.c-header_block_button {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 1rem;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: var(--background-color-header-button);
  border-radius: 1rem;
  justify-content: space-between;
  transition: background-color 300ms ease;
  text-align: left;
}
@media (min-width: 1200px) {
  .c-header_block_button {
    min-height: 8.125rem;
    flex-direction: column;
  }
}
@media (min-width: 1600px) {
  .c-header_block_button {
    min-height: 10rem;
    padding: 1.25rem;
  }
}
@media (max-width: 1199px) {
  .c-header_block_button {
    align-items: center;
  }
}
@media (hover: hover) {
  .c-header_block_button.hover {
    background-color: var(--background-color-header-button-hover);
  }
  .c-header_block_button.hover .c-header_text {
    transition-duration: 500ms;
    background-size: 100% 1px;
  }
  .c-header_block_button.transition .c-header_text {
    background-size: 50% 1px;
    transition-duration: 500ms;
  }
  .c-header_block_button.is-dark:hover {
    background-color: #000;
  }
}

.c-header_block_button_arrow {
  height: 2.5rem;
  border-radius: 0.75rem;
  width: 2.5rem;
  flex-shrink: 0;
}
@media (min-width: 1200px) {
  .c-header_block_button_arrow {
    border-radius: 1rem;
    height: 2.875rem;
    width: 2.875rem;
  }
}

.c-header_text {
  background: no-repeat 200% 100%;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 200% 1px;
  transition-property: background-size;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.c-nav_button {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  display: flex;
  grid-template-columns: 2/2;
  justify-content: center;
  align-items: center;
  justify-self: end;
  z-index: 99;
  top: 1.875rem;
  right: 1.875rem;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
  position: fixed;
}
@media (min-width: 1000px) {
  .c-nav_button {
    display: none;
  }
}

.c-nav_button_inner {
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  padding: 4px 2px;
  flex-direction: column;
  justify-content: space-between;
}

.c-nav_button_span {
  height: 2px;
  width: 100%;
  border-radius: 100vw;
  background-color: #000;
  transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-menu-open .c-nav_button_span:nth-child(1) {
  transition-delay: 100ms;
  transform: translateY(4px) rotate(45deg);
}
html.has-menu-open .c-nav_button_span:nth-child(2) {
  transform: scaleX(0);
  transform-origin: center;
}
html.has-menu-open .c-nav_button_span:nth-child(3) {
  transition-delay: 100ms;
  transform: translateY(-6px) rotate(-45deg);
}

.c-header_link-block {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  background-color: var(--background-color-header-tel);
  border-radius: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  transition: background-color 300ms ease;
  height: clamp(3.125rem, 60 / 1710 * 100vw, 3.75rem);
}
@media (min-width: 1200px) {
  .c-header_link-block {
    grid-column: 1/3;
  }
}
@media (hover: hover) {
  .c-header_link-block:hover {
    background-color: var(--background-color-header-tel-hover);
  }
}

.c-header_link-block_icon {
  width: 1.25rem;
  height: 1.25rem;
}

.c-header_link-block_text {
  font-size: var(--font-size--button-2);
  font-weight: 500;
  line-height: 1.2;
}

.c-nav {
  z-index: 89;
  inset: 0;
  position: fixed;
  display: flex;
  justify-content: end;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
}
html.is-first-loaded .c-nav {
  transition: visibility 600ms cubic-bezier(0.15, 0.49, 0.19, 1);
}
html.has-menu-open .c-nav {
  visibility: visible;
}
.c-nav a,
.c-nav button {
  pointer-events: all;
}
@media (min-width: 1000px) {
  .c-nav {
    display: none;
  }
}

.c-nav_inner {
  position: absolute;
  width: 100%;
  top: 6.875rem;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  z-index: 2;
  gap: 10px;
}
@media (min-width: 500px) {
  .c-nav_inner {
    top: 5.625rem;
    max-width: 25rem;
  }
}
@media (min-width: 500px) {
  .c-nav_inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.c-nav_main {
  padding: 1.25rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.875rem;
  width: 100%;
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  opacity: 0;
  transform: scale(0.8);
  transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 150ms;
}
html.has-menu-open .c-nav_main {
  opacity: 1;
  transform: scale(1);
}

.c-nav_list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.c-nav_social_list {
  display: flex;
  margin-top: 2.875rem;
  justify-content: space-between;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.c-nav_social_item {
  color: rgba(0, 0, 0, 0.3);
}

.c-nav_tel {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  border-radius: 0.875rem;
  opacity: 0;
  transform: scale(0.8);
  transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-menu-open .c-nav_tel {
  opacity: 1;
  transform: scale(1);
}

.c-nav_block_button {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 1rem;
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.875rem;
  justify-content: space-between;
  transition: background-color 300ms ease;
  text-align: left;
  min-height: 10rem;
  padding: 1.25rem;
  flex-direction: column;
}
.c-nav_block_button.is-light {
  background-color: rgba(255, 255, 255, 0.9);
}
.c-nav_block_button.is-dark {
  background-color: rgba(0, 0, 0, 0.6);
}
.c-nav_block_button.hover {
  background-color: #fff;
}
.c-nav_block_button.hover .c-header_text {
  transition-duration: 500ms;
  background-size: 100% 1px;
}
.c-nav_block_button.transition .c-header_text {
  background-size: 50% 1px;
  transition-duration: 500ms;
}
.c-nav_block_button.is-dark:hover {
  background-color: #000;
}

.c-nav_block_item {
  opacity: 0;
  width: 100%;
  transform: scale(0.8);
  transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-nav_block_item:nth-child(1) {
  transition-delay: 50ms;
}
.c-nav_block_item:nth-child(2) {
  transition-delay: 100ms;
}
html.has-menu-open .c-nav_block_item {
  opacity: 1;
  transform: scale(1);
}

.c-nav_secondary {
  width: 100%;
  display: flex;
  gap: 10px;
}

.c-nav_background {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  opacity: 0;
}
html.is-first-loaded .c-nav_background {
  transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 300ms;
}
html.has-menu-open .c-nav_background {
  opacity: 1;
  transition-delay: 0ms;
}

.c-nav_link {
  font-size: var(--font-size--text-2);
  font-weight: 500;
}

.c-nav_link-block {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  height: 3.125rem;
  opacity: 0;
  transform: scale(0.8);
  transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 200ms;
}
html.has-menu-open .c-nav_link-block {
  opacity: 1;
  transform: scale(1);
}

.c-nav_link-block_icon {
  width: 1.25rem;
  height: 1.25rem;
}

.c-nav_link-block_text {
  font-size: var(--font-size--button-2);
  font-weight: 500;
  line-height: 1.2;
}

.c-tag {
  display: inline-flex;
  position: relative;
  border-radius: 100vw;
  height: clamp(2.5rem, 46 / 1710 * 100vw, 2.875rem);
  justify-content: center;
  align-items: center;
  padding-left: clamp(0.9375rem, 20 / 1710 * 100vw, 1.25rem);
  padding-right: clamp(0.9375rem, 20 / 1710 * 100vw, 1.25rem);
}
html.is-first-loaded .c-tag {
  transition: background-color 250ms ease;
}
.c-tag::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.c-tag.is-outlined::before {
  transition: border-color 250ms ease;
  border: 1px solid currentColor;
}
.c-tag.is-dashed::before {
  transition: border-color 250ms ease;
  border: 1px dashed currentColor;
  opacity: 0.2;
}

.c-tag_icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 1;
}

.c-hero {
  min-height: calc(100svh - 6rem);
  transform: translate(0, calc(25rem * var(--progress)));
}

.c-hero_background {
  transform: translate(0, calc(-25rem * var(--progress)));
  height: 200svh;
  pointer-events: none;
}

.c-hero_background_bg {
  height: 100svh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f2f2f2;
  position: sticky;
  top: 0;
  left: 0;
}

.c-hero_filter {
  opacity: calc(0.8 * var(--progress, 0));
  position: absolute;
  inset: 0;
  height: 150svh;
  pointer-events: none;
  background-color: #000;
}
html.wf-design-mode .c-hero_filter {
  display: none;
}

.c-hero_wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1000px) {
  .c-hero_wrapper {
    flex-direction: row;
    gap: 25%;
    align-items: end;
  }
}

.c-hero_wrapper_col.is-right {
  transform: translateY(2.5rem);
  opacity: 0;
}
html.is-first-loaded .c-hero_wrapper_col.is-right {
  transition: transform 800ms ease, opacity 800ms ease;
}
html.is-ready .c-hero_wrapper_col.is-right {
  transition-delay: 300ms;
  transform: translateY(0);
  opacity: 1;
}
@media (max-width: 999px) {
  .c-hero_wrapper_col.is-right {
    display: none;
  }
}
@media (min-width: 1000px) {
  .c-hero_wrapper_col.is-right {
    padding-left: var(--grid-gutter);
    width: calc((100% + var(--grid-gutter)) / 9 * 2);
  }
}

.c-hero_title {
  max-width: 12.5em;
}

.c-hero_marque {
  margin-top: clamp(1.25rem, 40 / 1710 * 100vw, 2.5rem);
  display: flex;
  transform: translateY(100%);
  opacity: 0;
}
html.is-first-loaded .c-hero_marque {
  transition: transform 800ms ease, opacity 800ms ease;
}
html.is-ready .c-hero_marque {
  transition-delay: 300ms;
  transform: translateY(0);
  opacity: 1;
}
@media (max-width: 799px) and (max-width: 799px) {
  .c-hero_marque {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 799px) and (max-width: 699px) {
  .c-hero_marque {
    --grid-offset: 10px;
  }
}

.c-hero_marque_inner {
  flex-shrink: 0;
  display: flex;
}
@media (max-width: 799px) {
  .c-hero_marque_inner {
    animation: marquee 30s linear infinite;
    animation-play-state: paused;
  }
  .c-hero_marque.is-inview .c-hero_marque_inner {
    animation-play-state: running;
  }
}
@media (min-width: 800px) {
  .c-hero_marque_inner:not(:first-child) {
    display: none;
  }
}

.c-hero_logo {
  flex-shrink: 0;
  margin-right: clamp(1.25rem, 40 / 1710 * 100vw, 2.5rem);
  height: clamp(2.5rem, 60 / 1710 * 100vw, 3.75rem);
}
@media (max-width: 799px) {
  .c-hero_logo {
    margin-right: 2.5rem;
  }
}
.c-hero_logo .c-image_img {
  width: auto;
  opacity: 1;
}

.c-hero_button {
  margin-top: 1.5rem;
}

.c-task {
  padding-top: clamp(2.5rem, 60 / 1710 * 100vw, 3.75rem);
  padding-bottom: clamp(2.5rem, 140 / 1710 * 100vw, 8.75rem);
}

.c-task_background {
  position: sticky;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--app-height);
}

.c-section {
  position: relative;
}

.c-article {
  position: relative;
  z-index: 1;
  position: relative;
  padding-top: clamp(2.5rem, 60 / 1710 * 100vw, 3.75rem);
  padding-bottom: 5rem;
}

.c-article .o-bg {
  -webkit-clip-path: inset(0 0 0 0 round 0 0 30px 30px);
          clip-path: inset(0 0 0 0 round 0 0 30px 30px);
}

.c-article_item_link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  border-radius: clamp(0.875rem, 24 / 1710 * 100vw, 1.5rem);
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: background-color 500ms ease;
  min-height: 17.375rem;
}
@media (min-width: 700px) {
  .c-article_item_link {
    min-height: clamp(16.25rem, 400 / 1710 * 100vw, 25rem);
  }
}
@media (hover: hover) {
  .c-article_item_link:hover {
    background-color: #FBFAF9;
  }
}
.c-article_item[data-item=fast] .c-article_item_link {
  border-color: #8168f0;
  background-color: #f3f4ff;
}
.c-article_item[data-item=fast] .c-article_item_link .c-tag::before {
  border-color: #8168f0;
  opacity: 1;
}

.c-article_item_header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.c-article_block_bottom {
  margin-top: 1.875rem;
  pointer-events: all;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  width: 100%;
}
@media (max-width: 499px) {
  .c-article_block_bottom {
    max-width: 25rem;
    margin-left: -10px;
    width: calc(100% + 20px);
    margin-right: -10px;
  }
}
@media (min-width: 1200px) {
  .c-article_block_bottom {
    margin-top: clamp(6.25rem, 200 / 1710 * 100vw, 12.5rem);
  }
}

@media (max-width: 799px) {
  .c-article_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gutter);
  }
}
@media (max-width: 699px) {
  .c-article_list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.c-article_item_title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.c-pagination.c-article_pagination {
  margin-top: clamp(1.25rem, 40 / 1710 * 100vw, 2.5rem);
}
@media (max-width: 799px) {
  .c-pagination.c-article_pagination {
    display: none;
  }
}

.c-article_grid {
  display: grid;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-article_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-article_item_date {
  color: rgba(16, 24, 32, 0.5);
}

.c-article_collection {
  margin-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}
@media (max-width: 799px) {
  .c-article_collection {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-article_collection {
    --grid-offset: 10px;
  }
}

@media (max-width: 1199px) {
  .c-article_right {
    margin-top: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  }
}
@media (max-width: 799px) {
  .c-article_right {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-article_right {
    --grid-offset: 10px;
  }
}

@media (max-width: 799px) {
  .c-article_swiper.swiper {
    overflow: visible;
  }
}
@media (min-width: 800px) {
  .c-article_swiper {
    border-radius: 0.875rem;
  }
}

.c-article_filter {
  margin-top: 1.875rem;
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .c-article_filter {
    margin-left: calc(var(--grid-margin) * -1);
    margin-right: calc(var(--grid-margin) * -1);
    padding-left: 10px;
    padding-right: 10px;
    overflow-y: hidden;
    overflow-x: auto;
  }
}

.c-article_filter_inner {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.c-article_filter_input {
  display: none;
}

.c-article_filter_icon {
  width: 1rem;
  height: 1rem;
}

.c-article_filter_block {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  gap: 6px;
  border-radius: 100vw;
  height: 2.875rem;
  background-color: #f6f4f1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size--tag);
  font-weight: 500;
  line-height: 1.15;
  position: relative;
  transition: background-color 250ms ease, color 250ms ease;
  white-space: nowrap;
}
.c-article_filter_input:checked ~ .c-article_filter_block {
  background-color: #beb9b1;
  color: #fff;
}

.c-article_filter_label {
  border-radius: inherit;
}
.c-article_filter_label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.c-article_filter_inner_item.-disabled {
  display: none;
}

.c-cases-listing_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.875rem;
  height: 100%;
  position: relative;
  padding: clamp(0.5rem, 10 / 1710 * 100vw, 0.625rem);
  border-radius: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
  background-color: hsla(var(--h), calc(var(--s) * 1%), calc(var(--l) * 1%));
}
.c-cases-listing_item::before {
  content: "";
  position: absolute;
  pointer-events: none;
  left: 1.875rem;
  right: 1.875rem;
  height: 100%;
  bottom: -1rem;
  background-color: hsla(calc(var(--h) + 1), calc(var(--s) * 0.65 * 1%), calc(var(--l) / 1.05 * 1%));
  border-radius: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
  z-index: -1;
  transition: transform 400ms ease;
}
[data-reward=winner] .c-cases-listing_item::before, [data-reward=nominee] .c-cases-listing_item::before {
  background-color: #FEE799;
}
:is([data-reward=nominee], [data-reward=winner]) .c-cases-listing_item {
  background: var(--radial), no-repeat right top/clamp(8.875rem, 194 / 1710 * 100vw, 12.125rem) auto var(--img), hsla(var(--h), calc(var(--s) * 1%), calc(var(--l) * 1%));
}
@media (hover: hover) {
  .c-cases-listing_item_container:hover .c-cases-listing_item::before {
    transform: translateY(0.5rem) scale(0.95);
  }
}

.c-cases-listing_header {
  padding-top: clamp(0.75rem, 20 / 1710 * 100vw, 1.25rem);
  padding-left: clamp(0.75rem, 20 / 1710 * 100vw, 1.25rem);
  padding-right: clamp(0.75rem, 20 / 1710 * 100vw, 1.25rem);
}

.c-cases-listing_result {
  position: relative;
  display: inline;
  z-index: 1;
  color: hsla(calc(var(--h) + 0), calc(var(--s) * 0.2 * 1%), calc(var(--l) / 2 * 1%));
  margin-left: 0.1875em;
}
.c-cases-listing_result::after {
  content: "";
  position: absolute;
  top: -0.0625em;
  bottom: -0.0625em;
  left: -0.25em;
  right: -0.25em;
  z-index: -1;
  border-radius: 0.375em;
  background-color: hsla(calc(var(--h) + 1), calc(var(--s) * 0.65 * 1%), calc(var(--l) / 1.05 * 1%));
}

.c-cases-listing_company_logo {
  height: 22px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.c-cases-listing_button {
  position: relative;
  background-color: transparent;
  z-index: 1;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
}
@media (max-width: 1399px) {
  .c-cases-listing_button {
    display: none;
  }
}
.c-cases-listing_button::before {
  content: "";
  position: absolute;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: hsla(var(--h), calc(var(--s) * 1%), calc(var(--l) * 1%));
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-cases-listing_item:hover .c-cases-listing_button::before {
    transform: scale(1.1);
  }
}

.c-cases-listing_bottom {
  background-color: var(--white);
  border-radius: clamp(0.875rem, 24 / 1710 * 100vw, 1.5rem);
  justify-content: space-between;
  align-items: center;
  margin-top: 5.75rem;
  padding: 1.25rem;
  display: flex;
  margin-top: clamp(3.125rem, 92 / 1710 * 100vw, 5.75rem);
  pointer-events: none;
}

.c-cases-listing_center {
  margin-top: clamp(3.5rem, 60 / 1710 * 100vw, 3.75rem);
}

.c-cases-listing_list {
  row-gap: clamp(2rem, 46 / 1710 * 100vw, 2.875rem);
  grid-template-columns: 1fr;
}
@media (max-width: 799px) {
  .c-cases-listing_list {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-cases-listing_list {
    --grid-offset: 10px;
  }
}
@media (min-width: 700px) {
  .c-cases-listing_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-cases-listing_description {
  color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 1199px) {
  .c-cases-listing_area {
    padding-top: 2rem;
    padding-bottom: 4.5rem;
    position: relative;
  }
}
@media (max-width: 499px) {
  .c-cases-listing_area {
    padding-bottom: 3.875rem;
  }
}

.c-cases-listing_company {
  height: clamp(2.5rem, 46 / 1710 * 100vw, 2.875rem);
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 11px;
  padding-bottom: 11px;
  gap: 10px;
}
@media (max-width: 999px) {
  .c-cases-listing_company.is-reward .c-cases-listing_company_divider {
    display: none;
  }
  .c-cases-listing_company.is-reward .c-cases-listing_company_title {
    display: none;
  }
}
.c-cases-listing_company.is-reward {
  background-color: #FBD063;
  color: #CC6600;
}
.c-cases-listing_company.is-reward .c-cases-listing_company_divider {
  background-color: #CC6600;
  opacity: 0.4;
}

.c-cases-listing_company_divider {
  background-color: #212121;
  opacity: 0.2;
  height: 100%;
  width: 1px;
}

.c-cases-listing_tags {
  opacity: 0;
}
.c-cases-listing_item_container[data-reward=winner] .c-cases-listing_tags, .c-cases-listing_item_container[data-reward=nominee] .c-cases-listing_tags {
  display: none;
}
html.is-first-loaded .c-cases-listing_tags {
  transition: opacity 800ms ease;
}
html.is-ready .c-cases-listing_tags.-ready {
  opacity: 1;
}
.c-cases-listing_tags .c-tag:not(:first-child) {
  display: none;
}
@media (max-width: 799px) {
  .c-cases-listing_tags {
    display: none;
  }
}

.c-cases-listing_title {
  max-width: 30.1875rem;
  text-wrap: balance;
}
.c-cases-listing_title::before {
  content: "";
  position: absolute;
  inset: 0;
}

.c-cases-listing_bottom_wrapper {
  width: 100%;
}
.c-cases-listing_bottom_wrapper strong {
  display: inline-flex;
  font-weight: 500;
  align-items: center;
  position: relative;
}
.c-cases-listing_bottom_wrapper strong.is-up::after, .c-cases-listing_bottom_wrapper strong.is-down::after {
  content: "";
  position: absolute;
  z-index: 1;
  margin-left: 0.375rem;
  right: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: hsla(calc(var(--h) + 0), calc(var(--s) * 0.2 * 1%), calc(var(--l) / 2 * 1%));
}
.c-cases-listing_bottom_wrapper strong.is-up::before, .c-cases-listing_bottom_wrapper strong.is-down::before {
  content: "";
  order: 1;
  display: inline-flex;
  margin-left: 0.375rem;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: hsla(var(--h), calc(var(--s) * 1%), calc(var(--l) * 1%));
}
.c-cases-listing_bottom_wrapper strong.is-up::after {
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99946 6L5 10L11 10L7.99946 6Z' fill='black' /%3E%3C/svg%3E");
}
.c-cases-listing_bottom_wrapper strong.is-down::after {
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99946 10L5 6L11 6L7.99946 10Z' fill='black' /%3E%3C/svg%3E");
}
.c-cases-listing_bottom_wrapper > ul {
  display: flex;
  gap: 0.9375rem;
}
.c-cases-listing_bottom_wrapper > ul > li {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 50%;
  font-size: var(--font-size--num-2);
}
.c-cases-listing_bottom_wrapper > ul > li:first-child, .c-cases-listing_bottom_wrapper > ul > li:nth-child(2) {
  display: flex;
}
@media (min-width: 1400px) {
  .c-cases-listing_bottom_wrapper > ul > li {
    max-width: 10rem;
  }
}
.c-cases-listing_bottom_wrapper > ul > li > ul {
  font-size: var(--font-size--description);
  line-height: 1.15;
  color: rgba(16, 24, 32, 0.3);
  min-height: 2.4em;
}
.c-cases-listing_bottom_wrapper > ul > li > ul li {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.c-cases-listing_company_container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.c-cases-listing_text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: calc(100% - 7.5rem);
}

.c-cases-listing_item_container {
  flex: none;
}
.c-cases-listing_item_container.is-about-page {
  height: auto;
}
@media (min-width: 1000px) {
  .c-cases-listing_item_container.is-about-page:not(:last-child) {
    margin-right: 0.625rem;
  }
}
.c-cases-listing_item_container[data-reward=winner] {
  --img: url("https://cdn.prod.website-files.com/65c366cf0920387f3c9c6514/67695696ecf082b10ba79b35_winner.png");
  --radial: radial-gradient(86.74% 83.32% at 100% 100%, #FEE799 0%, transparent);
}
.c-cases-listing_item_container[data-reward=nominee] {
  --img: url("https://cdn.prod.website-files.com/65c366cf0920387f3c9c6514/6769569573a0aa4faf50841d_winner-1.png");
  --radial: radial-gradient(93.78% 89.06% at 0% 100%, #FEE799 0%, transparent);
}

:is([data-reward=winner], [data-reward=nominee]) .c-cases-listing_item_wrapper {
  --h: 48 !important;
  --s: 100 !important;
  --l: 89 !important;
}

:is([data-reward=winner], [data-reward=nominee]) {
  --h: 48 !important;
  --s: 100 !important;
  --l: 89 !important;
}

[data-module-scroll=cases] {
  --color-primary: hsla(var(--h), calc(var(--s) * 1%), calc(var(--l) * 1%));
  --color-primary-dark: hsla(calc(var(--h) + 1), calc(var(--s) * 0.65 * 1%), calc(var(--l) / 1.05 * 1%));
  --color-primary-darkness: hsla(calc(var(--h) + 0), calc(var(--s) * 0.2 * 1%), calc(var(--l) / 2 * 1%));
  --color-primary-saturation: hsla(calc(var(--h) + 5), calc(var(--s) * 0.92 * 1%), calc(var(--l) / 1.36 * 1%));
}

.c-task-listing_list {
  display: grid;
  gap: var(--grid-gutter);
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--grid-gutter);
  grid-row-gap: var(--grid-gutter);
  grid-template-rows: auto auto;
  list-style-type: none;
}
@media (max-width: 799px) {
  .c-task-listing_list {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-task-listing_list {
    --grid-offset: 10px;
  }
}
@media (min-width: 700px) {
  .c-task-listing_list {
    grid-template-columns: repeat(6, 1fr);
  }
}

.c-task-listing_item_inner {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
  gap: 0.625rem;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  padding: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  border-radius: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
  overflow: hidden;
  transition: background-color 300ms ease;
}
@media (hover: hover) {
  .c-task-listing_item_inner:hover {
    background-color: rgba(255, 255, 255, 0.7);
  }
}

.c-task-listing_item {
  grid-column: span 3;
  min-height: 16.25rem;
  transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 700px) {
  .c-task-listing_item {
    min-height: 17.5rem;
  }
}
@media (min-width: 1200px) {
  .c-task-listing_item {
    min-height: 11.5rem;
  }
}
@media (min-width: 1400px) {
  .c-task-listing_item {
    min-height: 18.75rem;
  }
}
@media (min-width: 1400px) {
  .c-task-listing_item {
    grid-column: span 2;
  }
}
@media (min-width: 1400px) {
  .c-task-listing_item:nth-child(1) {
    grid-column: span 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
@media (min-width: 1400px) {
  .c-task-listing_item:nth-child(1) .c-task-listing_title {
    font-size: var(--font-size--title-card-1);
  }
}
@media (min-width: 1400px) {
  .c-task-listing_item:nth-child(2) {
    grid-column: span 3;
    grid-row: 1/1;
  }
}
@media (min-width: 1400px) {
  .c-task-listing_item:nth-child(3) {
    grid-column: span 3;
    grid-row: 2/2;
  }
}
@media (min-width: 1400px) {
  .c-task-listing_item:nth-child(1) {
    transform: translate3d(0, calc(2rem - var(--progress) * 2rem), 0);
  }
  .c-task-listing_item:nth-child(2) {
    transform: translate3d(0, calc(4rem - var(--progress) * 4rem), 0);
  }
  .c-task-listing_item:nth-child(3) {
    transform: translate3d(0, calc(6rem - var(--progress) * 6rem), 0);
  }
  .c-task-listing_item:nth-child(4) {
    transform: translate3d(0, calc(8rem - var(--progress) * 8rem), 0);
  }
  .c-task-listing_item:nth-child(5) {
    transform: translate3d(0, calc(10rem - var(--progress) * 10rem), 0);
  }
  .c-task-listing_item:nth-child(6) {
    transform: translate3d(0, calc(12rem - var(--progress) * 12rem), 0);
  }
  .c-task-listing_item:nth-child(7) {
    transform: translate3d(0, calc(14rem - var(--progress) * 14rem), 0);
  }
  .c-task-listing_item:nth-child(8) {
    transform: translate3d(0, calc(16rem - var(--progress) * 16rem), 0);
  }
  .c-task-listing_item:nth-child(9) {
    transform: translate3d(0, calc(18rem - var(--progress) * 18rem), 0);
  }
}

@media (max-width: 1199px) {
  .c-task-listing_area {
    padding-top: 2rem;
    padding-bottom: 4.5rem;
    position: relative;
  }
}
@media (max-width: 499px) {
  .c-task-listing_area {
    padding-bottom: 3.875rem;
  }
}

.c-task-listing_tags_container {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.c-task-listing_tags_container .c-tag:not(:first-child) {
  display: none;
}

.c-task-listing_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.c-button-small {
  display: inline-flex;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem 1.25rem;
  min-height: 2.875rem;
  border: 1px dashed #101820;
  border-radius: clamp(0.75rem, 14 / 1710 * 100vw, 0.875rem);
  gap: 0.5rem;
}
@media (hover: hover) {
  .c-button-small:hover {
    background-color: #fff;
    border-color: transparent;
    color: #000;
  }
  .c-button-small.is-footer:hover {
    background-color: var(--background-color-footer-button-hover);
    border-color: transparent;
    color: var(--color-footer-button-hover);
  }
}

.c-button {
  display: inline-flex;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 3.125rem;
  border-radius: 0.875rem;
  pointer-events: all;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
  text-wrap: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}
@media (hover: hover) {
  .c-button:hover:not(.is-disabled, .is-light, [disabled]) {
    background-color: #4D4D4D;
  }
}
@media (min-width: 500px) {
  .c-button {
    border-radius: 1rem;
    height: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .c-button {
    border-radius: 1.25rem;
    height: 4.375rem;
  }
}
@media (min-width: 700px) and (max-width: 1199px) {
  .c-button {
    width: 18.75rem;
  }
}
.c-button.is-small {
  border-radius: 0.875rem;
  height: 3.5rem;
}
.c-button.is-tiny {
  width: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.875rem;
  height: 2.875rem;
  gap: 0.875rem;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #000;
}
.c-button.is-large {
  height: clamp(5rem, 100 / 1710 * 100vw, 6.25rem);
  border-radius: 1.25rem;
  width: 100%;
}
.c-button.is-light {
  color: #000;
  background-color: #fff;
}
.c-button.is-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.c-button.is-dashed {
  border: 1px dashed rgba(0, 0, 0, 0.3);
  background-color: transparent;
  color: #212121;
}
@media (hover: hover) {
  .c-button.is-dashed:hover {
    background-color: #F2F2F2;
    border-color: transparent;
  }
}

.c-button_icon {
  flex-shrink: 0;
}

.c-image {
  position: relative;
  width: 100%;
  height: 100%;
}
.c-image_inner {
  display: block;
  width: 100%;
  height: 100%;
}
.c-image_img {
  opacity: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-image_img.-lazy-loaded {
  opacity: 1;
}
.c-about-page_status_image .c-image_img {
  -o-object-fit: contain;
     object-fit: contain;
}

.c-block {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px dashed rgba(0, 0, 0, 0.2);
  border-radius: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
  justify-content: center;
  align-items: center;
  display: flex;
}
.c-block.is-constructor {
  height: 15.625rem;
  background-color: #fbfaf9;
  margin-top: 7.5rem;
}
.c-block.is-task-constructor {
  min-height: 12.5rem;
}
@media (min-width: 1200px) {
  .c-block.is-task-constructor {
    min-height: 11.25rem;
  }
}
@media (min-width: 1400px) {
  .c-block.is-task-constructor {
    min-height: 15.625rem;
  }
}

.c-block_figure {
  display: block;
  position: relative;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  color: #fff;
  padding: clamp(1.125rem, 22 / 1710 * 100vw, 1.375rem);
  z-index: 1;
}
.c-block_figure::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #000;
  transition: transform 500ms ease, background-color 300ms ease;
}
@media (hover: hover) {
  .c-block:hover .c-block_figure::before, .c-team_link:hover .c-block_figure::before, .c-about-page_team_image_container:hover .c-block_figure::before {
    transform: scale(1.1);
  }
}
.c-block_figure.is-team {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.875rem;
  color: #000;
}
.c-block_figure.is-team::before {
  border-radius: 0.75rem;
  background-color: #fff;
}
.c-block_figure.is-about-team {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  padding: clamp(0.875rem, 26 / 1710 * 100vw, 1.625rem);
  width: clamp(2.5rem, 70 / 1710 * 100vw, 4.375rem);
  height: clamp(2.5rem, 70 / 1710 * 100vw, 4.375rem);
  color: #000;
}
@media (min-width: 800px) {
  .c-block_figure.is-about-team {
    bottom: 0.625rem;
    right: 0.625rem;
  }
}
.c-block_figure.is-about-team::before {
  border-radius: clamp(0.75rem, 24 / 1710 * 100vw, 1.5rem);
  background-color: #fff;
}

.c-block_inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.c-block_text {
  transition: transform 400ms ease;
  will-change: transform;
}
.c-block:hover .c-block_text, .c-team_link:hover .c-block_text, .c-about-page_team_image_container:hover .c-block_text {
  transform: translateY(-0.4rem);
}

.c-block_figure_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.c-block_figure_span {
  position: absolute;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: currentColor;
}
.c-block_figure_span::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: currentColor;
}
.c-block_figure_span:nth-child(1) {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
}
.c-block_figure_span:nth-child(1)::before {
  transform: translateX(-130%);
}
@media (hover: hover) {
  .c-block:hover .c-block_figure_span:nth-child(1), .c-team_link:hover .c-block_figure_span:nth-child(1), .c-about-page_team_image_container:hover .c-block_figure_span:nth-child(1) {
    transform: translateX(130%);
  }
}
.c-block_figure_span:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
}
.c-block_figure_span:nth-child(2)::before {
  transform: translateY(-130%);
  transition-delay: 0.1s;
}
@media (hover: hover) {
  .c-block:hover .c-block_figure_span:nth-child(2), .c-team_link:hover .c-block_figure_span:nth-child(2), .c-about-page_team_image_container:hover .c-block_figure_span:nth-child(2) {
    transform: translateY(130%);
  }
}

@media (max-width: 699px) {
  .c-cases-listing_list .c-block, .c-task-listing_list .c-block {
    display: none;
  }
}

.c-tile-fullwidth_num::before {
  counter-increment: orderedlist;
  content: counter(orderedlist);
}

.c-tile-fullwidth {
  display: flex;
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
  padding: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  border-radius: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
}
@media (max-width: 699px) {
  .c-tile-fullwidth {
    flex-direction: column;
  }
}
.c-tile-fullwidth_col {
  width: 100%;
  flex-shrink: 1;
  align-items: flex-start;
}
@media (min-width: 700px) {
  .c-tile-fullwidth {
    height: clamp(25.625rem, 500 / 1710 * 100vw, 31.25rem);
  }
}
.c-tile-fullwidth_right {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
}
.c-tile-fullwidth_list {
  margin-top: 0.75rem;
}
.c-tile-fullwidth_item {
  position: relative;
  padding-left: 1.5rem;
}
.c-tile-fullwidth_item::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-left: solid 8px currentColor;
  opacity: 0.4;
  border-bottom: solid 5px transparent;
  border-top: solid 5px transparent;
}
.c-tile-fullwidth_item:not(:first-child) {
  margin-top: 0.75rem;
}
.c-tile-fullwidth_num {
  border-radius: 100%;
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(138, 138, 138, 0.15);
}
@media (min-width: 700px) {
  .c-tile-fullwidth_num {
    width: 2rem;
    height: 2rem;
  }
}
@media (min-width: 1200px) {
  .c-tile-fullwidth_num {
    width: 3.125rem;
    height: 3.125rem;
  }
}

@media (max-width: 699px) {
  .c-tile-fullwidth_left_content {
    margin-top: 1.5rem;
  }
}

.c-tile-fullwidth_left_header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.c-tile-fullwidth_left_tags {
  margin-top: 3.125rem;
}
@media (min-width: 700px) {
  .c-tile-fullwidth_left_tags {
    margin-top: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  }
}

@media (max-width: 699px) {
  .c-tile-fullwidth_col.is-right {
    margin-top: 1.875rem;
  }
}
@media (max-width: 699px) {
  .c-tile-fullwidth_col.is-left {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(138, 138, 138, 0.15);
  }
}

.c-tile-fullwidth_button {
  align-self: flex-start;
}
@media (min-width: 700px) {
  .c-tile-fullwidth_button {
    width: auto;
  }
}
@media (max-width: 699px) {
  .c-tile-fullwidth_button {
    margin-top: 1.25rem;
  }
}

.c-about {
  padding-top: clamp(2.5rem, 70 / 1440 * 100vw, 4.375rem);
  padding-bottom: clamp(2.5rem, 264 / 1440 * 100vw, 16.5rem);
  background-color: #fff;
  z-index: 2;
}

.c-about_solutions_list {
  display: flex;
  flex-direction: column;
  margin-top: clamp(2.5rem, 160 / 1710 * 100vw, 10rem);
}
@media (min-width: 1000px) {
  .c-about_solutions_list {
    padding-top: clamp(6.5rem, 104 / 1710 * 100vw, 6.5rem);
  }
}

@media (min-width: 1000px) {
  .c-about_solutions_item {
    margin-top: clamp(-12.5rem, -104 / 1710 * 100vw, -6.5rem);
  }
}
@media (min-width: 700px) {
  .c-about_solutions_item {
    width: calc(50% - var(--grid-gutter) / 2);
  }
}
@media (min-width: 700px) {
  .c-about_solutions_item:nth-child(even) {
    align-self: flex-end;
  }
}

.c-about_text {
  max-width: 25rem;
}
html:not(.wf-design-mode) .c-about_text {
  opacity: 0;
  transform: translateY(1.875rem);
}
html.is-first-loaded .c-about_text {
  transition: opacity 800ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
html.is-ready .c-about_solutions_item.is-inview .c-about_text {
  opacity: 1;
  transform: translateY(0);
}

.c-about_solutions_content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 20 / 1710 * 100vw, 1.25rem);
}

.c-about_solutions_title {
  max-width: 9.375em;
}

@media (min-width: 1200px) {
  .c-about_partners {
    padding-right: clamp(1.5rem, 72 / 1710 * 100vw, 4.5rem);
  }
}

.c-about_partners_item {
  aspect-ratio: 8/5;
  background-color: #2e2e2e;
  border-radius: clamp(0.75rem, 16 / 1710 * 100vw, 1rem);
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-about_list_inner {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 50 / 1710 * 100vw, 3.125rem);
}
@media (min-width: 700px) and (max-width: 1199px) {
  .c-about_list_inner {
    margin-top: 0;
    grid-column: 4/7;
  }
}

.c-about_list {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 50 / 1710 * 100vw, 3.125rem);
  margin-top: clamp(1.875rem, 100 / 1710 * 100vw, 6.25rem);
}
@media (min-width: 700px) and (max-width: 1199px) {
  .c-about_list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--grid-gutter);
  }
}
@media (max-width: 1199px) {
  .c-about_list {
    padding-bottom: clamp(2.5rem, 30 / 1710 * 100vw, 1.875rem);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media (min-width: 700px) and (max-width: 1199px) {
  .c-about_item_partners {
    grid-column: 1/3;
    grid-row: 1/1;
  }
}

.c-about_solutions {
  position: relative;
}
@media (max-width: 1199px) {
  .c-about_solutions {
    margin-top: 3.75rem;
  }
}

.c-about_solutions_figure {
  position: absolute;
  width: 68.75rem;
  left: 0;
  bottom: -10vw;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 1400px) {
  .c-about_solutions_figure {
    width: 80rem;
  }
}
@media (max-width: 699px) {
  .c-about_solutions_figure {
    display: none;
  }
}

.c-about_solutions_button {
  margin-top: clamp(1.25rem, 40 / 1710 * 100vw, 2.5rem);
}

.c-about_solutions_image {
  mix-blend-mode: lighten;
  position: relative;
  pointer-events: none;
}
.c-about_solutions_image::before {
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  background-image: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 200%);
}
.c-about_solutions_image .c-image_img {
  z-index: 1;
  opacity: 1;
}
.c-about_solutions_image canvas {
  width: 100%;
  height: 100%;
}

.c-cooperation {
  padding-top: clamp(2.5rem, 60 / 1710 * 100vw, 3.75rem);
  padding-bottom: clamp(2.5rem, 140 / 1710 * 100vw, 8.75rem);
}

@media (min-width: 700px) {
  .c-cooperation_list[data-scroll] .c-cooperation_item {
    position: sticky;
    top: 0;
  }
}
@media (min-width: 700px) {
  .c-cooperation_list[data-scroll] .c-cooperation_item:nth-child(1) {
    transform: scale(calc(1 - var(--progress) * 0.2));
  }
  .c-cooperation_list[data-scroll] .c-cooperation_item:nth-child(1)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 2;
    pointer-events: none;
    opacity: calc(var(--progress) * 1.2);
  }
  .c-cooperation_list[data-scroll] .c-cooperation_item:nth-child(2) {
    transform: scale(calc(1 - var(--progress) * 0.07));
  }
  .c-cooperation_list[data-scroll] .c-cooperation_item:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 2;
    pointer-events: none;
    opacity: calc(var(--progress) * 0.4);
  }
}

.c-cooperation_list {
  display: flex;
  flex-direction: column;
  counter-reset: orderedlist;
  gap: 0.625rem;
}
@media (max-width: 799px) {
  .c-cooperation_list {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-cooperation_list {
    --grid-offset: 10px;
  }
}

@media (max-width: 1199px) {
  .c-cooperation.is-project .c-cooperation_list {
    margin-top: 1.875rem;
  }
}

@media (max-width: 1199px) {
  .c-cooperation_wrapper {
    margin-top: 1.875rem;
  }
}

@media (max-width: 1199px) {
  .c-sticky-block {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .c-sticky-block {
    position: sticky;
    top: 1.875rem;
  }
}

.c-sticky-block_bottom {
  margin-top: 1.875rem;
  pointer-events: all;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  width: 100%;
}
@media (max-width: 499px) {
  .c-sticky-block_bottom {
    margin-left: -10px;
    width: calc(100% + 20px);
    margin-right: -10px;
  }
}
@media (max-width: 1199px) {
  .c-sticky-block_bottom {
    position: sticky;
    top: calc(100% - 5.375rem);
  }
}
@media (min-width: 1200px) {
  .c-sticky-block_bottom {
    margin-top: clamp(6.25rem, 200 / 1710 * 100vw, 12.5rem);
    flex-direction: column;
  }
}

.c-sticky-block_text {
  margin-top: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  color: rgba(0, 0, 0, 0.5);
}

.c-sticky-block_header {
  margin-top: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
}

.c-sticky-block_inner {
  width: 100%;
}
.c-sticky-block_inner.is-work-stage {
  padding-top: clamp(1.75rem, 48 / 1710 * 100vw, 3rem);
}

.c-sticky-block_area {
  pointer-events: none;
}
@media (max-width: 1199px) {
  .c-sticky-block_area {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}

.c-loader {
  pointer-events: none;
  position: fixed;
  z-index: 100000000000;
  inset: 0;
  background-color: #000;
  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.wf-design-mode .c-loader {
  display: none;
}
.c-loader::before {
  position: absolute;
  width: clamp(1.5rem, 36 / 1710 * 100vw, 2.25rem);
  height: clamp(1.5rem, 36 / 1710 * 100vw, 2.25rem);
  right: var(--grid-margin);
  bottom: var(--grid-margin);
  border: 1px solid #fff;
  border-bottom-color: rgba(0, 0, 0, 0);
  content: "";
  border-radius: 50%;
  animation: spin 0.3s linear infinite;
}

html.is-ready .c-loader {
  opacity: 0;
}

html.is-animating .c-loader {
  opacity: 1;
}

html.is-changing .c-loader {
  transition-duration: 250ms;
}

/* Define a transition duration during page visits */
html.is-changing .transition-fade {
  transition-duration: 250ms;
}

.c-scrollbar {
  z-index: 80;
  height: 100%;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  width: 11px;
}
@media (hover: none) {
  .c-scrollbar {
    display: none;
  }
}
.lenis-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
  opacity: 1;
}
.c-scrollbar:hover {
  opacity: 1;
  transform: scaleX(1.45);
}

.c-scrollbar_thumb {
  background-color: rgb(124, 124, 124);
  opacity: 0.8;
  border-radius: 10px;
  cursor: grab;
  margin: 2px;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
}
.has-scroll-dragging .c-scrollbar_thumb {
  cursor: grabbing;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c-cases_inner {
  transform: translateY(10rem);
  z-index: 1;
  position: relative;
  padding-top: clamp(2.5rem, 60 / 1710 * 100vw, 3.75rem);
  padding-bottom: clamp(2.5rem, 140 / 1710 * 100vw, 8.75rem);
  background-color: #fff;
  -webkit-clip-path: inset(0 calc(var(--clip-offset) - var(--progress, 0) * var(--clip-offset)) 0 calc(var(--clip-offset) - var(--progress, 0) * var(--clip-offset)) round calc(1.875rem - var(--progress, 0) * 1.875rem));
          clip-path: inset(0 calc(var(--clip-offset) - var(--progress, 0) * var(--clip-offset)) 0 calc(var(--clip-offset) - var(--progress, 0) * var(--clip-offset)) round calc(1.875rem - var(--progress, 0) * 1.875rem));
}
html.is-first-loaded .c-cases_inner {
  transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
}
html.is-ready .c-cases_inner {
  transition-delay: 400ms;
  transform: translateY(0);
}
html.is-loading .c-cases_inner {
  transition-delay: 800ms;
}

:root {
  --footer-height: 620px;
}
@media (min-width: 700px) {
  :root {
    --footer-height: 844px;
  }
}
@media (min-width: 1000px) {
  :root {
    --footer-height: 900px;
  }
}

.c-footer {
  margin-top: -100svh;
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
  height: calc(var(--footer-height) * 2);
  margin-top: calc(var(--footer-height) * -1);
}
@media (max-height: 900px) {
  .c-footer {
    height: calc(var(--app-height) * 2);
    margin-top: calc(var(--app-height) * -1);
  }
}
@media (max-width: 999px) {
  .c-footer_title {
    max-width: 11.5em;
  }
}

.c-footer_inner {
  position: sticky;
  width: 100%;
  bottom: 0;
  height: var(--footer-height);
  padding-top: clamp(7.875rem, 126 / 1710 * 100vw, 7.875rem);
  padding-bottom: clamp(1.875rem, 35 / 1710 * 100vw, 2.1875rem);
}
@media (max-height: 900px) {
  .c-footer_inner {
    height: var(--app-height);
  }
}

.c-footer_background {
  height: calc(var(--app-height) * 2);
  top: auto;
}
@media (min-height: 900px) {
  .c-footer_background {
    height: calc(var(--app-height) * 2);
  }
}

.c-footer_background_bg {
  height: var(--app-height);
  position: sticky;
  top: 0;
}

.c-footer_filter {
  pointer-events: none;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: calc(0.4 * var(--progress, 1));
}
html.wf-design-mode .c-footer_filter {
  display: none;
}

.c-footer_back-button {
  z-index: 1;
  position: relative;
  justify-self: start;
  padding-left: 1.875rem;
}
.c-footer_back-button::before {
  content: "";
  position: absolute;
  inset: -0.625rem;
}
.c-footer_back-button_icon {
  position: absolute;
  left: 0;
  pointer-events: none;
}

.c-footer_nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-footer_nav {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 999px) {
  .c-footer_copyright {
    grid-column: 1/1;
    grid-row: 2/2;
  }
}

.c-footer_bottom_right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-gutter);
  width: 100%;
}
@media (max-width: 999px) {
  .c-footer_bottom_right {
    grid-row: 2/2;
  }
}
@media (min-width: 700px) {
  .c-footer_bottom_right {
    justify-content: end;
    gap: 1.5rem;
    grid-column: 3/3;
  }
}
@media (min-width: 1000px) {
  .c-footer_bottom_right {
    justify-content: space-between;
  }
}

.c-footer_bottom {
  display: flex;
  align-items: end;
}
@media (max-width: 699px) {
  .c-footer_bottom {
    flex-direction: column;
    align-items: start;
  }
  .c-footer_bottom_right {
    order: -1;
  }
}
@media (min-width: 700px) {
  .c-footer_bottom {
    -moz-column-gap: var(--grid-gutter);
         column-gap: var(--grid-gutter);
    display: grid;
  }
}
@media (min-width: 700px) {
  .c-footer_bottom {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 999px) {
  .c-footer_copyright {
    order: 1;
    margin-top: 0.375rem;
  }
}

@media (max-width: 699px) {
  .c-footer_policy {
    margin-top: 1.625rem;
  }
}

.c-footer_bottom_right_span {
  text-wrap: nowrap;
}
@media (min-width: 700px) {
  .c-footer_bottom_right_span {
    justify-self: end;
  }
}

.c-footer_nav_list {
  grid-row-gap: clamp(0.625rem, 16 / 1710 * 100vw, 1rem);
}

.c-footer_nav_link {
  font-size: var(--font-size--footer-text);
  line-height: 1.2;
  font-weight: 500;
}

.c-footer_secondary_link {
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .c-footer_secondary_link:hover {
    opacity: 1;
  }
}

.c-footer_social {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 1.25rem;
}
@media (max-width: 699px) {
  .c-footer_social {
    display: none;
  }
}

.c-footer_social_link {
  height: 2.875rem;
  width: 2.875rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  overflow: hidden;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
}
@media (hover: hover) {
  .c-footer_social_link:hover {
    color: var(--color-footer-social-link-hover);
    background-color: var(--background-color-footer-social-link-hover);
    border-color: transparent;
  }
}

.c-footer_work_wrapper {
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  gap: clamp(0.625rem, 16 / 1710 * 100vw, 1rem);
  margin-top: clamp(0.75rem, 16 / 1710 * 100vw, 1rem);
}

.c-footer_work_bottom {
  margin-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}
@media (max-width: 699px) {
  .c-footer_work_bottom {
    display: none;
  }
}

.c-footer_header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.875rem 0;
  pointer-events: none;
}
.c-footer_header a,
.c-footer_header button {
  pointer-events: all;
}

.c-footer_item {
  display: flex;
  flex-direction: column;
}

.c-footer_item_bottom {
  margin-top: auto;
}

.c-scroll-wrapper {
  overflow-x: hidden;
  overflow-y: scroll;
}

html:not(.wf-design-mode) #modal {
  position: fixed;
  inset: 0;
  z-index: 99;
}

#modal .o-scroll {
  padding-top: 6.25rem;
}
@media (min-width: 1000px) {
  #modal .o-scroll {
    padding-top: 3.75rem;
  }
}

#modal {
  --duration: 600ms;
}
#modal.is-animating {
  transition-duration: var(--duration);
}
#modal.is-animating .c-scroll-wrapper_inner {
  transform: translateY(100%);
}
#modal.is-changing .c-scroll-wrapper_inner {
  transition: transform var(--duration) cubic-bezier(0.15, 0.49, 0.19, 1);
}

#modal .c-main {
  pointer-events: all;
  -webkit-clip-path: inset(0 calc(var(--clip-offset, 10px) - var(--progress, 0) * var(--clip-offset, 10px)) 0 calc(var(--clip-offset, 10px) - var(--progress, 0) * var(--clip-offset, 10px)) round calc(1.875rem - var(--progress, 0) * 1.875rem));
          clip-path: inset(0 calc(var(--clip-offset, 10px) - var(--progress, 0) * var(--clip-offset, 10px)) 0 calc(var(--clip-offset, 10px) - var(--progress, 0) * var(--clip-offset, 10px)) round calc(1.875rem - var(--progress, 0) * 1.875rem));
}

.c-modal_background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  cursor: default;
  pointer-events: all;
}
#modal.is-changing .c-modal_background {
  transition-duration: 600ms;
}
#modal.is-animating .c-modal_background {
  opacity: 0;
}

.c-modal_close_sticky {
  position: absolute;
  pointer-events: none;
  padding-right: var(--grid-margin);
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
@media (min-width: 1000px) {
  .c-modal_close_sticky {
    padding-top: 5.625rem;
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .c-modal_close_sticky {
    padding-top: calc(3.75rem + var(--grid-margin));
    padding-bottom: calc(3.75rem + var(--grid-margin));
  }
}
.c-modal_close_sticky.is-constructor {
  padding-top: 0px;
}

.c-modal_close {
  position: sticky;
  right: var(--grid-margin);
  top: 2rem;
  z-index: 99;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  padding: clamp(1.125rem, 22 / 1710 * 100vw, 1.375rem);
  pointer-events: all;
}
#modal .c-modal_close {
  pointer-events: all;
}
.c-modal_close::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #000;
}
html.is-first-loaded .c-modal_close::before {
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-modal_close:hover::before {
    transform: scale(1.1);
  }
}

.c-modal_figure_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(-45deg);
}

.c-modal_figure_span {
  position: absolute;
  background-color: #fff;
}
html.is-first-loaded .c-modal_figure_span {
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-modal_figure_span::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
}
.c-modal_figure_span:nth-child(1) {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
}
.c-modal_figure_span:nth-child(1)::before {
  transform: translateX(-130%);
}
.c-modal_close:hover .c-modal_figure_span:nth-child(1) {
  transform: translateX(130%);
}
.c-modal_figure_span:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
}
.c-modal_figure_span:nth-child(2)::before {
  transform: translateY(-130%);
  transition-delay: 0.4s;
}
.c-modal_close:hover .c-modal_figure_span:nth-child(2) {
  transform: translateY(130%);
}

.c-work-stage {
  padding-bottom: 7.5rem;
}

.c-work-stage_wrapper {
  position: relative;
}
@media (min-width: 1200px) {
  .c-work-stage_wrapper {
    padding-top: 6.25rem;
  }
}

.c-work-stage_list {
  display: flex;
  flex-direction: column;
  position: relative;
}

.c-work-stage_details_tag {
  display: flex;
  gap: 2px;
}

.c-work-stage_item {
  display: flex;
  flex-direction: column;
}
.c-work-stage_item:not(:first-child) {
  padding-top: clamp(3.75rem, 100 / 1710 * 100vw, 6.25rem);
}

@media (min-width: 1200px) {
  .c-work-stage_fixed {
    position: absolute;
    left: var(--grid-margin);
    top: 0;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .c-work-stage_heading {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
}

.c-work-stage_result {
  margin-top: clamp(3.75rem, 100 / 1710 * 100vw, 6.25rem);
}

.c-work-stage_result_block {
  font-size: var(--font-size--title-card-4);
  font-weight: 500;
  line-height: 1.2;
  margin-top: 30px;
}
.c-work-stage_result_block ul {
  display: grid;
  gap: var(--grid-gutter);
}
@media (max-width: 799px) {
  .c-work-stage_result_block ul {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-work-stage_result_block ul {
    --grid-offset: 10px;
  }
}
@media (min-width: 700px) {
  .c-work-stage_result_block ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-work-stage_result_block li {
  display: flex;
  align-items: center;
  padding: clamp(1.875rem, 35 / 1710 * 100vw, 2.1875rem) clamp(2rem, 56 / 1710 * 100vw, 3.5rem) clamp(1.875rem, 35 / 1710 * 100vw, 2.1875rem) clamp(0.75rem, 16 / 1710 * 100vw, 1rem);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  gap: 1rem;
}
.c-work-stage_result_block li::before {
  content: "";
  margin: clamp(0.8125rem, 17 / 1710 * 100vw, 1.0625rem);
  display: inline-flex;
  flex-shrink: 0;
  height: clamp(2.25rem, 46 / 1710 * 100vw, 2.875rem);
  width: clamp(2.25rem, 46 / 1710 * 100vw, 2.875rem);
  background-color: var(--color-primary-saturation);
  border-radius: 100%;
  background-image: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.725 19.3072L21.4 28.0703L16.275 22.6756L17.725 21.2981L21.4 25.1665L28.275 17.9297L29.725 19.3072Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 46px 46px;
}
#modal[data-reward=winner] .c-work-stage_result_block li::before, #modal[data-reward=nominee] .c-work-stage_result_block li::before {
  background-color: #FFB800;
}

.c-work-stage_card_tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-primary-dark, #d3d0cc);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
}

.c-work-stage_card_tag_text {
  color: rgba(0, 0, 0, 0.5);
}

.c-work-stage_divider {
  display: flex;
  justify-content: center;
  margin-top: clamp(2.5rem, 120 / 1710 * 100vw, 7.5rem);
  padding-bottom: 1.25rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
@media (max-width: 799px) {
  .c-work-stage_divider {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-work-stage_divider {
    --grid-offset: 10px;
  }
}
.c-work-stage_item:last-child .c-work-stage_divider {
  display: none;
}

.c-work-stage_divider_span {
  color: rgba(0, 0, 0, 0.4);
}

.c-work-stage_details {
  display: flex;
}
@media (max-width: 1199px) {
  .c-work-stage_details {
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .c-work-stage_details {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.c-work-stage_card_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--grid-gutter);
  margin-top: 40px;
}
@media (max-width: 799px) {
  .c-work-stage_card_list {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-work-stage_card_list {
    --grid-offset: 10px;
  }
}
@media (min-width: 700px) {
  .c-work-stage_card_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .c-work-stage_card_list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-work-stage_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
  padding: 1.25rem;
  min-height: 12.5rem;
  background-color: var(--color-primary);
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
}
@media (min-width: 1200px) {
  .c-work-stage_card {
    min-height: 11.25rem;
  }
}
@media (min-width: 1400px) {
  .c-work-stage_card {
    min-height: 15.625rem;
  }
}
.is-constructor .c-work-stage_card {
  background-color: #f6f4f1;
}

.c-work-stage_bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1199px) {
  .c-work-stage_title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-wrap: nowrap;
    position: relative;
    width: 100%;
    gap: 0.75rem;
  }
  .c-work-stage_title::before, .c-work-stage_title::after {
    content: "";
    flex: 1;
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.15);
  }
}
.c-work-stage_item:not(:first-child) .c-work-stage_title {
  visibility: hidden;
}

@media (max-width: 1199px) {
  .c-work-stage_item .c-work-stage_fixed {
    display: none;
  }
}

.c-work-stage_title_span {
  display: inline-block;
  transition: transform 550ms cubic-bezier(0.165, 0.84, 0.44, 1);
  color: var(--color-primary-saturation);
}
#modal[data-reward=winner] .c-work-stage_title_span, #modal[data-reward=nominee] .c-work-stage_title_span {
  color: #FFB800;
}
.c-work-stage_item:not(.is-enter) .c-work-stage_title_span {
  transform: translateY(100%);
}
.c-work-stage_item:not(.is-enter).is-leave .c-work-stage_title_span {
  transform: translateY(-100%);
}

.c-work-stage_title_mask {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
@media (max-width: 1199px) {
  .c-work-stage_title_mask {
    display: none;
  }
}

.c-work-stage_tag {
  display: inline-flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  .c-work-stage_tag {
    gap: 0.625rem;
    position: relative;
    height: clamp(2.5rem, 46 / 1710 * 100vw, 2.875rem);
    padding-left: clamp(0.9375rem, 20 / 1710 * 100vw, 1.25rem);
    padding-right: clamp(0.9375rem, 20 / 1710 * 100vw, 1.25rem);
    border-radius: 100vw;
  }
  .c-work-stage_tag::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px dashed currentColor;
    opacity: 0.2;
  }
}

.c-work-stage_tag_icon {
  height: 1rem;
  width: 1rem;
}

.c-work-stage_tag_container {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 1199px) {
  .c-work-stage_tag_container {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .c-work-stage_tag_container {
    gap: 2px;
    justify-content: end;
  }
}

.c-work-stage_header {
  margin-top: 1rem;
  grid-column: 1/3;
  grid-row: 2;
}
@media (min-width: 1200px) {
  .c-work-stage_header {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1400px) {
  .c-work-stage_header {
    margin-top: 3.75rem;
  }
}

@media (max-width: 1199px) {
  .c-work-stage_collection {
    margin-top: 1.25rem;
  }
}

.c-work-stage_container.is-constructor {
  padding: 1.875rem;
  background-color: #fff;
  border-radius: 1.875rem;
}

html:not(.wf-design-mode) .c-scroll-wrapper_inner {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

html.is-mobile .c-scroll-wrapper_inner {
  max-height: var(--app-height);
}

.c-project-hero {
  padding-bottom: clamp(3.75rem, 120 / 1710 * 100vw, 7.5rem);
}

.c-project-hero_description {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: clamp(1.875rem, 50 / 1710 * 100vw, 3.125rem);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .c-project-hero_description {
    flex-direction: column;
  }
}

.c-project-hero_category {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-project-hero_category {
    grid-template-columns: repeat(4, 1fr);
  }
}

.c-project-hero_category_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: clamp(10.3125rem, 215 / 1710 * 100vw, 13.4375rem);
  padding: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: clamp(0.875rem, 24 / 1710 * 100vw, 1.5rem);
}
.c-project-hero_category_item h2 {
  font-size: var(--font-size--description);
  line-height: 1.15;
  color: rgba(0, 0, 0, 0.6);
}
.c-project-hero_category_item p {
  font-size: var(--font-size--title-card-2);
  line-height: 1.2;
  font-weight: 500;
}

.c-project-hero_bottom {
  margin-top: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: var(--grid-gutter);
}
@media (max-width: 999px) {
  .c-project-hero_bottom {
    --grid-offset: 30px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-project-hero_bottom {
    --grid-offset: 10px;
  }
}

.c-project-hero_inner {
  padding-top: 3.75rem;
  padding-bottom: 1.875rem;
}
@media (min-width: 1200px) {
  .c-project-hero_inner {
    display: flex;
    align-items: flex-end;
    min-height: 22.5rem;
    padding-bottom: 3.125rem;
  }
}

.c-project-hero_top {
  display: flex;
  justify-content: space-between;
  padding-top: 1.25rem;
}
@media (min-width: 700px) {
  .c-project-hero_top {
    padding-top: 1.875rem;
  }
}
@media (min-width: 1400px) {
  .c-project-hero_top {
    padding-top: 2.5rem;
  }
}
@media (max-width: 1199px) {
  .c-project-hero_top {
    padding-bottom: 1.25rem;
  }
}

.c-project-hero_control {
  display: flex;
  gap: 0.75rem;
}

.c-project-hero_cards {
  display: grid;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-project-hero_cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-project-hero_cards_item {
  display: flex;
  flex-direction: column;
  min-height: clamp(28.75rem, 640 / 1710 * 100vw, 40rem);
  text-wrap: balance;
  padding: clamp(1.25rem, 40 / 1710 * 100vw, 2.5rem);
  border-radius: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
}
.c-project-hero_cards_item.is-left {
  background-color: var(--color-primary);
  justify-content: space-between;
}
.c-project-hero_cards_item.is-right {
  position: relative;
  align-items: center;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  color: var(--color-white);
  background-color: var(--bacgkround-black-button);
}

.c-project-hero_cards_description {
  margin-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}

.c-project-hero_cards_span {
  color: var(--color-primary-saturation);
}

.c-project-hero_cards_image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.c-project-hero_cards_wysiwyg h2 {
  font-size: var(--font-size--title-card-1);
  line-height: 1.3;
  font-weight: 500;
}
.c-project-hero_cards_wysiwyg h2 strong {
  font-weight: inherit;
}
.c-project-hero_cards_wysiwyg li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
}
.c-project-hero_cards_wysiwyg li:not(:first-child) {
  margin-top: 1rem;
}
.c-project-hero_cards_wysiwyg li::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  background-color: var(--color-primary-darkness);
  -webkit-mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9898 12.0001L16.4948 8.49508L15.5049 7.50513L11.9999 11.0102L8.49483 7.50513L7.50488 8.49508L11.0099 12.0001L7.50488 15.5051L8.49483 16.4951L11.9999 12.9901L15.5049 16.4951L16.4948 15.5051L12.9898 12.0001Z" fill="currentColor"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  z-index: 1;
}
#modal[data-reward=winner] .c-project-hero_cards_wysiwyg li::before, #modal[data-reward=nominee] .c-project-hero_cards_wysiwyg li::before {
  background-color: #FFB800;
}
.c-project-hero_cards_wysiwyg li::after {
  content: "";
  flex-shrink: 0;
  position: absolute;
  left: 0;
  background-color: var(--color-primary-dark);
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 100%;
}
#modal[data-reward=winner] .c-project-hero_cards_wysiwyg li::after, #modal[data-reward=nominee] .c-project-hero_cards_wysiwyg li::after {
  background-color: #FEE799;
}

.c-project-hero_cards_image {
  transform: translateY(calc(20% + var(--progress, 1) * -20%));
  z-index: -1;
}

.c-project-hero_tools {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-project-hero_tools {
    justify-content: flex-end;
  }
}

.c-project-hero_tools_item {
  position: relative;
  width: clamp(3rem, 78 / 1710 * 100vw, 4.875rem);
  height: clamp(3rem, 78 / 1710 * 100vw, 4.875rem);
  border-radius: 100%;
  overflow: hidden;
}

.c-project-hero_tools_icon {
  background-color: #f4f4f4;
  width: 100%;
  height: 100%;
}

.c-project-hero_description_left {
  width: 100%;
}
@media (min-width: 700px) {
  .c-project-hero_description_left {
    width: 50%;
  }
}
@media (max-width: 699px) {
  .c-project-hero_description_left {
    margin-top: 1.875rem;
  }
}

.c-project-hero_description_wysiwyg {
  overflow: hidden;
  transition: max-height 300ms ease;
}
.c-project-hero_description_wysiwyg p:not(:first-child) {
  margin-top: 1.375rem;
}

.c-project-hero_button {
  margin-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}
@media (hover: hover) {
  .c-project-hero_button:hover {
    color: #fff;
    background-color: #000 !important;
  }
}

@media (max-width: 699px) {
  .c-project-hero_tools_container {
    order: -1;
  }
}

.c-project-hero_tags {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 2px;
}

.c-project-hero_container {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
}

.c-team {
  padding-top: clamp(3.75rem, 120 / 1710 * 100vw, 7.5rem);
  padding-bottom: clamp(3.75rem, 120 / 1710 * 100vw, 7.5rem);
}

.c-team_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-team_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .c-team_list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.c-team_content {
  margin-top: 1.25rem;
}
@media (max-width: 1199px) {
  .c-team_content {
    margin-top: 1rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
@media (max-width: 699px) {
  .c-team_content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.c-team_picture {
  width: 100%;
  height: 100%;
}
html.is-first-loaded .c-team_picture {
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-team_link:hover .c-team_picture {
    transform: scale(1.1);
  }
}

.c-team_description {
  color: rgba(0, 0, 0, 0.4);
  margin-top: 0.375rem;
}

@media (max-width: 1199px) {
  .c-team_collection {
    margin-top: 30px;
  }
}
@media (max-width: 799px) {
  .c-team_collection {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-team_collection {
    --grid-offset: 10px;
  }
}

.c-team_picture_container {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: clamp(1rem, 24 / 1710 * 100vw, 1.5rem);
  position: relative;
}
.c-team_picture_container::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 1;
  pointer-events: none;
}

.c-team_link {
  width: 100%;
}

@media (min-width: 1200px) {
  .c-layout {
    padding-left: clamp(20.625rem, 23.2558139535vw, 25rem);
    padding-right: clamp(5.625rem, 23.2558139535vw, 5.625rem);
  }
  .c-layout.is-equality {
    padding-left: clamp(5.625rem, 23.2558139535vw, 5.625rem);
    padding-right: clamp(5.625rem, 23.2558139535vw, 5.625rem);
  }
}

.c-layout_inner {
  width: 100%;
  max-width: 44.25rem;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .c-layout_inner {
    max-width: 65.3125rem;
  }
}

.c-review {
  z-index: 2;
  padding-top: clamp(2.5rem, 120 / 1710 * 100vw, 7.5rem);
  padding-bottom: clamp(2.5rem, 120 / 1710 * 100vw, 7.5rem);
}

.c-review_block {
  display: flex;
  margin-top: clamp(1.875rem, 60 / 1710 * 100vw, 3.75rem);
  align-items: center;
  gap: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
}

.c-review_block_image {
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  border-radius: 100%;
  overflow: hidden;
}

.c-review_content p {
  font-size: var(--font-size--h6);
  line-height: 1.2;
}
.c-review_content p:not(:first-child) {
  margin-top: 2.25rem;
}

.c-review_block_content_text {
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
}

@media (max-width: 1199px) {
  .c-review_wrapper {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .c-review_wrapper {
    padding-left: clamp(3.75rem, 80 / 1710 * 100vw, 5rem);
    padding-right: clamp(3.75rem, 80 / 1710 * 100vw, 5rem);
  }
}

.c-result {
  padding-top: clamp(2.5rem, 120 / 1710 * 100vw, 7.5rem);
  padding-bottom: clamp(2.5rem, 120 / 1710 * 100vw, 7.5rem);
  z-index: 1;
}

@media (max-width: 1199px) {
  .c-result_content {
    margin-top: 30px;
  }
}
.c-result_content p {
  font-size: var(--font-size--h3);
  line-height: 1.2;
  font-weight: 500;
}
.c-result_content ol {
  counter-reset: orderedlist;
  padding-left: 0;
  margin-top: clamp(2.5rem, 60 / 1710 * 100vw, 3.75rem);
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: grid;
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
  row-gap: clamp(1.25rem, 60 / 1710 * 100vw, 3.75rem);
  margin-bottom: 0;
}
@media (min-width: 700px) {
  .c-result_content ol {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-result_content li {
  text-wrap: balance;
  display: flex;
  gap: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  font-weight: 500;
}
@media (min-width: 1000px) {
  .c-result_content li {
    max-width: 24.125rem;
  }
}
.c-result_content li::before {
  counter-increment: orderedlist;
  content: counter(orderedlist);
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(1.5rem, 30 / 1710 * 100vw, 1.875rem);
  height: clamp(1.5rem, 30 / 1710 * 100vw, 1.875rem);
  flex: none;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  background-color: var(--color-primary-saturation);
}
#modal[data-reward=winner] .c-result_content li::before, #modal[data-reward=nominee] .c-result_content li::before {
  background-color: #FFB800;
}

.c-result_list {
  margin-top: clamp(3rem, 82 / 1710 * 100vw, 5.125rem);
}
@media (max-width: 799px) {
  .c-result_list {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-result_list {
    --grid-offset: 10px;
  }
}
.c-result_list strong {
  font-weight: 400;
  display: inline-flex;
  line-height: 1.15;
  position: relative;
  justify-content: space-between;
}
.c-result_list strong.is-up::after, .c-result_list strong.is-down::after {
  content: "";
  position: absolute;
  top: 0.25rem;
  right: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100%;
  background-color: var(--color-primary);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.c-result_list strong.is-up::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9991 15L13 21L23 21L17.9991 15Z' fill='black' /%3E%3C/svg%3E");
}
.c-result_list strong.is-down::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0009 21L23 15H13L18.0009 21Z' fill='black' /%3E%3C/svg%3E");
}
.c-result_list > ul {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
@media (min-width: 700px) {
  .c-result_list > ul {
    gap: var(--grid-gutter);
  }
}
.c-result_list > ul > li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  font-size: var(--font-size--num-1);
  background-color: #fff;
  min-height: clamp(10rem, 322 / 1710 * 100vw, 20.125rem);
  background-color: #fff;
  border-radius: clamp(1rem, 24 / 1710 * 100vw, 1.5rem);
  flex: auto;
  padding: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
}
@media (min-width: 700px) {
  .c-result_list > ul > li {
    max-width: calc(50% - var(--grid-gutter) / 2);
    width: calc(33.33% - var(--grid-gutter) * 2);
  }
}
.c-result_list > ul > li > ul {
  font-size: var(--font-size--text-3);
  font-weight: 500;
  line-height: 1.2;
}

.c-control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.875rem;
}

.c-control-button_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
}

.c-project-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
  border-radius: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  padding: 0.625rem;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  gap: 5rem;
}
@media (max-width: 799px) {
  .c-project-info {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-project-info {
    --grid-offset: 10px;
  }
}
@media (min-width: 700px) and (max-width: 1199px) {
  .c-project-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gutter);
    justify-items: start;
    align-items: start;
    padding: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .c-project-info {
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem;
    position: absolute;
    left: var(--grid-margin);
    top: var(--grid-margin);
    width: clamp(16.875rem, 340 / 1710 * 100vw, 21.25rem);
    min-height: clamp(26.25rem, 540 / 1710 * 100vw, 33.75rem);
  }
}

.c-project-info_inner {
  width: 100%;
  padding: 0.625rem;
  background-color: #fff;
  border-radius: 1rem;
}

.c-project-info_wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
  gap: 0.625rem;
  padding-top: 1.875rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.c-project-info_wrapper-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.c-project-info_content {
  padding: 0.625rem;
}

.c-project-info_bottom {
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
}

.c-project-info_background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

:is([data-reward=winner], [data-reward=nominee]) .c-project-info {
  background: var(--radial), no-repeat 100% -4.375rem/7.5rem auto var(--img), var(--color-primary);
}
@media (min-width: 700px) {
  :is([data-reward=winner], [data-reward=nominee]) .c-project-info {
    background: var(--radial), no-repeat calc(50% - 3.125rem) 1.625rem/7.5rem auto var(--img), var(--color-primary);
  }
}
@media (min-width: 1200px) {
  :is([data-reward=winner], [data-reward=nominee]) .c-project-info {
    background: var(--radial), no-repeat 100% -3.125rem/clamp(5rem, 120 / 1710 * 100vw, 7.5rem) auto var(--img), var(--color-primary);
  }
}
[data-reward=winner] .c-project-info {
  --img: url("https://cdn.prod.website-files.com/65c366cf0920387f3c9c6514/67695696ecf082b10ba79b35_winner.png");
}
[data-reward=winner] .c-project-info, [data-reward=nominee] .c-project-info {
  --radial: radial-gradient(79.79% 73.48% at 0% 0%, #FBD063 0%, transparent);
}
[data-reward=nominee] .c-project-info {
  --img: url("https://cdn.prod.website-files.com/65c366cf0920387f3c9c6514/6769569573a0aa4faf50841d_winner-1.png");
}
.c-project-info .c-image_inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: color;
  background: linear-gradient(125deg, var(--color-primary-saturation), var(--color-primary));
}

.c-project-info_button {
  width: 100%;
}

.c-button-note {
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  border-radius: 100%;
  color: var(--color-primary-darkness);
  position: relative;
  transition: background-color 300ms ease, color 300ms ease;
}
.c-button-note.is-small {
  width: 1.25rem;
  height: 1.25rem;
}
.c-button-note.is-sand {
  background-color: #F3F2F0;
  color: #B4ADA4;
}
.c-cases-listing_company.is-reward .c-button-note {
  background-color: #FFF1C5;
  color: #FFB800;
  width: 1.625rem;
  height: 1.625rem;
}

.c-button-note_icon {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: flex;
}

.c-project-fixed {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  position: fixed;
  bottom: var(--grid-margin);
  left: var(--grid-margin);
  background-color: #fff;
  z-index: 999;
  padding: 0.625rem;
  border-radius: 1.5rem;
  pointer-events: all;
  width: clamp(16.875rem, 340 / 1710 * 100vw, 21.25rem);
  transform: translateY(calc(100% + var(--grid-margin)));
  transition: transform 300ms ease;
}
@media (max-width: 1199px) {
  .c-project-fixed {
    display: none;
  }
}
#modal .has-scrolled .c-project-fixed {
  transform: translateY(0%);
}

.c-project-fixed_inner {
  padding: 0.625rem;
}

.c-project-fixed_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--grid-gutter);
  margin-top: 1.25rem;
}

.c-link-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0.875rem;
  height: 3.5rem;
  color: rgba(0, 0, 0, 0.5);
  gap: 0.75rem;
}

.c-project-article {
  display: flex;
  gap: 0.625rem;
  position: relative;
  display: none;
}

.c-project-article_button {
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}

.c-project-article_button_icon {
  width: 1.25rem;
  height: 1.25rem;
}

.c-project-article_container {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 999;
  left: 0;
  bottom: 0;
  padding: 1rem;
}
@media (min-width: 1199px) {
  .c-project-article_container {
    display: none;
  }
}

.c-project-article_inner {
  position: absolute;
  bottom: 100%;
  padding: 0.625rem;
  border-radius: 1rem;
  background-color: #fff;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 0.625rem;
}

.c-project-article_inner_link {
  display: inline-block;
  width: 100%;
  padding: 1rem;
  border-radius: 0.625rem;
  font-size: var(--font-size--navigation);
  font-weight: 500;
  line-height: 1;
  color: rgba(0, 0, 0, 0.35);
}
.c-project-article_inner_link:hover {
  background-color: bisque;
}

.c-fixed-modal {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
.c-fixed-modal#cases-modal {
  z-index: 90;
}

.c-fixed-modal_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  cursor: default;
}
.c-fixed-modal.is-animating .c-fixed-modal_background {
  transition-timing-function: cubic-bezier(0.15, 0.49, 0.19, 1);
  opacity: 0;
}
.c-fixed-modal.is-changing .c-fixed-modal_background {
  transition-duration: 600ms;
}

.c-fixed-modal_container {
  position: fixed;
  z-index: 3;
  right: 0;
  height: 100%;
  border-top-left-radius: var(--modal-radius);
  display: flex;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 799px) {
  .c-fixed-modal.is-team-details .c-fixed-modal_container {
    height: auto;
  }
}
@media (max-width: 799px) {
  .c-fixed-modal_container {
    max-height: calc(100% - 6.5rem);
    width: 100%;
    bottom: 0;
  }
}
@media (max-width: 799px) {
  .c-fixed-modal_container {
    border-top-right-radius: var(--modal-radius);
  }
}
@media (min-width: 800px) {
  .c-fixed-modal_container {
    border-bottom-left-radius: var(--modal-radius);
  }
}

.c-fixed-modal_inner {
  background-color: #fff;
  z-index: 101;
  right: 0;
  height: 100%;
  overflow: hidden;
  border-top-left-radius: var(--modal-radius);
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .c-fixed-modal_inner {
    width: 100%;
    bottom: 0;
  }
}
@media (max-width: 799px) {
  .c-fixed-modal_inner {
    border-top-right-radius: var(--modal-radius);
  }
}
@media (min-width: 800px) {
  .c-fixed-modal_inner {
    border-bottom-left-radius: var(--modal-radius);
  }
}
.c-fixed-modal.is-animating .c-fixed-modal_inner {
  transform: translate(100%, 0);
}
@media (max-width: 799px) {
  .c-fixed-modal.is-animating .c-fixed-modal_inner {
    transform: translate(0, 100%);
  }
}
.c-fixed-modal.is-changing .c-fixed-modal_inner {
  transition: transform var(--duration) cubic-bezier(0.15, 0.49, 0.19, 1);
}

.c-fixed-modal {
  --duration: 600ms;
}
.c-fixed-modal.is-animating {
  transition-duration: var(--duration);
}

.c-fixed-modal_close {
  pointer-events: all;
  opacity: 0;
  transform: scale(0.8);
  z-index: 99;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  padding: clamp(1.125rem, 22 / 1710 * 100vw, 1.375rem);
}
@media (max-width: 799px) {
  .c-fixed-modal_close {
    right: 1.875rem;
    top: 1.875rem;
    position: fixed;
  }
}
@media (min-width: 800px) {
  .c-fixed-modal_close {
    position: absolute;
    left: 0;
    transform: translate(calc(-100% - 1.25rem), 0) scale(0.8);
  }
}
@media (min-width: 640px) and (max-width: 799px) {
  .c-fixed-modal.is-team-details .c-fixed-modal_close {
    position: absolute;
    top: -4.25rem;
  }
}
html.is-first-loaded .c-fixed-modal_close {
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-fixed-modal:not(.is-animating) > .c-fixed-modal_container > .c-fixed-modal_close {
  opacity: 1;
  transform: scale(1);
  transition-delay: 600ms;
}
@media (min-width: 800px) {
  .c-fixed-modal:not(.is-animating) > .c-fixed-modal_container > .c-fixed-modal_close {
    transform: translate(calc(-100% - 1.25rem), 0) scale(1);
  }
}
.c-fixed-modal_close::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #fff;
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-fixed-modal_close:hover::before {
    transform: scale(1.1);
  }
}

.c-fixed-modal_figure_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(-45deg);
}

.c-fixed-modal_figure_span {
  position: absolute;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #000;
}
.c-fixed-modal_figure_span::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
}
.c-fixed-modal_figure_span:nth-child(1) {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
}
.c-fixed-modal_figure_span:nth-child(1)::before {
  transform: translateX(-130%);
}
.c-fixed-modal_close:hover .c-fixed-modal_figure_span:nth-child(1) {
  transform: translateX(130%);
}
.c-fixed-modal_figure_span:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
}
.c-fixed-modal_figure_span:nth-child(2)::before {
  transform: translateY(-130%);
  transition-delay: 400ms;
}
.c-fixed-modal_close:hover .c-fixed-modal_figure_span:nth-child(2) {
  transform: translateY(130%);
}

.c-team-details {
  height: 100%;
  display: flex;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  flex-direction: column;
  padding: 2.5rem;
  width: 100%;
  border-top-left-radius: var(--modal-radius);
}
@media (max-width: 799px) {
  .c-team-details {
    border-top-right-radius: var(--modal-radius);
  }
}
@media (min-width: 640px) and (max-width: 799px) {
  .c-team-details {
    display: flex;
    gap: 1.875rem;
    align-items: flex-start;
    flex-direction: row;
  }
}
@media (min-width: 800px) {
  .c-team-details {
    width: 30.3125rem;
  }
}

.c-team-details_image {
  aspect-ratio: 1/1;
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-left: -1.875rem;
  margin-top: -1.875rem;
  margin-right: -1.875rem;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 799px) {
  .c-team-details_image {
    width: 50%;
    margin-right: 0;
  }
}
.c-team-details_image::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 1;
  pointer-events: none;
}

.c-team-details_header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 1.875rem;
  margin-top: 1.875rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
@media (min-width: 640px) and (max-width: 799px) {
  .c-team-details_header {
    margin-top: 0;
  }
}

.c-team-details_content {
  display: flex;
  flex-direction: column;
  margin-top: 1.875rem;
  gap: 1.875rem;
}

.c-team-details_description {
  color: rgba(0, 0, 0, 0.5);
}

.c-show-more_text {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.c-show-more_text_item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-shrink: 0;
  transition: transform 300ms ease;
}
.is-show .c-show-more_text_item {
  transform: translate(0, -100%);
}

.c-show-more_figure_wrapper {
  width: 16px;
  height: 16px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 300ms ease;
}
.is-show .c-show-more_figure_wrapper {
  transform: rotate(45deg);
}

.c-show-more_figure_span {
  position: absolute;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: currentColor;
}
.c-show-more_figure_span:nth-child(1) {
  width: 100%;
  height: 1px;
}
.c-show-more_figure_span:nth-child(2) {
  height: 100%;
  width: 1px;
}

.c-show-more_divider {
  height: calc(100% - 24px);
  width: 1px;
  background-color: currentColor;
  opacity: 0.2;
}

.c-form {
  position: fixed;
  inset: 0;
  z-index: 9999999999;
  transition: visibility 600ms linear;
  visibility: hidden;
  pointer-events: none;
}
html.has-form-open-prevent .c-form.is-prevent {
  visibility: visible;
  pointer-events: all;
}
html.has-form-open-main .c-form.is-main {
  visibility: visible;
  pointer-events: all;
}
html.has-form-open-stage-options .c-form.is-stage-options {
  visibility: visible;
  pointer-events: all;
}
html.has-form-open-constructor .c-form.is-constructor {
  visibility: visible;
  pointer-events: all;
}

.c-form_inner {
  pointer-events: all;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  justify-content: flex-start;
  transform: translate(0, 100%);
  overflow: hidden;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  border-top-left-radius: var(--modal-radius);
}
@media (min-width: 700px) and (max-width: 999px) {
  .c-form_inner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .c-form_inner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 999px) {
  .c-form_inner {
    margin-top: auto;
    border-top-right-radius: var(--modal-radius);
  }
}
html.is-first-loaded .c-form_inner {
  transition: transform 600ms cubic-bezier(0.15, 0.49, 0.19, 1), visibility 600ms cubic-bezier(0.15, 0.49, 0.19, 1);
  transition-delay: 200ms;
}
@media (min-width: 1000px) {
  .c-form_inner {
    border-bottom-left-radius: var(--modal-radius);
    top: 0;
    transform: translate(100%, 0);
  }
  .c-form.is-main .c-form_inner, .c-form.is-constructor .c-form_inner {
    height: 100%;
  }
}
@media (min-width: 1000px) {
  .c-form_inner.is-main, .c-form_inner.is-constructor {
    height: 100%;
  }
}
html.has-form-open-main .c-form.is-main .c-form_inner, html.has-form-open-prevent .c-form.is-prevent .c-form_inner, html.has-form-open-stage-options .c-form.is-stage-options .c-form_inner, html.has-form-open-constructor .c-form.is-constructor .c-form_inner {
  transform: translate(0);
  transition-delay: 0ms;
}
.c-form_inner.is-constructor {
  background-color: #f6f4f1;
}

.c-form_container_wrapper {
  display: flex;
  height: 100%;
  min-height: 0;
}

.c-form_container {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.c-form_container.is-constructor {
  width: 100%;
  flex: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), visibility 1200ms cubic-bezier(0.19, 1, 0.22, 1), transform 1200ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has-toggle1 .c-form_container.is-constructor:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.has-toggle2 .c-form_container.is-constructor:nth-child(1) {
  opacity: 0;
  visibility: hidden;
  transform: translate(-100%);
}
.has-toggle2 .c-form_container.is-constructor:nth-child(2) {
  opacity: 1;
  visibility: visible;
  transform: translate(-100%);
}

.c-form_head_description {
  color: rgba(0, 0, 0, 0.5);
  margin-top: 1.25rem;
}

.c-form_background {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  opacity: 0;
}
html.is-first-loaded .c-form_background {
  transition: opacity 600ms cubic-bezier(0.15, 0.49, 0.19, 1);
  transition-delay: 300ms;
}
html.has-form-open-prevent .c-form_background, html.has-form-open-main .c-form_background, html.has-form-open-stage-options .c-form_background, html.has-form-open-constructor .c-form_background {
  opacity: 1;
  transition-delay: 0ms;
}

.c-form_wrap {
  flex: 1;
  margin-top: 1.875rem;
}

.c-form_footer {
  display: flex;
  justify-content: space-between;
  padding-top: 2.5rem;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  margin-top: 1.875rem;
  align-items: center;
  gap: 1.875rem;
}

.c-form_footer_description {
  color: rgba(0, 0, 0, 0.4);
}

.c-form_social {
  display: flex;
  gap: 1.25rem;
}

.c-form_social_item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.c-form_social_icon {
  width: 1.5rem;
  height: 1.5rem;
}

.c-form_close {
  pointer-events: all;
  opacity: 0;
  transform: scale(0.8);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
  z-index: 99;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  padding: clamp(1.125rem, 22 / 1710 * 100vw, 1.375rem);
}
@media (max-width: 1000px) {
  .c-form_close {
    right: 1.875rem;
    top: 1.875rem;
    position: fixed;
  }
}
@media (min-width: 1000px) {
  .c-form_close {
    position: absolute;
    left: 0;
    transform: translate(calc(-100% - 1.25rem), 0) scale(0.8);
  }
}
html.is-first-loaded .c-form_close {
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-form-open-prevent .c-form_close, html.has-form-open-main .c-form_close, html.has-form-open-stage-options .c-form_close, html.has-form-open-constructor .c-form_close {
  opacity: 1;
  transform: scale(1);
  transition-delay: 300ms;
}
@media (min-width: 1000px) {
  html.has-form-open-prevent .c-form_close, html.has-form-open-main .c-form_close, html.has-form-open-stage-options .c-form_close, html.has-form-open-constructor .c-form_close {
    transform: translate(calc(-100% - 1.25rem), 0) scale(1);
  }
}
.c-form_close::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #fff;
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-form_close:hover::before {
    transform: scale(1.1);
  }
}

.c-form_figure_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(-45deg);
}

.c-form_figure_span {
  position: absolute;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #000;
}
.c-form_figure_span::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
}
.c-form_figure_span:nth-child(1) {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
}
.c-form_figure_span:nth-child(1)::before {
  transform: translateX(-130%);
}
.c-form_close:hover .c-form_figure_span:nth-child(1) {
  transform: translateX(130%);
}
.c-form_figure_span:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
}
.c-form_figure_span:nth-child(2)::before {
  transform: translateY(-130%);
  transition-delay: 0.4s;
}
.c-form_close:hover .c-form_figure_span:nth-child(2) {
  transform: translateY(130%);
}

@media (max-width: 699px) {
  .c-form_social_text {
    display: none;
  }
}

.c-form_block {
  pointer-events: all;
  padding: 0.625rem;
  transform: translate(calc(-100% - 10px), 0);
  background-color: #fff;
  border-radius: 1.5rem;
  top: -0.625rem;
}
@media (max-width: 999px) {
  .c-form_block {
    margin-top: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 1000px) {
  .c-form_block {
    position: absolute;
    left: -22.5rem;
    max-width: 21.25rem;
    top: 1.25rem;
    transform: translate(0, calc(-100% - 1.25rem));
  }
}
html.is-first-loaded .c-form_block {
  transition: transform 550ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-form-open-main .c-form_block {
  transform: translate(0, 0);
  transition-delay: 250ms;
}

.c-form_block_content {
  color: rgba(16, 24, 32, 0.5);
  margin-top: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 0.625rem;
}

.c-form_block_video {
  overflow: hidden;
  border-radius: 0.875rem;
  aspect-ratio: 320/200;
  position: relative;
}

.c-form_block_video_background {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(1.01);
}

.c-form_wrapper {
  display: flex;
  width: 100%;
  right: 0;
  position: absolute;
  height: 100%;
  z-index: 999;
}
@media (max-width: 999px) {
  .c-form_wrapper {
    padding-top: 6.5rem;
    flex-direction: column;
    gap: 0.625rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    position: relative;
  }
}
@media (min-width: 1000px) {
  .c-form_wrapper {
    width: 44.4444444444%;
    min-width: 40.625rem;
    max-width: 50rem;
    height: 100%;
    align-items: center;
  }
  .c-form.is-prevent .c-form_wrapper {
    height: auto;
  }
}

.c-form_field {
  position: relative;
}

.c-form_input {
  position: relative;
}

.c-form_select,
.c-form_textarea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  text-align: start;
  width: 100%;
  height: 6.125rem;
  border-radius: 1.25rem;
  background-color: #f6f4f1;
  border: none;
  font-size: var(--font-size--title-card-4);
  font-weight: 500;
  line-height: 1.2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
}

.c-form_select {
  padding: 3.125rem 1.25rem 1.625rem 1.25rem;
}

.c-form_textarea {
  padding: 1.25rem;
  resize: none;
  height: 12.5rem;
}
.c-form_textarea::-moz-placeholder {
  color: #101820;
  opacity: 0.4;
}
.c-form_textarea::placeholder {
  color: #101820;
  opacity: 0.4;
}

input,
textarea,
button {
  outline: none !important;
}

.c-form_select_caption {
  position: absolute;
  display: inline-flex;
  align-items: center;
  left: 1.25rem;
  top: 0;
  color: rgba(16, 24, 32, 0.4);
  height: 100%;
  width: calc(100% - 5.75rem);
  pointer-events: none;
  font-weight: 400;
  font-size: var(--font-size--text-3);
  transition: top 200ms ease, font-size 200ms ease, opacity 200ms ease;
}
.-changed .c-form_select_caption {
  font-size: var(--font-size--description);
  line-height: 1.15;
  top: 1.625rem;
  top: -1rem;
}
.is-error .c-form_select_caption {
  color: var(--error-color);
}

.c-form_select_caption_span {
  position: relative;
}
.is-required .c-form_select_caption_span::after {
  content: "*";
  margin-left: 4px;
  display: inline-block;
  position: absolute;
  color: var(--error-color);
}

.c-form_field_container {
  display: flex;
  margin-top: clamp(1.875rem, 50 / 1710 * 100vw, 3.125rem);
  flex-direction: column;
  gap: var(--grid-gutter);
}

.c-form_select_radio {
  display: none;
  position: absolute;
  left: 0;
  opacity: 0;
}

.c-form_select_link {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2.5rem;
  border-radius: 100%;
  background-color: red;
}

.c-form_select_list {
  position: absolute;
  list-style: none;
  width: 100%;
  background-color: #fbfaf9;
  border-radius: 1.25rem;
  margin-top: 0.25rem;
  padding: 1.25rem;
  max-height: 200px;
  overflow-y: auto;
  transition: 300ms ease;
  z-index: 2;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  visibility: hidden;
}
.-active .c-form_select_list {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}

.c-form_select_item {
  position: relative;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.c-form_select_item:not(:first-child) {
  margin-top: 0.125rem;
}

.c-form_select_label {
  width: 100%;
  font-size: var(--font-size--text-4);
  line-height: 1.1;
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 0.625rem;
  transition: background-color 300ms ease, padding-left 300ms ease;
}
.c-form_select_radio[checked] ~ .c-form_select_label, .c-form_select_radio:checked ~ .c-form_select_label {
  padding-left: 2.1875rem;
}
.c-form_select_label::after {
  content: "";
  position: absolute;
  left: 0.625rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4 3.3c.4.4.4 1 0 1.4l-8 8a1 1 0 0 1-1.4 0L1.6 9.2A1 1 0 1 1 3 7.8l2.7 2.8L13 3.3a1 1 0 0 1 1.4 0Z' fill='rgb(153, 144, 131)' /%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 300ms ease;
}
.c-form_select_radio:checked ~ .c-form_select_label::after, .c-form_select_radio[checked] ~ .c-form_select_label::after {
  opacity: 1;
}

.c-form_select_title {
  pointer-events: none;
}

.c-form_select_label:hover,
.c-form_select_radio:checked ~ .c-form_select_label,
.c-form_select_radio[checked] ~ .c-form_select_label {
  background-color: #eceae6;
}

.c-form_select_arrow {
  display: flex;
  margin-top: -1.5rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.875rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.c-form_select_arrow_icon {
  transition: transform 300ms ease;
}
.-active .c-form_select_arrow_icon {
  transform: rotate(180deg);
}

.c-form_bottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2.5rem;
}

.c-form_field_wrapper {
  display: grid;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-form_field_wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

.c-form_select_multiselect {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  justify-content: start;
  pointer-events: none;
  position: relative;
}
.c-form_select_multiselect:before {
  content: "";
  position: absolute;
  right: 0;
  top: -0.625rem;
  bottom: -0.625rem;
  width: 20%;
  background: linear-gradient(270deg, #F6F4F1 0%, rgba(246, 244, 241, 0.85) 40%, rgba(246, 244, 241, 0) 100%);
  z-index: 2;
  pointer-events: none;
}
.c-form_select_multiselect .c-form_select_label {
  display: flex;
  align-items: center;
  padding-right: 1.625rem;
  background-color: #eceae6;
  border-radius: 0.5rem;
  width: auto;
  pointer-events: none;
}

.c-form_select_delete {
  width: 1.625rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.c-form_select_delete::before, .c-form_select_delete::after {
  content: "";
  position: absolute;
  height: 0.625rem;
  width: 1px;
  background-color: #999083;
  z-index: 1;
  transition: background-color 300ms ease;
}
.c-form_select_delete:hover::before, .c-form_select_delete:hover::after {
  background-color: black;
}
.c-form_select_delete::before {
  transform: rotate(45deg);
}
.c-form_select_delete::after {
  transform: rotate(-45deg);
}
.c-form_select_list .c-form_select_delete {
  display: none;
}

.c-form_select.is-custom::-moz-placeholder {
  color: transparent !important;
}

.c-form_select.is-custom::placeholder {
  color: transparent !important;
}
.c-form_select.is-custom:-moz-placeholder-shown ~ .c-form_select_caption.is-custom {
  font-size: var(--font-size--text-2);
  top: 0;
}
.c-form_select.is-custom:placeholder-shown ~ .c-form_select_caption.is-custom {
  font-size: var(--font-size--text-2);
  top: 0;
}
.c-form_select.is-custom:focus ~ .c-form_select_caption.is-custom {
  font-size: var(--font-size--description);
  top: -1rem;
}

.c-form_select_caption.is-custom {
  font-size: var(--font-size--description);
  pointer-events: none;
  top: -1rem;
}

[data-custom-select=multiselect-list] [role=listitem]:not(:first-child) {
  margin-top: 2px;
}

.c-divider {
  margin-left: -100vw;
  padding: 0;
  right: 0;
  height: 1px;
  background-color: #101820;
  opacity: 0.15;
  pointer-events: none;
}

@media (max-width: 1199px) {
  .c-divider {
    display: none;
  }
}

.qform {
  height: 100% !important;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.qform-field {
  position: relative;
}
.qform-field .qform-field__block_box__field-box_input {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  padding-top: 3.0625rem !important;
  padding-bottom: 1.625rem !important;
  width: 100% !important;
  transition: border-color 300ms ease;
  height: clamp(4.375rem, 100 / 1710 * 100vw, 6.25rem) !important;
  font-size: var(--font-size--text-2) !important;
  background-color: #f6f4f1 !important;
  border-radius: 1.25rem !important;
  border: 1px solid transparent !important;
  outline: none !important;
}

.qform-field-outside-label-box {
  display: none !important;
}

.qform-field.qform-error .qform-field__block_box__field-box_input {
  border-color: var(--error-color) !important;
}

.qform-field__bottom-box {
  position: absolute !important;
  top: 0.75rem !important;
  right: 0.75rem !important;
  width: auto !important;
  margin: 0 !important;
}
.qform-field.qform-error .qform-field__bottom-box {
  color: var(--error-color);
}

.qform-field_wrap {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.qform-field__block {
  width: 100%;
}

@media (max-width: 699px) {
  .qform-row {
    flex-direction: column !important;
  }
}
.qform-row:last-child {
  margin-top: auto !important;
  height: 100% !important;
  padding-top: 1.25rem !important;
}
.qform-row:last-child > .qform-field > div {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 2.5rem !important;
}

.qform-field__block_box__field-box_input::-moz-placeholder {
  color: transparent;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.qform-field__block_box__field-box_input::placeholder {
  color: transparent;
  transition: 0.2s;
}

.qform-field_att-in_left {
  display: none !important;
}

.qform-field {
  flex-basis: auto !important;
  margin: 0 !important;
}

.qform-row {
  display: flex;
  gap: 0.625rem;
  flex-wrap: nowrap !important;
}

.qform {
  padding: 0 !important;
}

.qform-field__block_box__field-box {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

.qform-field-outside-label-box_label {
  margin: 0 !important;
  font-weight: inherit !important;
  font-size: var(--font-size--description) !important;
  color: rgba(15, 24, 32, 0.4) !important;
}

.qform-field_att-in_right {
  display: none !important;
}

.qform-field__block_box__field {
  background-color: transparent !important;
  border-radius: 0 !important;
}

form.qform .qform-row .qform-field.required .qform-field-outside-label-box_label:after,
form.qform .qform-row .qform-field.required .qform-field__block_box__field-box_label:after {
  margin-left: 2px !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  color: var(--error-color);
}

form.qform .qform-row .qform-field__bottom-box_message__error,
form.qform .qform-row .qform-field__bottom-box_message__hint {
  margin: 0 !important;
  width: auto !important;
}

form.qform .qform-row .qform-field__block_box__field-box_input {
  color: inherit !important;
}

.qform-field__block_box__field-box_label {
  position: absolute !important;
  display: inline-flex !important;
  left: 1.3125rem !important;
  font-weight: 400 !important;
  color: rgba(15, 24, 32, 0.4) !important;
}

.qform-field__block_box__field-box_input {
  outline: 0;
  font-size: var(--font-size--text-2) !important;
  font-weight: 400 !important;
  transition: border 0.3s ease;
}

.qform-field__block_box__field-box_input:-moz-placeholder-shown ~ .qform-field__block_box__field-box_label {
  cursor: text !important;
  left: 1.3125rem !important;
  font-size: var(--font-size--text-2) !important;
  padding: 0px !important;
  margin-top: 0 !important;
  font-weight: 400 !important;
  color: rgba(15, 24, 32, 0.4) !important;
  background-color: transparent !important;
}

.qform-field__block_box__field-box_input:placeholder-shown ~ .qform-field__block_box__field-box_label {
  cursor: text !important;
  left: 1.3125rem !important;
  font-size: var(--font-size--text-2) !important;
  padding: 0px !important;
  margin-top: 0 !important;
  font-weight: 400 !important;
  color: rgba(15, 24, 32, 0.4) !important;
  background-color: transparent !important;
}

.qform-field__block_box__field-box_label,
.qform-field__block_box__field-box_input:focus ~ .qform-field__block_box__field-box_label {
  position: absolute !important;
  left: 1.3125rem !important;
  margin-top: -2rem !important;
  transition: 300ms ease !important;
  font-size: var(--font-size--description) !important;
}

.qform-field__block_box__field-box_input:focus ~ .qform-field__block_box__field-box_label {
  margin-top: -2rem !important;
}

.qform-field__block_box__field-box_input::-moz-placeholder {
  color: transparent !important;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.qform-field__block_box__field-box_input::placeholder {
  color: transparent !important;
  transition: 0.2s;
}

.qform-field__block_box__field-box_input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2) !important;
}

.qform-field__block_box__field-box_input:focus::placeholder {
  color: rgba(0, 0, 0, 0.2) !important;
}

.submit-box {
  width: 100% !important;
}

.qform-field__submit__input {
  width: 100% !important;
  height: auto !important;
  font-weight: inherit !important;
  font-size: var(--font-size--button-1) !important;
  border-radius: 1.25rem !important;
  color: #fff !important;
  background-color: var(--bacgkround-black-button) !important;
  height: clamp(4.375rem, 5.8479532164vw, 6.25rem) !important;
}

.qform-field__submit_agree-box {
  margin: 0 !important;
}

.qform-field__submit_agree-box__text {
  font-size: var(--font-size--text-4) !important;
  font-weight: 400 !important;
  color: #808080 !important;
  line-height: 1.1 !important;
}

.c-form .qform-field__submit_agree-box__link {
  color: #336ec6 !important;
  text-decoration: none !important;
}

.qform-field__submit_agree-box label:before {
  height: 1.625rem !important;
  width: 1.625rem !important;
  border-radius: 8px !important;
  transform: none !important;
  margin-right: 1rem !important;
}

form .qform-field__submit_agree-box input[type=checkbox]:checked + label:before,
form .qform-field__submit_agree-box input[type=checkbox]:checked + label > .qform-field__checkbox_box__check:before,
form.qform form.qform.qform-theme-black .qform-field__submit_agree-box input[type=checkbox]:checked + label:before,
form.qform form.qform.qform-theme-black .qform-field__submit_agree-box input[type=checkbox]:checked + label > .qform-field__checkbox_box__check:before {
  background-color: var(--bacgkround-black-button) !important;
  border-color: var(--bacgkround-black-button) !important;
}

form .qform-field__submit_agree-box input[type=checkbox]:checked + label:before,
form.qform form.qform.qform-theme-black .qform-field__submit_agree-box input[type=checkbox]:checked + label:before {
  transform: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M14.749 4.00015L6.00145 12.7477L1.25391 8.00015L2.66812 6.58594L6.00145 9.91927L13.3348 2.58594L14.749 4.00015Z'/%3E%3C/svg%3E") !important;
}

.qform-field__submit_agree-box label {
  padding-left: 2.5rem !important;
}

form.qform .qform-row .qform-field.select .qform-field__block_box__field-box_input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

form.qform .qform-row .qform-field.select .qform-field__block_box__field-box_input-icon {
  height: 2.5rem !important;
  width: 2.5rem !important;
  background-color: #fff !important;
  border-radius: 0.875rem !important;
  flex-shrink: 0 !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.63796 7.3637C5.28649 7.01223 4.71664 7.01223 4.36517 7.3637C4.01369 7.71517 4.01369 8.28502 4.36517 8.63649L9.36517 13.6365C9.71664 13.988 10.2865 13.988 10.638 13.6365L15.638 8.63649C15.9894 8.28502 15.9894 7.71517 15.638 7.3637C15.2865 7.01223 14.7166 7.01223 14.3652 7.3637L10.0016 11.7273L5.63796 7.3637Z' fill='black' /%3E%3C/svg%3E") !important;
}

form .qform-row .qform-field.select .qform-field__block_box__field.open-gap .qform-field__block_box__field-box_list {
  margin-top: 0.625rem !important;
  background-color: #fbfaf9 !important;
  border-radius: 1rem !important;
  border: none !important;
  padding: 0.625rem !important;
}

form.qform .qform-row .qform-field.select .qform-field__block_box__field-box_list__item {
  border: none !important;
  min-height: auto !important;
  padding: 0.625rem !important;
  border-radius: 0.75rem !important;
  font-size: var(--font-size--text-4) !important;
  font-weight: 400 !important;
}

form.qform .qform-row .qform-field.select .qform-field__block_box__field-box_input-text {
  font-size: var(--font-size--text-2) !important;
  color: inherit !important;
}

@media (hover: hover) {
  .qform-field__block_box__field-box_list__item:hover {
    background-color: #eceae6;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  caret-color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px #F6F4F1 inset !important;
  border: 0 !important;
}

.c-form form.qform.qform-background .qform-row .qform-field__block_box__field-box_input:-webkit-autofill,
.c-form form.qform.qform-background .qform-row .qform-field__block_box__field-box_input:-webkit-autofill:hover,
.c-form form.qform.qform-background .qform-row .qform-field__block_box__field-box_input:-webkit-autofill:focus,
.c-form form.qform.qform-background .qform-row .qform-field__block_box__field-box_input:-webkit-autofill:active {
  caret-color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px #F6F4F1 inset !important;
  border: 0 !important;
}

.qform-agreement__overlay {
  z-index: 99999999999 !important;
}

.c-form_container.is-constructor:nth-child(1) .qform-row:not(:last-child) {
  display: none !important;
}
.c-form_container.is-constructor:nth-child(1) .qform-row:first-child, .c-form_container.is-constructor:nth-child(1) .qform-row:nth-child(2) {
  display: flex !important;
}
.c-form_container.is-constructor:nth-child(2) .qform-row:not(:first-child, :last-child, :nth-child(2)) {
  display: none !important;
}

.c-constructor {
  padding-bottom: clamp(3.75rem, 100 / 1710 * 100vw, 6.25rem);
}

.c-constructor_cards {
  display: grid;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-constructor_cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 799px) {
  .c-constructor_cards {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-constructor_cards {
    --grid-offset: 10px;
  }
}

.c-constructor_cards_item {
  width: 100%;
  aspect-ratio: 237/310;
}

.c-constructor_cards_container {
  opacity: 0;
  transform: scale(0.8);
}
html.is-first-loaded .c-constructor_cards_container {
  transition: transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.is-ready .c-constructor_cards_container, html.wf-design-mode .c-constructor_cards_container {
  opacity: 1;
  transform: scale(1);
}
html.is-ready .c-constructor_cards_container:nth-child(1) {
  transition-delay: 190ms;
}
html.is-ready .c-constructor_cards_container:nth-child(2) {
  transition-delay: 280ms;
}
html.is-ready .c-constructor_cards_container:nth-child(3) {
  transition-delay: 370ms;
}
html.is-ready .c-constructor_cards_container:nth-child(4) {
  transition-delay: 460ms;
}

.c-constructor_cards_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  padding: 1.5rem;
  height: 100%;
  transition: opacity 300ms ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.has-changed-business .c-constructor_cards_inner {
  opacity: 0.4;
}
.c-constructor_cards_input:checked ~ .c-constructor_cards_inner {
  opacity: 1;
}
.c-constructor_cards_inner::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: #fff;
  z-index: -2;
}

.c-constructor_cards_input {
  display: none;
}

.c-constructor_cards_background {
  position: absolute;
  inset: 0;
  width: 100%;
  z-index: -2;
  height: 100%;
  pointer-events: none;
}

.c-constructor_cards_title {
  max-width: 15.5rem;
  text-wrap: balance;
}

.c-constructor_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 5;
  border-radius: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  padding: 0.625rem;
  background-color: #fff;
  overflow: hidden;
  gap: 5rem;
  width: 100%;
  left: var(--grid-margin);
  top: var(--grid-margin);
}
@media (min-width: 1200px) {
  .c-constructor_info {
    padding: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .c-constructor_info {
    position: absolute;
    width: 16.875rem;
  }
}

.c-constructor_info_inner {
  display: flex;
  width: 100%;
}
@media (max-width: 699px), (min-width: 1200px) {
  .c-constructor_info_inner {
    flex-direction: column;
  }
}

.c-constructor_info_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.5rem;
}
@media (min-width: 1200px) {
  .c-constructor_info_content {
    margin-top: 0.5rem;
  }
}
@media (min-width: 700px) and (max-width: 1199px) {
  .c-constructor_info_content {
    padding-left: 1.875rem;
  }
}

.c-constructor_info_background {
  border-radius: 0.75rem;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}
@media (min-width: 700px) and (max-width: 1199px) {
  .c-constructor_info_background {
    width: 38%;
    flex: none;
  }
}

.c-constructor_info_video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.01);
}

.c-constructor_info_description {
  color: rgba(16, 24, 32, 0.6);
}

.c-constructor_fixed {
  position: fixed;
  left: var(--grid-margin);
  bottom: var(--grid-margin);
  width: 16.875rem;
  background-color: #fff;
  border-radius: 1.25rem;
  padding: 0.5rem;
  z-index: 99;
  transform: translateY(calc(100% + var(--grid-margin)));
}
@media (max-width: 1199px) {
  .c-constructor_fixed {
    display: none;
  }
}
html.is-first-loaded .c-constructor_fixed {
  transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-builder-active .c-constructor_fixed {
  transform: translateY(0);
}

.c-constructor_fixed_list {
  display: flex;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(33, 33, 33, 0.15);
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1.25rem;
}

.c-constructor_fixed_item {
  display: grid;
  grid-template-columns: 0.75fr 1fr;
}

.c-constructor_fixed_header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1.25rem;
}

.c-constructor_fixed_header_text {
  font-size: var(--font-size--button-2);
  line-height: 1.2;
  font-weight: 500;
  color: #8168F0;
  white-space: nowrap;
}

.c-constructor_fixed_text {
  color: rgba(16, 24, 32, 0.4);
}

.c-constructor_fixed_right {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (max-width: 699px) {
  .c-constructor_item_result_header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.c-constructor_item_result_container {
  margin-top: -1.875rem;
  padding-top: 3.75rem;
  padding-left: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  padding-right: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  padding-bottom: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  background-color: #eceae6;
  border-bottom-left-radius: clamp(1.5rem, 30 / 1710 * 100vw, 1.875rem);
  border-bottom-right-radius: clamp(1.5rem, 30 / 1710 * 100vw, 1.875rem);
}

.c-constructor_item_result {
  margin-top: 1.25rem;
  font-size: var(--font-size--title-card-4);
  font-weight: 500;
  line-height: 1.2;
}
.c-constructor_item_result ol {
  counter-reset: orderedlist;
  display: grid;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-constructor_item_result ol {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-constructor_item_result li {
  display: flex;
  align-items: center;
  padding: clamp(1.875rem, 35 / 1710 * 100vw, 2.1875rem) clamp(2rem, 56 / 1710 * 100vw, 3.5rem) clamp(1.875rem, 35 / 1710 * 100vw, 2.1875rem) clamp(0.75rem, 16 / 1710 * 100vw, 1rem);
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  gap: 1rem;
  background-color: #fff;
}
.c-constructor_item_result li::before {
  counter-increment: orderedlist;
  content: counter(orderedlist);
  margin: clamp(0.8125rem, 17 / 1710 * 100vw, 1.0625rem);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: clamp(2.25rem, 46 / 1710 * 100vw, 2.875rem);
  width: clamp(2.25rem, 46 / 1710 * 100vw, 2.875rem);
  color: #fff;
  background-color: #beb9b1;
  border-radius: 100%;
}

.c-constructor_item {
  position: relative;
}
.c-constructor_item:not(:first-child) {
  margin-top: 7.5rem;
}
.c-constructor_item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 1.875rem;
  right: 1.875rem;
  bottom: -3.75rem;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
}

.c-constructor_item_container {
  background-color: #fff;
  padding-top: 1.875rem;
  padding-right: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  padding-left: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  padding-bottom: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  border-radius: clamp(1.5rem, 30 / 1710 * 100vw, 1.875rem);
  position: relative;
  z-index: 1;
}

.c-constructor_item_details {
  display: flex;
}
@media (max-width: 699px) {
  .c-constructor_item_details {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-top: 3.875rem;
    position: relative;
  }
}
@media (max-width: 1199px) {
  .c-constructor_item_details {
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .c-constructor_item_details {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.c-constructor_item_header {
  grid-column: 1/3;
  grid-row: 2;
}
@media (max-width: 699px) {
  .c-constructor_item_header {
    order: -1;
  }
}
@media (min-width: 700px) {
  .c-constructor_item_header {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1400px) {
  .c-constructor_item_header {
    margin-top: 3.75rem;
  }
}

.c-constructor_details_tag {
  display: flex;
  gap: 2px;
}
@media (max-width: 699px) {
  .c-constructor_details_tag {
    margin-top: 0.75rem;
    gap: 1.25rem;
  }
}

@media (max-width: 699px) {
  .c-constructor_collection {
    margin-left: -30px;
    margin-right: -30px;
  }
}

.c-constructor_item_card-list {
  display: grid;
  gap: var(--grid-gutter);
  margin-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}
@media (min-width: 700px) {
  .c-constructor_item_card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 800px) {
  .c-constructor_item_card-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-constructor_wrapper {
  margin-right: -1.875rem;
  margin-left: -1.875rem;
  counter-reset: orderedlist;
}

.c-tag_text.is-constructor::after {
  margin-left: 0.3125em;
  counter-increment: orderedlist;
  content: counter(orderedlist);
  display: inline-flex;
}

.c-constructor_item_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
  padding: 1.25rem;
  position: relative;
  min-height: 12.5rem;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #f6f4f1;
}
@media (min-width: 1200px) {
  .c-constructor_item_card {
    min-height: 11.25rem;
  }
}
@media (min-width: 1400px) {
  .c-constructor_item_card {
    min-height: 15.625rem;
  }
}

.c-constructor_card_bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.c-constructor_item_remove_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 0.875rem;
  background-color: #b9b1a6;
  justify-self: flex-end;
}

.c-constructor_item_remove_icon {
  width: 1.25rem;
  height: 1.25rem;
}

.c-constructor_tag_text {
  font-size: var(--font-size--tag);
  line-height: 1.15;
  font-weight: 500;
}

.c-constructor_tag_icon {
  height: 1rem;
  width: 1rem;
}

.c-constructor_tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 700px) {
  .c-constructor_tag {
    position: relative;
    border-radius: 100vw;
    height: clamp(2.5rem, 46 / 1710 * 100vw, 2.875rem);
    padding-left: clamp(0.9375rem, 20 / 1710 * 100vw, 1.25rem);
    padding-right: clamp(0.9375rem, 20 / 1710 * 100vw, 1.25rem);
  }
  .c-constructor_tag::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px dashed currentColor;
    opacity: 0.2;
  }
}

.c-constructor_tag_stage {
  display: inline-flex;
  position: relative;
  border-radius: 100vw;
  height: clamp(2.5rem, 46 / 1710 * 100vw, 2.875rem);
  justify-content: center;
  align-items: center;
  background-color: #000000;
  color: #fff;
  padding-left: clamp(0.9375rem, 20 / 1710 * 100vw, 1.25rem);
  padding-right: clamp(0.9375rem, 20 / 1710 * 100vw, 1.25rem);
}
@media (max-width: 699px) {
  .c-constructor_tag_stage {
    height: 2rem;
  }
}
@media (max-width: 699px) {
  .c-constructor_tag_stage {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.c-constructor_tag_stage_text {
  font-size: var(--font-size--tag);
  line-height: 1.15;
  font-weight: 500;
}

.c-constructor_stage_divider {
  display: flex;
  justify-content: center;
  margin-top: clamp(2.5rem, 120 / 1710 * 100vw, 7.5rem);
  padding-bottom: 1.25rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
@media (min-width: 700px) {
  .c-constructor_stage_divider {
    margin-left: 1.875rem;
    margin-right: 1.875rem;
  }
}

.c-constructor_stage_divider_text {
  color: rgba(0, 0, 0, 0.4);
  font-size: var(--font-size--tag);
  line-height: 1.15;
  font-weight: 500;
}

.c-constructor_fixed_button {
  display: flex;
  pointer-events: none;
  transform: translateY(100%);
}
html.is-first-loaded .c-constructor_fixed_button {
  transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-builder-active .c-constructor_fixed_button {
  transform: translateY(0%);
}
@media (max-width: 1199px) {
  .c-constructor_fixed_button {
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: var(--grid-margin);
  }
}
@media (min-width: 1200px) {
  .c-constructor_fixed_button {
    display: none;
  }
}

.c-constructor_item_remove {
  top: 0.625rem;
  right: 0.625rem;
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  background-color: #BEB9B1;
  color: #fff;
}

.c-constructor_item_remove_icon {
  width: 1.5rem;
  height: 1.5rem;
}

.c-constructor_item_title {
  word-break: break-word;
  margin-right: 2.375rem;
}

.c-constructor_form_list {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.c-constructor_form_list:not(:first-child) {
  margin-top: 1rem;
}

.c-constructor_form_item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.c-constructor_form_item:not(:first-child) {
  margin-top: 0.625rem;
}

.c-constructor_form_caption {
  color: rgba(0, 0, 0, 0.6);
}

.c-constructor_form_task {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.c-constructor_button {
  --size-button-constructor: 3.125rem;
  --radius-button-constructor: 0.875rem;
  --height-button-constructor: 3.125rem;
  display: flex;
  color: var(--white);
  background-color: var(--black-button);
  border-radius: var(--radius-button-constructor);
  height: var(--height-button-constructor);
}
@media (min-width: 500px) {
  .c-constructor_button {
    --size-button-constructor: 3.75rem;
    --radius-button-constructor: 1rem;
    --height-button-constructor: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .c-constructor_button {
    --size-button-constructor: 4.375rem;
    --radius-button-constructor: 1.25rem;
    --height-button-constructor: 4.375rem;
  }
}

.c-constructor_button_main {
  display: flex;
  align-items: center;
  height: 100%;
  pointer-events: all;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  gap: 0.75rem;
}

.c-constructor_button_generate {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  height: var(--size-button-constructor);
  width: var(--size-button-constructor);
  position: relative;
}
.c-constructor_button_generate::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: calc(100% - 20px);
  background-color: rgba(255, 255, 255, 0.1);
}

.c-stage-options_collections {
  margin-top: 2.5rem;
}

.c-stage-options_list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.c-stage-options_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 1.25rem;
  border-radius: 1.25rem;
  height: 15.625rem;
  background-color: #eceae6;
}
input[type=radio]:checked ~ .c-stage-options_card {
  background-color: #fff;
}

.c-stage-options_bottom {
  display: flex;
  justify-content: space-between;
  padding: 0.625rem;
}

.c-stage-options_tags {
  display: flex;
  gap: 2px;
}

.c-stage-options_item_container.-checked {
  display: none;
}

.c-stage-options_button {
  position: absolute;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.25rem;
}

.c-custom-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.875rem;
  height: 2.875rem;
  position: relative;
  color: #fff;
  margin-left: auto;
}
.c-stage-options_card .c-custom-checkbox {
  position: absolute;
  z-index: 1;
  top: 0.625rem;
  right: 0.625rem;
}
.c-custom-checkbox::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  background-color: rgba(16, 24, 32, 0.05);
  border-radius: 0.875rem;
  z-index: -1;
  transition: transform 200ms ease, background-color 200ms ease;
}
input:checked ~ label .c-custom-checkbox::before {
  background-color: #101820;
}

.c-custom-checkbox_icon {
  width: 1.25rem;
  height: 1.25rem;
  color: white;
  opacity: 0;
  transition: opacity 200ms ease;
}
input:checked ~ label .c-custom-checkbox_icon {
  opacity: 1;
}

.c-constructor-form_section {
  padding-top: clamp(1.875rem, 60 / 1710 * 100vw, 3.75rem);
  padding-bottom: clamp(1.875rem, 60 / 1710 * 100vw, 3.75rem);
}

.c-constructor-form {
  background-color: #fff;
  border-radius: clamp(1.875rem, 32 / 1710 * 100vw, 2rem);
  padding-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
  padding-right: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  padding-left: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  padding-bottom: clamp(0.625rem, 30 / 1710 * 100vw, 1.875rem);
  margin-right: -1.875rem;
  margin-left: -1.875rem;
}

@media (max-width: 699px) {
  .c-constructor-form_header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.c-constructor-list {
  padding-top: clamp(1.875rem, 60 / 1710 * 100vw, 3.75rem);
  padding-bottom: clamp(1.875rem, 60 / 1710 * 100vw, 3.75rem);
}

.c-footer-small {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.c-footer-small_inner {
  padding-bottom: clamp(1.875rem, 35 / 1710 * 100vw, 2.1875rem);
}

.c-footer-small_bottom {
  display: flex;
  align-items: end;
}
@media (max-width: 699px) {
  .c-footer-small_bottom {
    flex-direction: column;
    align-items: start;
  }
  .c-footer-small_bottom_right {
    order: -1;
  }
}
@media (min-width: 700px) {
  .c-footer-small_bottom {
    -moz-column-gap: var(--grid-gutter);
         column-gap: var(--grid-gutter);
    display: grid;
  }
}
@media (min-width: 700px) {
  .c-footer-small_bottom {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-contacts {
  display: flex;
  flex-direction: column;
  min-height: calc(100 * var(--vh, 1vh));
  padding-top: 7.5rem;
  padding-bottom: 10.375rem;
  justify-content: center;
}
@media (min-width: 1000px) {
  .c-contacts {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}

.c-contacts_inner {
  display: flex;
  justify-content: center;
  gap: var(--grid-gutter);
  position: relative;
  z-index: 1;
}
@media (max-width: 799px) {
  .c-contacts_inner {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-contacts_inner {
    --grid-offset: 10px;
  }
}
@media (max-width: 999px) {
  .c-contacts_inner {
    flex-direction: column;
  }
}

.c-contacts_content {
  display: flex;
  width: 100%;
  opacity: 0;
  transform: scale(0.8);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  padding: 0.625rem;
}
html.is-first-loaded .c-contacts_content {
  transition: transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.is-ready .c-contacts_content, html.wf-design-mode .c-contacts_content {
  opacity: 1;
  transform: scale(1);
}
@media (min-width: 1000px) {
  .c-contacts_content {
    max-width: 37.875rem;
  }
}

.c-contacts_item_wrapper {
  position: relative;
  z-index: 1;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.c-contacts_item_wrapper::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.05);
  background-color: #f2f2f2;
  pointer-events: none;
  z-index: -1;
}
html.is-first-loaded .c-contacts_item_wrapper::before {
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), clip-path 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-contacts_item_wrapper:hover::before {
  -webkit-clip-path: inset(0 0.5rem round 0.875rem);
  clip-path: inset(0 0.5rem round 0.875rem);
  opacity: 1;
}
.c-contacts_item_wrapper::before {
  -webkit-clip-path: inset(0 0 round 0.875rem);
  clip-path: inset(0 0 round 0.875rem);
  right: -0.5rem;
  left: -0.5rem;
}

.c-contacts_num {
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}
@media (min-width: 640px) {
  .c-contacts_num {
    width: 2.25rem;
    height: 2.25rem;
  }
}
@media (min-width: 800px) {
  .c-contacts_num {
    width: 1.875rem;
    height: 1.875rem;
  }
}
@media (min-width: 1000px) {
  .c-contacts_num {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.c-contacts_item {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  opacity: 0.4;
  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 639px) {
  .c-contacts_item {
    flex-direction: column;
  }
}
.c-contacts_item::before {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 1;
}
.c-contacts_radio:checked + .c-contacts_item {
  opacity: 1;
}

.c-contacts_item_left {
  display: flex;
  gap: 1.25rem;
  max-width: 19.25rem;
}
@media (min-width: 640px) {
  .c-contacts_item_left {
    align-items: center;
    gap: 1rem;
  }
}

.c-contacts_item_right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  color: rgba(16, 24, 32, 0.4);
}
@media (max-width: 639px) {
  .c-contacts_item_right {
    margin-top: 0.625rem;
    margin-left: 3.125rem;
  }
}
@media (min-width: 640px) {
  .c-contacts_item_right {
    gap: 0.625rem;
  }
}
@media (min-width: 1000px) {
  .c-contacts_item_right {
    gap: 0.5rem;
  }
}

.c-contacts_radio {
  display: none;
}

.c-contacts_divider {
  border-top: dashed 1px rgba(0, 0, 0, 0.05);
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  pointer-events: none;
}

.c-contacts_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f2f2f2;
}

.c-contacts_block {
  display: flex;
  flex-direction: column;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) and (max-width: 999px) {
  .c-contacts_block {
    flex-direction: row;
  }
}

.c-contacts_block_container {
  display: flex;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) and (max-width: 999px) {
  .c-contacts_block_container {
    width: calc(50% - var(--grid-gutter) / 2);
  }
}
@media (min-width: 1000px) {
  .c-contacts_block_container {
    flex-direction: column;
  }
}

.c-contacts_block_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-backdrop-filter: blur(40px);
  opacity: 0;
  transform: scale(0.8);
  backdrop-filter: blur(40px);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  padding: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  height: 15.625rem;
}
html.is-first-loaded .c-contacts_block_item {
  transition: transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.is-ready .c-contacts_block_item, html.wf-design-mode .c-contacts_block_item {
  opacity: 1;
  transform: scale(1);
  transition-delay: 200ms;
}
@media (min-width: 700px) and (max-width: 999px) {
  .c-contacts_block_item {
    width: calc(50% - var(--grid-gutter) / 2);
  }
}
@media (min-width: 1000px) {
  .c-contacts_block_item {
    width: 18.75rem;
  }
}
@media (max-width: 699px) {
  .c-contacts_block_item {
    grid-column: span 2;
  }
}

.c-contacts_block_inner {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex-direction: column;
}

.c-contacts_block_link {
  font-size: var(--font-size--title-card-4);
  line-height: 1.2;
  font-weight: 500;
}

.c-contacts_map_container {
  width: 100%;
  margin-top: 0.625rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: #f2f2f2;
  height: 22.5rem;
}
@media (min-width: 700px) {
  .c-contacts_map_container {
    height: 23.75rem;
  }
}
@media (min-width: 1000px) {
  .c-contacts_map_container {
    height: 100%;
  }
}

.c-contacts_map {
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  opacity: 0;
}
html.is-first-loaded .c-contacts_map {
  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.is-ready .c-contacts_map.is-ready, html.wf-design-mode .c-contacts_map {
  opacity: 1;
}

.c-contacts_map_inner {
  width: 100%;
  height: 100%;
}

.c-contacts_social {
  display: flex;
  gap: 0.5rem;
  margin-top: 3.875rem;
}

.c-contacts_social_link {
  height: 2.875rem;
  width: 2.875rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  overflow: hidden;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
}
@media (hover: hover) {
  .c-contacts_social_link:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
  }
}

.icon-marker {
  cursor: pointer;
  font-size: var(--font-size--tag);
  font-weight: 500;
  line-height: 1.15;
  /* Icon */
  box-shadow: 0px 0px 30.1px rgba(0, 0, 0, 0.25);
  width: 2.25rem;
  min-height: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: translate(-50%, -50%);
}

.c-contacts_header {
  padding-top: 2px;
  padding-bottom: 2px;
}

.c-contacts_block_button {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: scale(0.8);
  height: 8.75rem;
  width: 100%;
  padding: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  border-radius: 1rem;
  justify-content: space-between;
  transition: background-color 300ms ease;
  text-align: left;
}
html.is-first-loaded .c-contacts_block_button {
  transition: transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms cubic-bezier(0.215, 0.61, 0.355, 1), background-color 300ms ease, color 300ms ease;
}
html.is-ready .c-contacts_block_button, html.wf-design-mode .c-contacts_block_button {
  opacity: 1;
  transform: scale(1);
}
html.is-ready .c-contacts_block_button:nth-child(1), html.wf-design-mode .c-contacts_block_button:nth-child(1) {
  transition-delay: 280ms;
}
html.is-ready .c-contacts_block_button:nth-child(2), html.wf-design-mode .c-contacts_block_button:nth-child(2) {
  transition-delay: 360ms;
}
@media (min-width: 700px) {
  .c-contacts_block_button {
    height: 100%;
  }
}
@media (min-width: 1000px) {
  .c-contacts_block_button {
    height: 12.375rem;
  }
}
.c-contacts_block_button.is-dark {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.8);
}
.c-contacts_block_button.is-light {
  background-color: rgba(255, 255, 255, 0.9);
}
@media (hover: hover) {
  .c-contacts_block_button.hover {
    background-color: #fff;
  }
  .c-contacts_block_button.hover .c-contacts_block_text {
    transition-duration: 500ms;
    background-size: 100% 1px;
  }
  .c-contacts_block_button:hover {
    transition-delay: 0ms !important;
  }
  .c-contacts_block_button.transition .c-contacts_block_text {
    background-size: 50% 1px;
    transition-duration: 500ms;
  }
  .c-contacts_block_button.is-dark:hover {
    background-color: #000;
  }
}

.c-contacts_block_button_arrow {
  height: 2.5rem;
  border-radius: 0.75rem;
  width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: flex-end;
}
.is-dark .c-contacts_block_button_arrow {
  background-color: rgba(255, 255, 255, 0.1);
}
.is-light .c-contacts_block_button_arrow {
  background-color: rgba(0, 0, 0, 0.05);
}

.c-contacts_block_icon {
  width: 1.25rem;
  height: 1.25rem;
}

.c-contacts_block_text {
  background: no-repeat 200% 100%;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 200% 1px;
  transition-property: background-size;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.c-contacts_block_span {
  font-size: var(--font-size--title-card-4);
  font-weight: 500;
  line-height: 1.2;
  max-width: 8rem;
}

.c-about-hero {
  text-align: center;
}

.c-about-hero_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(35 * var(--vh, 1vh));
  padding-bottom: 1.875rem;
  height: calc(100 * var(--vh, 1vh) - 2rem);
}

.c-about-hero_bottom {
  display: flex;
  margin-top: auto;
  justify-content: space-between;
}
@media (max-width: 999px) and (max-width: 799px) {
  .c-about-hero_bottom {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 999px) and (max-width: 699px) {
  .c-about-hero_bottom {
    --grid-offset: 10px;
  }
}
@media (min-width: 1000px) {
  .c-about-hero_bottom {
    width: 100%;
  }
}

.c-about-hero_heading h1 {
  max-width: 12em;
}

.c-about-hero_image_inner {
  height: 100vh;
}

.c-about-hero_image_container {
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.c-about-hero_image {
  perspective: 0;
  transform: translate3d(0, 2rem, 0);
  background-color: rgba(0, 0, 0, 0.03);
}
html.is-first-loaded .c-about-hero_image {
  transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
}
html.is-ready .c-about-hero_image {
  transform: translate3d(0, 0, 0);
  transition-delay: 400ms;
}

.c-about-hero_bottom_line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1000px) {
  .c-about-hero_bottom_line:not(:first-child) {
    display: none;
  }
}
@media (max-width: 999px) {
  .c-about-hero_bottom_line {
    animation: marquee 30s linear infinite;
    animation-play-state: paused;
  }
  html.is-ready .c-about-hero_inner.is-inview .c-about-hero_bottom_line {
    animation-play-state: running;
  }
}

.c-about-hero_bottom_text {
  text-wrap: nowrap;
  white-space: nowrap;
  transform: translateY(100%);
}
@media (max-width: 999px) {
  .c-about-hero_bottom_text {
    margin-right: 2.5rem;
  }
}
html.is-first-loaded .c-about-hero_bottom_text {
  transition: transform 800ms ease;
}
html.is-ready .c-about-hero_bottom_text {
  transform: translateY(0);
}
html.is-ready .c-about-hero_bottom_text:nth-child(1) {
  transition-delay: 210ms;
}
html.is-ready .c-about-hero_bottom_text:nth-child(2) {
  transition-delay: 270ms;
}
html.is-ready .c-about-hero_bottom_text:nth-child(3) {
  transition-delay: 330ms;
}
html.is-ready .c-about-hero_bottom_text:nth-child(4) {
  transition-delay: 390ms;
}

.c-about-hero_image {
  height: 100vh;
  position: relative;
}

.c-about-hero_image_inner {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  height: calc(100vh + 15rem);
  transform: translateY(calc(-15rem + var(--progress) * 15rem));
}

.c-about-page_header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.875rem;
  text-align: center;
  max-width: 66.875rem;
  margin-left: auto;
  margin-right: auto;
}

.c-about-page_expirience {
  padding-top: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
  padding-bottom: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
}

.c-about-page_expirience_list {
  display: grid;
  gap: var(--grid-gutter);
  margin-top: clamp(3.125rem, 100 / 1710 * 100vw, 6.25rem);
}
@media (max-width: 799px) {
  .c-about-page_expirience_list {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-about-page_expirience_list {
    --grid-offset: 10px;
  }
}
@media (min-width: 700px) {
  .c-about-page_expirience_list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-about-page_expirience_item {
  padding: 1.875rem;
  background-color: #e8e7e6;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  aspect-ratio: 453/560;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 800px) {
  .c-about-page_expirience_item:nth-child(2) {
    transform: translateY(calc(3.125rem - 3.125rem * var(--progress)));
  }
  .c-about-page_expirience_item:nth-child(3) {
    transform: translateY(calc(6.25rem - 6.25rem * var(--progress)));
  }
}

@media (max-width: 699px) {
  .c-about-page_expirience_header {
    max-width: 80%;
  }
}
@media (min-width: 1000px) {
  .c-about-page_expirience_header {
    max-width: 80%;
  }
}

.c-about-page_expirience_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.c-about-page_reviews {
  padding-top: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
  padding-bottom: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
}

.c-about-page_reviews_list {
  display: grid;
  margin-top: clamp(3.125rem, 100 / 1710 * 100vw, 6.25rem);
  gap: var(--grid-gutter);
}
@media (max-width: 799px) {
  .c-about-page_reviews_list {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-about-page_reviews_list {
    --grid-offset: 10px;
  }
}
@media (min-width: 800px) {
  .c-about-page_reviews_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .c-about-page_reviews_list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-about-page_reviews_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
  padding: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  background-color: #212121;
  min-width: 100%;
  min-height: clamp(18.125rem, 420 / 1710 * 100vw, 26.25rem);
}
@media (min-width: 1200px) {
  .c-about-page_reviews_item:nth-child(2) {
    grid-column: 3/3;
  }
}
@media (min-width: 700px) and (max-width: 1200px) {
  .c-about-page_reviews_item:nth-child(2) {
    grid-row: 2/2;
  }
  .c-about-page_reviews_item:nth-child(3) {
    grid-row: 2/2;
  }
  .c-about-page_reviews_item:nth-child(4) {
    grid-row: 3/3;
    grid-column: 2/2;
  }
}
@media (min-width: 1200px) {
  .c-about-page_reviews_item:nth-child(2) {
    transform: translateY(calc(50% + var(--grid-gutter) - (var(--progress) * 50% + var(--grid-gutter))));
  }
  .c-about-page_reviews_item:nth-child(4) {
    transform: translateY(calc(50% - var(--progress) * 150% + var(--grid-gutter)));
  }
}

.c-about-page_reviews_description {
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  margin-top: 0.125rem;
}
@media (min-width: 1200px) {
  .c-about-page_reviews_description {
    margin-top: 0.25rem;
  }
}

.c-about-page_reviews_image {
  border-radius: 100%;
  overflow: hidden;
  flex: none;
  height: 2.25rem;
  width: 2.25rem;
}
@media (min-width: 1200px) {
  .c-about-page_reviews_image {
    height: 3.125rem;
    width: 3.125rem;
  }
}

.c-about-page_reviews_bottom {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .c-about-page_reviews_bottom {
    gap: 0.9375rem;
  }
}

.c-about-page_reviews_caption {
  margin-top: 0.625rem;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1200px) {
  .c-about-page_reviews_caption {
    margin-top: 0.75rem;
  }
}

.c-about-page_vacancies {
  position: relative;
  z-index: 1;
  padding-top: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
  padding-bottom: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
}

.c-about-page_vacancies_collection {
  margin-top: clamp(3.125rem, 100 / 1710 * 100vw, 6.25rem);
}
@media (max-width: 799px) {
  .c-about-page_vacancies_collection {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-about-page_vacancies_collection {
    --grid-offset: 10px;
  }
}

.c-about-page_vacancies_list {
  display: grid;
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-about-page_vacancies_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-about-page_vacancies_link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
  min-height: clamp(16.25rem, 340 / 1710 * 100vw, 21.25rem);
  padding: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
}

.c-about-page_vacancies_bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 4px;
}

.c-about-page_vacancies_tags {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 4px;
}

.c-about-page_team {
  padding-top: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
  padding-bottom: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
  z-index: 2;
}

.c-about-page_team_item {
  width: 100%;
}
@media (min-width: 800px) {
  .c-about-page_team_item {
    width: 22%;
    margin-right: 0.625rem;
  }
}

@media (min-width: 800px) {
  html:not(.wf-design-mode) .c-about-page_team_inner {
    transform: translateX(5rem);
    opacity: 0;
  }
  html.is-first-loaded .c-about-page_team_inner {
    transition: opacity 800ms ease, transform 800ms ease;
  }
  .c-about-page_team_slider.is-inview .c-about-page_team_inner {
    transform: translateX(0);
    opacity: 1;
  }
  .c-about-page_team_item:nth-child(1) .c-about-page_team_inner {
    transition-delay: 100ms;
  }
  .c-about-page_team_item:nth-child(2) .c-about-page_team_inner {
    transition-delay: 200ms;
  }
  .c-about-page_team_item:nth-child(3) .c-about-page_team_inner {
    transition-delay: 300ms;
  }
  .c-about-page_team_item:nth-child(4) .c-about-page_team_inner {
    transition-delay: 400ms;
  }
  .c-about-page_team_item:nth-child(5) .c-about-page_team_inner {
    transition-delay: 500ms;
  }
  .c-about-page_team_item:nth-child(6) .c-about-page_team_inner {
    transition-delay: 600ms;
  }
}

.c-about-page_team_item_caption {
  font-size: var(--font-size--text-4);
  line-height: 1.1;
  margin-top: 0.375rem;
  color: rgba(16, 24, 32, 0.4);
}
@media (min-width: 800px) {
  .c-about-page_team_item_caption {
    font-size: var(--font-size--text-3);
    line-height: 1.2;
  }
}

.c-about-page_team_content {
  margin-top: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem;
}
@media (max-width: 799px) {
  .c-about-page_team_content {
    margin-top: 1rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
@media (max-width: 699px) {
  .c-about-page_team_content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.c-about-page_team_collection {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.c-about-page_team_item_title {
  font-size: clamp(1rem, 30 / 1710 * 100vw, 1.875rem);
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 800px) {
  .c-about-page_team_item_title {
    line-height: 1.3;
  }
}

.c-about-page_team_image_container {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  width: 100%;
}
.c-about-page_team_image_container::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 1;
  pointer-events: none;
}

.c-about-page_status {
  margin-top: clamp(2.5rem, 100 / 1710 * 100vw, 6.25rem);
}

.c-about-page_status_inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .c-about-page_status_inner {
    flex-direction: column;
    gap: 1rem;
  }
}

.c-about-page_status_list {
  display: grid;
  width: 100%;
}
@media (max-width: 699px) {
  .c-about-page_status_list {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gutter);
  }
}
@media (min-width: 700px) {
  .c-about-page_status_list {
    display: flex;
  }
}

.c-about-page_status_rail {
  margin-top: clamp(2.5rem, 50 / 1710 * 100vw, 3.125rem);
}
@media (max-width: 699px) {
  .c-about-page_status_rail {
    width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    max-width: var(--container-width);
  }
}
@media (min-width: 700px) {
  .c-about-page_status_rail {
    display: flex;
  }
}

.c-about-page_status_item {
  width: 100%;
  aspect-ratio: 195/140;
}
@media (min-width: 700px) {
  .c-about-page_status_item {
    flex: none;
    margin-left: 0.625rem;
  }
}
@media (min-width: 700px) {
  .c-about-page_status_item {
    width: 10.3125rem;
  }
}
@media (min-width: 800px) {
  .c-about-page_status_item {
    width: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .c-about-page_status_item {
    width: 12.1875rem;
  }
}

@media (min-width: 700px) {
  .c-about-page_status_collection {
    flex: none;
  }
}
@media (max-width: 699px) {
  .c-about-page_status_collection:nth-child(2), .c-about-page_status_collection:nth-child(3) {
    display: none;
  }
}
@media (min-width: 700px) {
  .c-about-page_status_collection {
    animation: marque 60s linear infinite;
    animation-play-state: paused;
  }
  html.is-ready .c-about-page_status_rail.is-inview .c-about-page_status_collection {
    animation-play-state: running;
  }
}
@keyframes marque {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.c-about-page_status_link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f4f4f4;
  border-radius: clamp(0.75rem, 20 / 1710 * 100vw, 1.25rem);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  filter: grayscale(1);
  transition: filter 500ms ease, border-color 500ms ease;
}
.c-about-page_status_link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.02);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 500ms ease;
}
@media (hover: hover) {
  .c-about-page_status_link:hover {
    filter: grayscale(0);
    border-color: transparent;
  }
  .c-about-page_status_link:hover::before {
    opacity: 1;
  }
}

.c-about-page_status_image {
  height: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 700px) {
  .c-about-page_status_image {
    height: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .c-about-page_status_image {
    height: 5rem;
  }
}

.c-about-page_team_image {
  pointer-events: none;
}
html.is-first-loaded .c-about-page_team_image {
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-about-page_team_image_container:hover .c-about-page_team_image {
    transform: scale(1.1);
  }
}

.c-about-page_team_slider {
  margin-top: clamp(3.125rem, 100 / 1710 * 100vw, 6.25rem);
}

.c-about-page_team_list {
  display: grid;
}
@media (max-width: 799px) {
  .c-about-page_team_list {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gutter);
  }
}
@media (max-width: 699px) {
  .c-about-page_team_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 800px) {
  .c-about-page_team_list {
    display: flex;
    align-items: start;
  }
}

.c-about-page_team_active_collection {
  width: 50% !important;
  aspect-ratio: 1/1;
  border-radius: 1.25rem;
  overflow: hidden;
  margin: 0 !important;
  position: relative;
}

.c-about-page_team_active_image {
  background-color: #fff;
  position: relative;
}
.c-about-page_team_active_image::before {
  content: "";
  position: absolute;
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 1;
  pointer-events: none;
}

.c-about-page_client {
  padding-top: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
  padding-bottom: clamp(5rem, 150 / 1710 * 100vw, 9.375rem);
}

.c-about-page_client_inner {
  padding-left: clamp(2.5rem, 260 / 1710 * 100vw, 16.25rem);
  padding-right: clamp(2.5rem, 260 / 1710 * 100vw, 16.25rem);
}
@media (max-width: 999px) {
  .c-about-page_client_inner {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.c-about-page_client_carousel {
  margin-top: clamp(3.125rem, 100 / 1710 * 100vw, 6.25rem);
}

.c-about-page_client_list {
  display: grid;
}
@media (max-width: 999px) {
  .c-about-page_client_list {
    grid-row-gap: clamp(2rem, 46 / 1710 * 100vw, 2.875rem);
  }
}
@media (min-width: 700px) and (max-width: 999px) {
  .c-about-page_client_list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: var(--grid-gutter);
         column-gap: var(--grid-gutter);
  }
}
@media (min-width: 1000px) {
  .c-about-page_client_list {
    display: flex;
  }
}

.c-about-page_client_bottom {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.875rem, 60 / 1710 * 100vw, 3.75rem);
  gap: 0.625rem;
}

.c-about-page_client_button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: clamp(3rem, 56 / 1710 * 100vw, 3.5rem);
  border-radius: 0.875rem;
  width: 100%;
  transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
}
@media (min-width: 700px) {
  .c-about-page_client_button {
    width: clamp(10rem, 200 / 1710 * 100vw, 12.5rem);
  }
}
.c-about-page_client_button.is-filled {
  background-color: #212121;
  color: #fff;
}
@media (hover: hover) {
  .c-about-page_client_button.is-filled:hover {
    background-color: #4D4D4D;
  }
}
.c-about-page_client_button.is-dashed {
  border: 1px dashed rgba(0, 0, 0, 0.3);
}
@media (hover: hover) {
  .c-about-page_client_button.is-dashed:hover {
    background-color: #F2F2F2;
    border-color: transparent;
  }
}

.c-about-page_status_note {
  position: absolute;
  z-index: 3;
  width: 1.25rem;
  height: 1.25rem;
  top: 0.5rem;
  right: 0.5rem;
}
@media (min-width: 700px) {
  .c-about-page_status_note {
    top: 0.625rem;
    right: 0.625rem;
  }
}
@media (min-width: 1000px) {
  .c-about-page_status_note {
    top: 0.5rem;
    right: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .c-about-page_status_note {
    top: 1rem;
    right: 1rem;
  }
}

.c-about-page_status_count {
  color: #A8A8A8;
}

@media (hover: hover) {
  .c-about-page_status_button:hover {
    color: #fff;
    background-color: #212121;
  }
}

.c-about-page_vacancies_link {
  transition: background-color 300ms ease;
}
@media (hover: hover) {
  .c-about-page_vacancies_link:hover {
    background-color: rgba(255, 255, 255, 0.7);
  }
}

.c-about-page_client_mobile {
  margin-top: 3.25rem;
}

.c-about-page_reviews_figure {
  width: 66.625rem;
  position: absolute;
  top: 0;
  right: -9.625rem;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 699px) {
  .c-about-page_reviews_figure {
    display: none;
  }
}

.c-about-page_reviews_container {
  position: relative;
}

.c-menu {
  display: flex;
  flex-direction: column;
  width: 100vw;
  z-index: 101;
  background-color: #fff;
  height: 100%;
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  overflow: hidden;
  border-top-left-radius: var(--modal-radius);
}
@media (min-width: 800px) {
  .c-menu {
    width: clamp(41.25rem, 1060 / 1710 * 100vw, 66.25rem);
  }
}
@media (max-width: 799px) {
  .c-menu {
    border-top-right-radius: var(--modal-radius);
  }
}
@media (min-width: 800px) {
  .c-menu {
    border-bottom-left-radius: var(--modal-radius);
  }
}

.c-menu_container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}

.c-menu_fixed {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
html.is-first-loaded .c-menu_fixed {
  transition: visibility 600ms linear;
}
html.has-services-menu-open .c-menu_fixed {
  visibility: visible;
}

.c-menu_fixed_inner {
  position: fixed;
  z-index: 102;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .c-menu_fixed_inner {
    max-height: calc(100% - 6.5rem);
    bottom: 0;
  }
}
html.is-first-loaded .c-menu_fixed_inner {
  transition: transform 600ms cubic-bezier(0.15, 0.49, 0.19, 1);
}
html:not(.has-services-menu-open) .c-menu_fixed_inner {
  transform: translate(100%, 0);
}
@media (max-width: 799px) {
  html:not(.has-services-menu-open) .c-menu_fixed_inner {
    transform: translate(0, 100%);
  }
}

.c-menu_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  cursor: default;
}
html.is-first-loaded .c-menu_background {
  transition: opacity 600ms cubic-bezier(0.15, 0.49, 0.19, 1);
}
html:not(.has-services-menu-open) .c-menu_background {
  opacity: 0;
}

.c-menu_inner {
  display: flex;
  flex: 1 1 auto;
  min-height: 0px;
  position: relative;
}
.c-menu_inner::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 3.125rem;
  pointer-events: none;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  z-index: 99;
}

.c-menu_list_container {
  display: flex;
  flex-direction: column;
  position: relative;
}

.c-menu_list {
  display: flex;
  flex-direction: column;
  justify-items: start;
  align-items: flex-start;
  position: relative;
}
.c-menu_list:not(:first-child) {
  margin-top: 1.25rem;
}
.c-menu_list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  pointer-events: none;
  background-color: #ECEAE6;
}

.c-menu_list_inner {
  grid-column: 3/7;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.c-menu_wrapper:nth-child(2) .c-menu_list_inner {
  grid-column: 1/-1;
}

.c-menu_item[data-main=main] {
  order: -1;
}

.c-menu_wrapper {
  width: 100%;
  flex: none;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  padding-top: clamp(1.25rem, 20 / 1710 * 100vw, 1.25rem);
  opacity: 0;
  visibility: hidden;
}
html.is-first-loaded .c-menu_wrapper {
  transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), visibility 1200ms cubic-bezier(0.19, 1, 0.22, 1), transform 1200ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has-business .c-menu_wrapper:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.has-services .c-menu_wrapper:nth-child(1) {
  opacity: 0;
  visibility: hidden;
  transform: translate(-100%);
}
.has-services .c-menu_wrapper:nth-child(2) {
  opacity: 1;
  visibility: visible;
  transform: translate(-100%);
}

.c-menu_text {
  font-size: var(--font-size--text-2);
  font-weight: 500;
  line-height: 1.4;
  transition: transform 300ms ease;
}
.c-menu_wrapper:first-child .c-menu_item:first-child .c-menu_text, .c-menu_wrapper:last-child .c-menu_text {
  font-size: var(--font-size--title-card-1);
  font-weight: 500;
  line-height: 1.3;
}

.c-menu_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  width: 100%;
  gap: var(--grid-gutter);
}
.c-menu_wrapper:first-child .c-menu_item:first-child .c-menu_link, .c-menu_wrapper:last-child .c-menu_link {
  padding-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
  padding-bottom: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}
@media (hover: hover) {
  .c-menu_link:hover .c-menu_text {
    transform: translateX(1.25rem);
  }
}

.c-menu_icon {
  width: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  height: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  flex: none;
}

.c-menu_close {
  pointer-events: all;
  opacity: 0;
  transform: scale(0.8);
  z-index: 99;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  padding: clamp(1.125rem, 22 / 1710 * 100vw, 1.375rem);
}
@media (max-width: 799px) {
  .c-menu_close {
    right: 1.875rem;
    top: 1.875rem;
    position: fixed;
  }
}
@media (min-width: 800px) {
  .c-menu_close {
    position: absolute;
    left: 0;
    transform: translate(calc(-100% - 1.25rem), 0) scale(0.8);
  }
}
html.is-first-loaded .c-menu_close {
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-services-menu-open .c-menu_close {
  opacity: 1;
  transform: scale(1);
  transition-delay: 600ms;
}
@media (min-width: 800px) {
  html.has-services-menu-open .c-menu_close {
    transform: translate(calc(-100% - 1.25rem), 0) scale(1);
  }
}
.c-menu_close::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #fff;
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-menu_close:hover::before {
    transform: scale(1.1);
  }
}

.c-menu_close_figure {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(-45deg);
}

.c-menu_close_line {
  position: absolute;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #000;
}
.c-menu_close_line::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
}
.c-menu_close_line:nth-child(1) {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
}
.c-menu_close_line:nth-child(1)::before {
  transform: translateX(-130%);
}
.c-menu_close:hover .c-menu_close_line:nth-child(1) {
  transform: translateX(130%);
}
.c-menu_close_line:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
}
.c-menu_close_line:nth-child(2)::before {
  transform: translateY(-130%);
  transition-delay: 400ms;
}
.c-menu_close:hover .c-menu_close_line:nth-child(2) {
  transform: translateY(130%);
}

.c-menu_tag {
  gap: 0.625rem;
  grid-column: 1/3;
}

.c-menu_note {
  background-color: #EDEDED;
  color: #8A8A8A;
}

.c-menu_item {
  display: flex;
  align-items: flex-start;
  position: relative;
  position: relative;
}
.c-menu_wrapper:nth-child(2) .c-menu_item:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  border-top: 1px dashed #D3D0CC;
}
@media (max-width: 700px) {
  .c-menu_wrapper:nth-child(1) .c-menu_item:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    border-top: 1px dashed #D3D0CC;
  }
}
@media (max-width: 699px) {
  .c-menu_wrapper:nth-child(1) .c-menu_item {
    flex-direction: column;
  }
}
@media (min-width: 700px) {
  .c-menu_wrapper:nth-child(1) .c-menu_item {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--grid-gutter);
  }
}
@media (min-width: 700px) {
  .c-menu_item {
    align-items: center;
  }
}
@media (max-width: 699px) {
  .c-menu_wrapper:nth-child(2) .c-menu_item {
    flex-direction: column;
  }
}

.c-menu_link {
  position: relative;
}
.c-menu_wrapper:first-child .c-menu_link {
  grid-column: 3/7;
}
@media (min-width: 700px) {
  .c-menu_wrapper:first-child .c-menu_item:not(:first-child) .c-menu_link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    border-top: 1px dashed #D3D0CC;
  }
}
@media (min-width: 700px) {
  .c-menu_wrapper:nth-child(2) .c-menu_link {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
}

.c-menu_link_inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .c-menu_link_inner {
    font-display: auto;
  }
}
@media (min-width: 700px) {
  .c-menu_link_inner {
    grid-column: 3/7;
  }
}

.c-menu_item_note {
  padding: 0;
  position: relative;
  justify-self: start;
  z-index: 2;
}
@media (max-width: 700px) {
  .c-menu_item_note {
    margin-top: 0.75rem;
  }
}
.c-menu_wrapper:first-child .c-menu_item:first-child .c-menu_item_note {
  display: none;
}
@media (min-width: 700px) {
  .c-menu_item_note {
    position: absolute;
    left: 0;
  }
}

.c-menu_note_link {
  margin-top: 0.75rem;
}
@media (min-width: 700px) {
  .c-menu_note_link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: clamp(1.5rem, 36 / 1710 * 100vw, 2.25rem);
  }
}

.c-vacansies-details {
  height: 100%;
  width: 100%;
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  padding-top: var(--grid-margin);
  padding-bottom: 7.5rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (min-width: 800px) {
  .c-vacansies-details {
    width: 30.3125rem;
  }
}
@media (min-width: 1200px) {
  .c-vacansies-details {
    width: 42.9375rem;
  }
}

.c-vacansies-details_header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.c-vacansies-details_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-vacansies-details_wysiwyg {
  margin-top: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
}
.c-vacansies-details_wysiwyg h2,
.c-vacansies-details_wysiwyg h3,
.c-vacansies-details_wysiwyg h4,
.c-vacansies-details_wysiwyg h5,
.c-vacansies-details_wysiwyg h6 {
  margin-top: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  font-size: var(--font-size--h9);
  line-height: 1.3;
  font-weight: 500;
}
.c-vacansies-details_wysiwyg p {
  margin-top: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
  font-size: var(--font-size--text-2);
  line-height: 1.4;
}
.c-vacansies-details_wysiwyg ul {
  margin-top: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
}
.c-vacansies-details_wysiwyg li {
  display: flex;
  gap: 1rem;
  position: relative;
}
.c-vacansies-details_wysiwyg li:not(:first-child) {
  margin-top: 0.625rem;
}
.c-vacansies-details_wysiwyg li::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  background-color: #999083;
  -webkit-mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.4061 15L9.93923 15.5215L10.41 15.9429L10.8772 15.5177L10.4061 15ZM16.5289 8.48226L9.93503 14.4823L10.8772 15.5177L17.4711 9.51774L16.5289 8.48226ZM10.873 14.4785L7.4669 11.4291L6.5331 12.4722L9.93923 15.5215L10.873 14.4785Z" fill="currentColor"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  z-index: 1;
}
.c-vacansies-details_wysiwyg li::after {
  content: "";
  flex-shrink: 0;
  position: absolute;
  left: 0;
  background-color: #f6f4f1;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 100%;
}

.c-vacansies-details_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.25rem;
  z-index: 1;
}
.c-vacansies-details_bottom .c-button {
  width: 100%;
}

.c-vacansies-details_right {
  display: flex;
  gap: 2px;
}

.c-cases-page {
  width: 100%;
  padding: var(--grid-margin);
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
@media (min-width: 800px) {
  .c-cases-page {
    width: clamp(47.5rem, 960 / 1200 * 100vw, 60rem);
  }
}
@media (min-width: 1400px) {
  .c-cases-page {
    width: 1304px;
  }
}

.c-cases-page_list {
  display: grid;
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
  row-gap: clamp(2rem, 46 / 1710 * 100vw, 2.875rem);
}
@media (min-width: 700px) {
  .c-cases-page_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-cases-page_inner {
  margin-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}
@media (max-width: 799px) {
  .c-cases-page_inner {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-cases-page_inner {
    --grid-offset: 10px;
  }
}

.c-cases-page_header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  align-items: center;
  gap: var(--grid-gutter);
}

.c-pagination {
  display: flex;
  gap: clamp(0.625rem, 20 / 1710 * 100vw, 1.25rem);
  margin-top: clamp(1.875rem, 60 / 1710 * 100vw, 3.75rem);
  justify-content: center;
}
@media (max-width: 799px) {
  .c-pagination.is-team-collection {
    display: none;
  }
}
@media (max-width: 999px) {
  .c-pagination.is-client-carousel {
    display: none;
  }
}
.c-pagination .swiper-pagination-bullet {
  display: block;
  width: 8px !important;
  height: 8px !important;
  border-radius: 100%;
  background-color: #101820;
  opacity: 0.1;
}
html.is-first-loaded .c-pagination .swiper-pagination-bullet {
  transition: opacity 300ms ease;
}
.c-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.c-status-details {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  padding: var(--grid-margin);
}
@media (min-width: 800px) {
  .c-status-details {
    width: 30.3125rem;
  }
}
@media (min-width: 1200px) {
  .c-status-details {
    width: 42.9375rem;
  }
}

.c-status-details_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .c-status-details_list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-status-details_collection {
  margin-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}

.c-status-details_description {
  color: rgba(0, 0, 0, 0.5);
  margin-top: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
}

.c-status-details_item img {
  opacity: 1;
}

.c-status-details_link {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f4f4f4;
  border-radius: clamp(0.75rem, 20 / 1710 * 100vw, 1.25rem);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: filter 500ms ease, border-color 500ms ease;
}
.c-status-details_link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.02);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 500ms ease;
}
@media (hover: hover) {
  .c-status-details_link:hover {
    filter: grayscale(0);
    border-color: transparent;
  }
  .c-status-details_link:hover::before {
    opacity: 1;
  }
}

.c-status-details_image {
  width: 5rem;
  height: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.c-status-details_item {
  width: 100%;
  aspect-ratio: 195/140;
}
@media (min-width: 700px) {
  .c-status-details_item {
    flex: none;
  }
}
.c-back-fixed-modal {
  --duration: 600ms;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
}
.c-back-fixed-modal.is-animating {
  transition-duration: var(--duration);
}
@media (min-width: 1200px) {
  .c-back-fixed-modal {
    z-index: 101;
  }
}

.c-back-fixed-modal_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  cursor: default;
}
.c-back-fixed-modal.is-animating .c-back-fixed-modal_background {
  transition-timing-function: cubic-bezier(0.15, 0.49, 0.19, 1);
  opacity: 0;
}
.c-back-fixed-modal.is-changing .c-back-fixed-modal_background {
  transition-duration: 600ms;
}

.c-back-fixed-modal_close {
  position: absolute;
  z-index: 99;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  padding: clamp(1.125rem, 22 / 1710 * 100vw, 1.375rem);
  transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 300ms;
}
@media (max-width: 799px) {
  .c-back-fixed-modal_close {
    top: -4.25rem;
    right: var(--grid-margin);
  }
}
@media (min-width: 800px) {
  .c-back-fixed-modal_close {
    left: -4.25rem;
  }
}
.c-back-fixed-modal.is-animating .c-back-fixed-modal_close {
  transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden;
}
.c-back-fixed-modal_close::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #fff;
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-back-fixed-modal_close:hover::before {
    transform: scale(1.1);
  }
}

.c-back-fixed-modal_figure_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(-45deg);
}

.c-back-fixed-modal_figure_span {
  position: absolute;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #000;
}
.c-back-fixed-modal_figure_span::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
}
.c-back-fixed-modal_figure_span:nth-child(1) {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
}
.c-back-fixed-modal_figure_span:nth-child(1)::before {
  transform: translateX(-130%);
}
.c-back-fixed-modal_close:hover .c-back-fixed-modal_figure_span:nth-child(1) {
  transform: translateX(130%);
}
.c-back-fixed-modal_figure_span:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
}
.c-back-fixed-modal_figure_span:nth-child(2)::before {
  transform: translateY(-130%);
  transition-delay: 400ms;
}
.c-back-fixed-modal_close:hover .c-back-fixed-modal_figure_span:nth-child(2) {
  transform: translateY(130%);
}

.c-back-fixed-modal_inner {
  background-color: #fbfaf9;
  position: fixed;
  z-index: 1;
  right: 0;
  height: 100%;
  border-top-left-radius: var(--modal-radius);
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .c-back-fixed-modal_inner {
    max-height: calc(100% - 6.5rem);
    bottom: 0;
  }
}
@media (max-width: 1199px) {
  .c-back-fixed-modal_inner {
    border-top-right-radius: var(--modal-radius);
  }
}
@media (min-width: 1200px) {
  .c-back-fixed-modal_inner {
    border-bottom-left-radius: var(--modal-radius);
  }
}
.c-back-fixed-modal.is-animating .c-back-fixed-modal_inner {
  transform: translate(100%, 0);
}
@media (max-width: 1199px) {
  .c-back-fixed-modal.is-animating .c-back-fixed-modal_inner {
    transform: translate(0, 100%);
  }
}
.c-back-fixed-modal.is-changing .c-back-fixed-modal_inner {
  transition: transform var(--duration) cubic-bezier(0.15, 0.49, 0.19, 1);
}

.c-status-content {
  width: 100%;
  height: 100%;
  padding: var(--grid-margin);
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (min-width: 800px) {
  .c-status-content {
    width: 30.3125rem;
  }
}
@media (min-width: 1200px) {
  .c-status-content {
    width: 42.9375rem;
  }
}

.c-status-content_wysiwyg h1 {
  font-size: var(--font-size--h8);
  line-height: 1.3;
  font-weight: 500;
}
.c-status-content_wysiwyg h2 {
  font-size: var(--font-size--h9);
  line-height: 1.3;
  font-weight: 500;
  margin-top: 1.875rem;
}
.c-status-content_wysiwyg p {
  font-size: var(--font-size--text-2);
  line-height: 1.4;
  font-weight: 400;
  margin-top: 1.875rem;
}
.c-status-content_wysiwyg ul {
  margin-top: 1.875rem;
}
.c-status-content_wysiwyg li {
  position: relative;
  padding-left: 2.25rem;
}
.c-status-content_wysiwyg li:not(:first-child) {
  margin-top: 1rem;
}
.c-status-content_wysiwyg li::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  left: 0;
  top: 2px;
  position: absolute;
  height: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  width: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  background-color: #8A8A8A;
  -webkit-mask: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m10.4 14 6.1-5.5 1 1-7 6.4-4-3.4 1-1 2.9 2.6Z" fill="currentColor"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem) clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  z-index: 1;
}
.c-status-content_wysiwyg li::after {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 2px;
  left: 0;
  background-color: #EDEDED;
  height: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  width: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  border-radius: 100%;
}
.c-status-content_wysiwyg figure {
  margin-top: 2.5rem;
}

.c-business-content {
  height: 100%;
  padding: var(--grid-margin);
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (min-width: 1200px) {
  .c-business-content {
    width: 27.125rem;
  }
}
@media (min-width: 1600px) {
  .c-business-content {
    width: 42.9375rem;
  }
}

.c-business-content_container {
  height: 100%;
}
@media (min-width: 1200px) {
  .c-business-content_container {
    width: 68.375rem;
  }
}
@media (min-width: 1600px) {
  .c-business-content_container {
    width: 109.1875rem;
  }
}

.c-article-page_inner {
  padding: var(--grid-margin);
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
@media (min-width: 800px) {
  .c-article-page_inner {
    width: 30.3125rem;
  }
}
@media (min-width: 1200px) {
  .c-article-page_inner {
    width: 42.9375rem;
  }
}

.c-article-page_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-article-page_wysiwyg {
  margin-top: 2.5rem;
}

.c-article-page_title {
  margin-top: 1.875rem;
}

.c-constructor-add {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999999;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 600ms cubic-bezier(0.15, 0.49, 0.19, 1);
}
html.has-task-open .c-constructor-add {
  visibility: visible;
  pointer-events: all;
}

.c-constructor-add_description {
  margin-top: 1rem;
  color: rgba(0, 0, 0, 0.5);
}

.c-constructor-add_button {
  margin-top: auto;
}

.c-constructor-add_inner {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  z-index: 101;
  right: 0;
  height: 100%;
  overflow: hidden;
  padding: var(--grid-margin);
  transform: translate(0, 100%);
  border-top-left-radius: var(--modal-radius);
}
@media (max-width: 799px) {
  .c-constructor-add_inner {
    width: 100%;
    bottom: 0;
  }
}
html.is-first-loaded .c-constructor-add_inner {
  transition: transform 600ms cubic-bezier(0.15, 0.49, 0.19, 1);
}
@media (max-width: 799px) {
  .c-constructor-add_inner {
    border-top-right-radius: var(--modal-radius);
  }
}
@media (min-width: 800px) {
  .c-constructor-add_inner {
    border-bottom-left-radius: var(--modal-radius);
  }
}
@media (min-width: 800px) {
  .c-constructor-add_inner {
    border-bottom-left-radius: var(--modal-radius);
    top: 0;
    transform: translate(100%, 0);
  }
}
html.has-task-open .c-constructor-add_inner {
  transform: translate(0);
}

.c-constructor-add_container {
  position: fixed;
  z-index: 3;
  right: 0;
  height: 100%;
  border-top-left-radius: var(--modal-radius);
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .c-constructor-add_container {
    max-height: calc(100% - 6.5rem);
    width: 100%;
    bottom: 0;
  }
}
@media (max-width: 799px) {
  .c-constructor-add_container {
    border-top-right-radius: var(--modal-radius);
  }
}
@media (min-width: 800px) {
  .c-constructor-add_container {
    border-bottom-left-radius: var(--modal-radius);
  }
}

.c-constructor-add_background {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  opacity: 0;
}
html.is-first-loaded .c-constructor-add_background {
  transition: opacity 600ms cubic-bezier(0.15, 0.49, 0.19, 1);
  transition-delay: 300ms;
}
html.has-task-open .c-constructor-add_background {
  opacity: 1;
  transition-delay: 0ms;
}

.c-constructor-add_form {
  width: 100%;
  margin-top: 1.875rem;
}

.c-constructor-add_field {
  position: relative;
  width: 100%;
}

.c-constructor-add_input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  text-align: start;
  width: 100%;
  height: 6.125rem;
  border-radius: 1.25rem;
  background-color: #f6f4f1;
  border: none;
  padding: 1.25rem;
  font-size: var(--font-size--title-card-4);
  font-weight: 500;
  line-height: 1.2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}

.c-constructor-add_label {
  position: absolute;
  top: 1rem;
  left: 1.25rem;
  z-index: 1;
  pointer-events: none;
  font-size: var(--font-size--description);
  line-height: 1.15;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}

.c-constructor-add_close {
  pointer-events: all;
  opacity: 0;
  transform: scale(0.8);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
  z-index: 99;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  padding: clamp(1.125rem, 22 / 1710 * 100vw, 1.375rem);
}
@media (max-width: 800px) {
  .c-constructor-add_close {
    right: 1.875rem;
    top: 1.875rem;
    position: fixed;
  }
}
@media (min-width: 800px) {
  .c-constructor-add_close {
    position: absolute;
    left: 0;
    transform: translate(calc(-100% - 1.25rem), 0) scale(0.8);
  }
}
html.is-first-loaded .c-constructor-add_close {
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-task-open .c-constructor-add_close {
  opacity: 1;
  transform: scale(1);
  transition-delay: 300ms;
}
@media (min-width: 800px) {
  html.has-task-open .c-constructor-add_close {
    transform: translate(calc(-100% - 1.25rem), 0) scale(1);
  }
}
.c-constructor-add_close::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #fff;
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-constructor-add_close:hover::before {
    transform: scale(1.1);
  }
}

.c-constructor-add_figure_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(-45deg);
}

.c-constructor-add_figure_span {
  position: absolute;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #000;
}
.c-constructor-add_figure_span::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
}
.c-constructor-add_figure_span:nth-child(1) {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
}
.c-constructor-add_figure_span:nth-child(1)::before {
  transform: translateX(-130%);
}
.c-constructor-add_close:hover .c-constructor-add_figure_span:nth-child(1) {
  transform: translateX(130%);
}
.c-constructor-add_figure_span:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
}
.c-constructor-add_figure_span:nth-child(2)::before {
  transform: translateY(-130%);
  transition-delay: 0.4s;
}
.c-constructor-add_close:hover .c-constructor-add_figure_span:nth-child(2) {
  transform: translateY(130%);
}

.c-not-found {
  display: flex;
  flex-direction: column;
  min-height: calc(100 * var(--vh, 1vh));
  padding-top: 7.5rem;
  padding-bottom: 10.375rem;
  justify-content: center;
}
@media (min-width: 1000px) {
  .c-not-found {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}

.c-not-found_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--grid-gutter);
  position: relative;
  z-index: 1;
}
@media (max-width: 799px) {
  .c-not-found_inner {
    --grid-offset: 20px;
    margin-left: calc((var(--grid-margin) - var(--grid-offset)) * -1);
    margin-right: calc((var(--grid-margin) - var(--grid-offset)) * -1);
  }
}
@media (max-width: 699px) {
  .c-not-found_inner {
    --grid-offset: 10px;
  }
}

.c-not-found_head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  text-align: center;
}

.c-not-found_bottom {
  margin-top: clamp(1.25rem, 40 / 1710 * 100vw, 2.5rem);
}

.c-toggle {
  display: flex;
  -moz-column-gap: clamp(1.25rem, 40 / 1710 * 100vw, 2.5rem);
       column-gap: clamp(1.25rem, 40 / 1710 * 100vw, 2.5rem);
  row-gap: var(--grid-gutter);
  text-wrap: nowrap;
  flex-wrap: wrap;
  padding-top: var(--grid-margin);
  padding-bottom: clamp(0.625rem, 20 / 1710 * 100vw, 1.25rem);
}

.c-toggle_radio {
  display: none;
}

.c-toggle_radio_label {
  padding-bottom: 0.375rem;
  position: relative;
  opacity: 0.4;
  transition: opacity 500ms ease;
}
.c-toggle_radio_label::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform: scaleX(0);
  transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center right;
}
.c-toggle_radio:checked ~ .c-toggle_radio_label::before {
  transform: scaleX(1);
  transform-origin: left center;
}
.c-toggle_radio:checked ~ .c-toggle_radio_label {
  opacity: 1;
}

.c-wysiwyg.is-vacansies-details, .is-vacansies-details.c-business-content_wysiwyg, .is-vacansies-details.c-article-page_wysiwyg {
  margin-top: clamp(1.25rem, 30 / 1710 * 100vw, 1.875rem);
}
.c-wysiwyg.is-years, .is-years.c-business-content_wysiwyg, .is-years.c-article-page_wysiwyg {
  margin-top: clamp(1.875rem, 40 / 1710 * 100vw, 2.5rem);
}
.c-wysiwyg *:first-child, .c-business-content_wysiwyg *:first-child, .c-article-page_wysiwyg *:first-child {
  margin-top: 0;
}
.c-wysiwyg a, .c-business-content_wysiwyg a, .c-article-page_wysiwyg a {
  color: #8168F0;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.c-wysiwyg a::before, .c-business-content_wysiwyg a::before, .c-article-page_wysiwyg a::before {
  content: "";
  display: inline-block;
  background-image: url("https://uploads-ssl.webflow.com/65c366cf0920387f3c9c6514/669a3b771c56ac6a51dc4723_link.svg");
  width: 0.75em;
  height: 0.75em;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.1875em;
}
.c-wysiwyg a::after, .c-business-content_wysiwyg a::after, .c-article-page_wysiwyg a::after {
  content: "";
  position: absolute;
  top: -0.1em;
  left: -0.2em;
  bottom: -0.1em;
  right: -0.2em;
  border-radius: 0.375em;
  background-color: #F3F4FF;
  z-index: -1;
}
.c-wysiwyg h1, .c-business-content_wysiwyg h1, .c-article-page_wysiwyg h1 {
  font-size: var(--font-size--h8);
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin-top: 1.875rem;
}
.c-wysiwyg h2, .c-business-content_wysiwyg h2, .c-article-page_wysiwyg h2 {
  font-size: var(--font-size--h9);
  line-height: 1.3;
  font-weight: 500;
  margin-top: 1.875rem;
}
.c-wysiwyg h3, .c-business-content_wysiwyg h3, .c-article-page_wysiwyg h3 {
  font-size: var(--font-size--title-card-3);
  line-height: 1.2;
  font-weight: 500;
  margin-top: 1.875rem;
}
.c-wysiwyg h4, .c-business-content_wysiwyg h4, .c-article-page_wysiwyg h4 {
  font-size: var(--font-size--title-card-3);
  line-height: 1.2;
  font-weight: 500;
  margin-top: 1.875rem;
}
.c-wysiwyg h5, .c-business-content_wysiwyg h5, .c-article-page_wysiwyg h5 {
  font-size: var(--font-size--title-card-3);
  line-height: 1.2;
  font-weight: 500;
  margin-top: 1.875rem;
}
.c-wysiwyg h6, .c-business-content_wysiwyg h6, .c-article-page_wysiwyg h6 {
  font-size: var(--font-size--title-card-3);
  line-height: 1.2;
  font-weight: 500;
  margin-top: 1.875rem;
}
.c-wysiwyg p, .c-business-content_wysiwyg p, .c-article-page_wysiwyg p {
  font-size: var(--font-size--text-2);
  line-height: 1.4;
  font-weight: 400;
  margin-top: 1.875rem;
}
.c-wysiwyg ul, .c-business-content_wysiwyg ul, .c-article-page_wysiwyg ul {
  margin-top: 1.875rem;
}
.c-wysiwyg li, .c-business-content_wysiwyg li, .c-article-page_wysiwyg li {
  position: relative;
  padding-left: 2.25rem;
}
.c-wysiwyg li.c-wisywig_li_large, .c-business-content_wysiwyg li.c-wisywig_li_large, .c-article-page_wysiwyg li.c-wisywig_li_large {
  font-size: var(--font-size--title-card-3);
  font-weight: 500;
}
.c-wysiwyg li + p, .c-business-content_wysiwyg li + p, .c-article-page_wysiwyg li + p {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}
.c-wysiwyg li:not(:first-child), .c-business-content_wysiwyg li:not(:first-child), .c-article-page_wysiwyg li:not(:first-child) {
  margin-top: 0.625rem;
}
.c-wysiwyg li::before, .c-business-content_wysiwyg li::before, .c-article-page_wysiwyg li::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  left: 0;
  top: 2px;
  position: absolute;
  height: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  width: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  background-color: #6E71A3;
  -webkit-mask: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m10.4 14 6.1-5.5 1 1-7 6.4-4-3.4 1-1 2.9 2.6Z" fill="currentColor"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem) clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  z-index: 1;
}
.c-wysiwyg li::after, .c-business-content_wysiwyg li::after, .c-article-page_wysiwyg li::after {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 2px;
  left: 0;
  background-color: #F3F4FF;
  height: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  width: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  border-radius: 100%;
}
.c-wysiwyg li > ul, .c-business-content_wysiwyg li > ul, .c-article-page_wysiwyg li > ul {
  margin-top: 0;
  margin-left: 1.5rem;
  list-style-type: square;
}
.c-wysiwyg li > ul li, .c-business-content_wysiwyg li > ul li, .c-article-page_wysiwyg li > ul li {
  padding-left: 0.125rem;
  margin-top: 0px !important;
}
.c-wysiwyg li > ul li::before, .c-business-content_wysiwyg li > ul li::before, .c-article-page_wysiwyg li > ul li::before, .c-wysiwyg li > ul li::after, .c-business-content_wysiwyg li > ul li::after, .c-article-page_wysiwyg li > ul li::after {
  content: none;
}
.c-wysiwyg hr, .c-business-content_wysiwyg hr, .c-article-page_wysiwyg hr {
  margin-top: 1.875rem;
  height: 0px;
  background-color: none;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
}

.c-franchise {
  height: 100%;
  padding: var(--grid-margin);
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (min-width: 800px) {
  .c-franchise {
    width: 30.3125rem;
  }
}
@media (min-width: 1200px) {
  .c-franchise {
    width: 42.9375rem;
  }
}

.c-franchise_show-more {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.4);
  transition: color 300ms ease;
}
@media (hover: hover) {
  .c-franchise_show-more:hover {
    color: black;
  }
}

.c-franchise_show-more_arrow {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.625rem;
  transition: transform 300ms ease;
}
.c-franchise_show-more.is-open .c-franchise_show-more_arrow {
  transform: rotate(180deg);
}

.c-franchise_show-more_span {
  font-size: var(--font-size--button-2);
  font-weight: 500;
  line-height: 1.2;
}

.c-franchise_show-more_list {
  overflow: hidden;
  transition: height 800ms ease;
}

.c-push {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #8168F0;
  color: #fff;
  padding: 0.625rem;
  height: 23.25rem;
  width: 17.5rem;
  position: fixed;
  right: var(--grid-margin);
  bottom: var(--grid-margin);
  z-index: 80;
  border-radius: 1.5rem;
  overflow: hidden;
}
html.is-first-loaded .p-home .c-push {
  transition: transform 300ms ease, opacity 300ms ease;
}
.p-home .c-push {
  transform: translateY(calc(100% + var(--grid-margin)));
}
html.has-push-visible .p-home .c-push, .wf-design-mode .c-push {
  transform: translateY(0);
}
.c-nav .c-push {
  position: relative;
  right: unset;
  bottom: unset;
  width: 100%;
  height: 12.5rem;
  padding: 1rem;
  display: flex;
  opacity: 0;
  transform: scale(0.8);
  transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.has-menu-open .c-nav .c-push, .wf-design-mode .c-nav .c-push {
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 999px) {
  .c-push {
    display: none;
  }
}

.c-push_inner {
  padding: 1.25rem;
}
.c-nav .c-push_inner {
  padding: 0.25rem;
}

.c-push_title {
  display: block;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.2;
}
.c-nav .c-push_title {
  font-size: var(--font-size--title-2);
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.c-push_description {
  font-size: 1rem;
  max-width: 11.25rem;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0.5rem;
}
.c-nav .c-push_description {
  font-size: var(--font-size--text-4);
  line-height: 1.1;
}

.c-push_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: #fff;
  border: 1px dashed rgba(255, 255, 255, 0.3);
  border-radius: 1.25rem;
  height: 3.75rem;
}
.c-nav .c-push_button {
  height: 2.5rem;
  max-width: 9.375rem;
  border-radius: 0.75rem;
}

.c-push_close {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  z-index: 1;
  top: 1.25rem;
  right: 1.25rem;
  transition: background-color 400ms cubic-bezier(0.15, 0.49, 0.19, 1);
}
@media (hover: hover) {
  .c-push_close:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
}

.c-push_visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
html.is-first-loaded .c-push_visual {
  transition: transform 800ms cubic-bezier(0.15, 0.49, 0.19, 1);
}
@media (hover: hover) {
  .c-push:hover .c-push_visual {
    transform: scale(1.05);
  }
}

.c-years {
  height: 100%;
  padding: var(--grid-margin);
  overflow-x: hidden;
  overflow-y: scroll;
  border-top-left-radius: var(--modal-radius);
  width: 100%;
}
@media (max-width: 799px) {
  .c-years {
    border-top-right-radius: var(--modal-radius);
  }
}
@media (min-width: 800px) {
  .c-years {
    width: 40.4375rem;
  }
}

.c-years_image {
  --invert-margin: 20px;
  aspect-ratio: 627/390;
  border-radius: 1.25rem;
  overflow: hidden;
  width: calc(100% + var(--invert-margin) * 2);
  margin-left: calc(-1 * var(--invert-margin));
  margin-top: calc(-1 * var(--invert-margin));
  margin-right: calc(-1 * var(--invert-margin));
}
@media (min-width: 700px) {
  .c-years_image {
    --invert-margin: 30px;
  }
}
@media (min-width: 1200px) {
  .c-years_image {
    --invert-margin: 20px;
  }
}
@media (min-width: 1400px) {
  .c-years_image {
    --invert-margin: 30px;
  }
}

.c-years_chart_title {
  font-size: var(--font-size--title-card-3);
  font-weight: 500;
  line-height: 1.2;
}

.c-years_chart_text {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #85898D;
  margin-top: 0.75rem;
}
@media (min-width: 700px) {
  .c-years_chart_text {
    margin-top: 1rem;
  }
}

.c-years_chart_ul {
  margin-top: 0.75rem;
}
@media (min-width: 700px) {
  .c-years_chart_ul {
    margin-top: 1rem;
  }
}
.c-years_chart_ul li {
  font-size: 0.9375rem;
  line-height: 1.4;
  position: relative;
  padding-left: 2.25rem;
  margin-top: 0.625rem;
  color: #85898D;
  position: relative;
}
.c-years_chart_ul li:not(:first-child) {
  margin-top: 0.625rem;
}
.c-years_chart_ul li::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  left: 0;
  top: 2px;
  position: absolute;
  height: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  width: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  background-color: #6E71A3;
  -webkit-mask: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m10.4 14 6.1-5.5 1 1-7 6.4-4-3.4 1-1 2.9 2.6Z" fill="currentColor"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem) clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  z-index: 1;
}
.c-years_chart_ul li::after {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 2px;
  left: 0;
  background-color: #F3F4FF;
  height: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  width: clamp(1.25rem, 24 / 1710 * 100vw, 1.5rem);
  border-radius: 100%;
}

.c-years_chart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 30rem;
  background-color: #FAFAFA;
  padding: 1rem;
  margin-top: 1.875rem;
  border-radius: 1.25rem;
  margin-left: calc(var(--grid-margin) / 2 * -1);
  margin-right: calc(var(--grid-margin) / 2 * -1);
}
@media (min-width: 700px) {
  .c-years_chart {
    padding: 1.25rem;
    height: 24.375rem;
  }
}
@media (min-width: 700px) {
  .c-years_chart {
    border-radius: 1.5rem;
  }
}
.wf-design-mode .c-years_chart {
  height: unset;
}

.c-years_chart_content_container {
  position: relative;
}

.c-years_chart_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(1.875rem);
  pointer-events: none;
}
html.is-first-loaded .c-years_chart_content {
  transition: opacity 600ms cubic-bezier(0.23, 1, 0.32, 1), transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.c-years_chart_content.-active {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
  transition: opacity 600ms cubic-bezier(0.23, 1, 0.32, 1) 300ms, transform 600ms cubic-bezier(0.23, 1, 0.32, 1) 300ms !important;
}
.wf-design-mode .c-years_chart_content {
  opacity: 1;
  position: unset;
  pointer-events: all;
  transform: translateY(0);
}

.c-years_chart_list {
  display: flex;
  align-items: flex-end;
  gap: 0.625rem;
}
@media (max-width: 699px) {
  .c-years_chart_list {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.c-years_chart_span {
  font-size: 0.75rem;
  line-height: 1.1;
  font-weight: 500;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 100vw;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.c-years_chart_item {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: auto;
  height: 2.125rem;
  padding: 0.3125rem;
  border-radius: 1rem;
  background-color: #EDEDED;
  color: #B2B2B2;
  overflow: hidden;
  transition: height 600ms cubic-bezier(0.23, 1, 0.32, 1), background-color 600ms cubic-bezier(0.23, 1, 0.32, 1), color 600ms cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  cursor: pointer;
}
.c-years_chart_item.-other, .c-years_chart_item.-active {
  background-color: #E6E7F7;
  color: #8168F0;
}
.c-years_chart_item.-active {
  cursor: default;
}
.c-years_chart_item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  transition: transform 1200ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  background: linear-gradient(0, #8168f0, transparent);
}
.c-years_chart_item.-active::before {
  transform: translateY(0);
}
@media (hover: hover) {
  .c-years_chart_item:hover::before {
    transform: translateY(0);
  }
  .c-years_chart_item:hover {
    background-color: #E6E7F7;
    color: #8168F0;
  }
}
@media (max-width: 699px) {
  .c-years_chart_item {
    min-width: 3.875rem;
  }
}

.c-filter {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
@media (max-width: 699px) {
  .c-filter {
    justify-self: end;
  }
}
@media (min-width: 700px) {
  .c-filter {
    width: 100%;
  }
}

.c-filter_field {
  position: relative;
}
@media (min-width: 700px) {
  .c-filter_field {
    width: 75%;
  }
}

.c-filter_field_icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.c-filter_field_left {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0.75rem;
  pointer-events: none;
}

.c-filter_field_input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  text-align: start;
  width: 100%;
  height: 3.125rem;
  border-radius: 1rem;
  background-color: #f6f4f1;
  border: none;
  font-size: var(--font-size--title-card-4);
  font-weight: 500;
  line-height: 1.2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 699px) {
  .c-filter_field_input {
    width: 50px;
  }
}
@media (min-width: 700px) {
  .c-filter_field_input {
    height: 3.375rem;
  }
}
@media (min-width: 1200px) {
  .c-filter_field_input {
    height: 4.375rem;
    border-radius: 1.25rem;
  }
}

.c-filter_field_input {
  padding: 1.125rem 1rem;
}

@media (max-width: 699px) {
  .c-filter_field_title {
    display: none;
  }
}

.c-filter_field_list {
  position: fixed;
  bottom: 0;
  z-index: 4;
  right: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
  background-color: #fbfaf9;
  border-top-left-radius: 1.875rem;
  visibility: hidden;
}
html.is-first-loaded .c-filter_field_list {
  transition: transform 400ms ease, visibility 400ms ease;
}
@media (max-width: 799px) {
  .c-filter_field_list {
    transform: translateY(100%);
    border-top-right-radius: 1.875rem;
    left: 0;
    max-height: calc(100% - 6.5rem);
  }
}
@media (min-width: 800px) {
  .c-filter_field_list {
    border-bottom-left-radius: 1.875rem;
    transform: translateX(100%);
    box-shadow: 0px 0px 40px 0px rgba(153, 144, 131, 0.25);
    width: 42.9375rem;
    height: 100%;
    top: 0;
  }
}
.c-filter_field.-active .c-filter_field_list {
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

.c-filter_field_inner {
  height: 100%;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  overflow-y: auto;
  padding-top: 1.875rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
@media (min-width: 800px) {
  .c-filter_field_inner {
    padding-top: 2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.c-filter_field_bottom {
  display: flex;
  gap: 0.625rem;
  position: sticky;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 0.5rem;
}
@media (min-width: 800px) {
  .c-filter_field_bottom {
    padding: 2.5rem;
  }
}

.c-filter_button_clear {
  width: 100%;
  flex-shrink: 1;
  padding-left: 0;
  padding-right: 0;
  background-color: #ECEAE6;
  color: #212121;
}
@media (hover: hover) {
  .c-filter_button_clear:hover {
    background-color: #ECEAE6;
    color: #fff;
  }
}

.c-filter_button_accept {
  width: 100%;
  flex-shrink: 1;
  padding-left: 0;
  padding-right: 0;
}

.c-filter_button_accept_num {
  display: inline-block;
  opacity: 0.3;
  width: 1em;
  transition: opacity 300ms ease;
}
@media (hover: hover) {
  .c-button:hover .c-filter_button_accept_num {
    opacity: 1;
  }
}

.c-filter_select_radio {
  display: none;
  position: absolute;
  left: 0;
  opacity: 0;
}

.c-filter_select_item {
  position: relative;
  display: flex;
  align-items: center;
}
.c-filter_select_item:not(:first-child) {
  margin-top: 0.125rem;
}
.c-filter_select_item.-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.c-filter_select_num {
  opacity: 0.3;
}

.c-filter_select_label {
  display: flex;
  gap: 8px;
  width: 100%;
  font-size: var(--font-size--text-4);
  line-height: 1.1;
  padding: 7px;
  padding-left: 1.875rem;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 0.625rem;
  transition: background-color 300ms ease, padding-left 300ms ease;
  font-weight: 500;
}
.c-filter_select_label::after {
  content: "";
  position: absolute;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  transition: background-color 300ms ease;
}
.c-filter_select_radio:checked ~ .c-filter_select_label::after, .c-filter_select_radio[checked] ~ .c-filter_select_label::after {
  background-color: #D9D9D9;
}
.c-filter_select_label::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 6.2c.4.4.4 1 0 1.4l-7.1 7.1a1 1 0 0 1-1.4 0l-3.3-3.2A1 1 0 1 1 7.1 10l2.6 2.5L16 6.2a1 1 0 0 1 1.4 0Z' fill='rgb(153, 144, 131)' /%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 1;
  transition: opacity 300ms ease;
}
.c-filter_select_radio:checked ~ .c-filter_select_label::before, .c-filter_select_radio[checked] ~ .c-filter_select_label::before {
  opacity: 1;
}

.c-filter_field_span {
  color: #999083;
  font-size: var(--font-size--navigation);
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.c-filter_select_title {
  pointer-events: none;
}

.c-filter_content_item {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.c-filter_content_title {
  font-size: var(--font-size--navigation);
  font-weight: 500;
  line-height: 1;
  color: #999083;
}

.c-filter_content_item {
  padding-bottom: 1rem;
}
.c-filter_content_item:not(:first-child) {
  margin-top: 1rem;
}
.c-filter_content_item:not(:last-child) {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.c-filter_field_active_num {
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  background-color: var(--color-bg);
  color: #fff;
  border-radius: 100vw;
  font-size: var(--font-size--num-3);
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 700px) {
  .c-filter_field_active_num {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 699px) {
  .c-filter_field_active_num {
    position: absolute;
    top: -0.375rem;
    right: -0.375rem;
  }
}

.c-filter_close {
  pointer-events: all;
  opacity: 0;
  transform: scale(0.8);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 100vw;
  z-index: 99;
  width: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  height: clamp(3rem, 60 / 1710 * 100vw, 3.75rem);
  padding: clamp(1.125rem, 22 / 1710 * 100vw, 1.375rem);
  margin-top: auto;
  margin-bottom: auto;
}
@media (max-width: 799px) {
  .c-filter_close {
    right: 1.875rem;
    top: -3.75rem;
    position: fixed;
  }
}
@media (min-width: 800px) {
  .c-filter_close {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translate(calc(-100% - 1.25rem), 0) scale(0.8);
  }
}
html.is-first-loaded .c-filter_close {
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-active .c-filter_close {
  opacity: 1;
  transform: scale(1);
  transition-delay: 600ms;
}
@media (min-width: 800px) {
  .-active .c-filter_close {
    transform: translate(calc(-100% - 1.25rem), 0) scale(1);
  }
}
.c-filter_close::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1rem, 20 / 1710 * 100vw, 1.25rem);
  background-color: #fff;
  transition: transform 500ms ease;
}
@media (hover: hover) {
  .c-filter_close:hover::before {
    transform: scale(1.1);
  }
}

.c-filter_close_figure {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(-45deg);
}

.c-filter_close_figure_span {
  position: absolute;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #000;
}
.c-filter_close_figure_span::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
}
.c-filter_close_figure_span:nth-child(1) {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
}
.c-filter_close_figure_span:nth-child(1)::before {
  transform: translateX(-130%);
}
.c-filter_close:hover .c-filter_close_figure_span:nth-child(1) {
  transform: translateX(130%);
}
.c-filter_close_figure_span:nth-child(2) {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
}
.c-filter_close_figure_span:nth-child(2)::before {
  transform: translateY(-130%);
  transition-delay: 400ms;
}
.c-filter_close:hover .c-filter_close_figure_span:nth-child(2) {
  transform: translateY(130%);
}

.c-filter_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-active .c-filter_background {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.c-filter_content_inner_item.-disabled {
  display: none;
}

.c-accordion_trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: var(--font-size--title-card-3);
  font-weight: 500;
  color: #999083;
  line-height: 1.2;
}

.c-accordion_content {
  overflow: hidden;
  height: 0px;
}

.c-accordion_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 400ms ease;
}
.c-accordion_item.-active .c-accordion_button {
  transform: rotate(180deg);
}

.c-accordion_item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.c-tooltip {
  width: 18.75rem;
  position: absolute;
  top: -4px;
  left: 3.125rem;
  background-color: #fff;
  border-radius: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 14px 23px 0px rgba(131, 111, 250, 0.12);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 600ms cubic-bezier(0.15, 0.49, 0.19, 1), visibility 600ms cubic-bezier(0.15, 0.49, 0.19, 1), pointer-events 0ms cubic-bezier(0.15, 0.49, 0.19, 1);
}
@media (max-width: 420px) {
  .c-tooltip {
    width: calc(100vw - 2 * var(--grid-margin));
    top: 2.625rem;
    left: -20vw;
  }
}
.c-tooltip.-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.c-tooltip_content {
  padding: 1.25rem;
}

.c-tooltip_footer {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 0.625rem;
}

.c-tooltip_button {
  width: 100%;
}

.c-tooltip_text {
  font-size: var(--font-size--button-2);
  text-align: left;
  font-weight: 500;
  color: #000000;
  line-height: 1.2;
}