.banner {
  --color-banner-text: var(--color-content-neutral-primary);
  display: grid;
  position: relative;
  overflow: hidden;
}
.banner__inner {
  position: absolute;
  left: 0;
  top: 0;
  padding: var(--size-grids-margin-vertical-md, 96px) var(--size-grids-margin-horizontal-lg, 96px) var(--size-grids-margin-vertical-lg, 112px) var(--size-grids-margin-horizontal-lg, 96px);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.banner__content {
  display: grid;
  gap: var(--size-block-space-2xl);
  max-width: 800px;
}
.banner__animation {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
.banner__header {
  display: grid;
  gap: var(--size-content-space-1xl);
}
.banner__title {
  color: var(--color-banner-text);
  /* Heading5xlSemiBold */
  font-variant-numeric: var(--font-varian-Heading5xlSemiBold);
  font-family: var(--font-family-Heading5xlSemiBold);
  font-size: var(--font-size-Heading5xlSemiBold);
  font-style: var(--font-style-Heading5xlSemiBold);
  font-weight: var(--font-weight-Heading5xlSemiBold);
  line-height: var(--font-line-height-Heading5xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading5xlSemiBold);
}
.banner__subtitle {
  color: var(--color-content-neutral-secondary);
  /* HeadingxlMd */
  font-variant-numeric: var(--font-variant-numeric-HeadingxlMd);
  font-family: var(--font-family-HeadingxlMd), sans-serif;
  font-size: var(--font-size-HeadingxlMd);
  font-style: var(--font-style-HeadingxlMd);
  font-weight: var(--font-weight-HeadingxlMd);
  line-height: var(--font-line-height-HeadingxlMd);
  letter-spacing: var(--font-letter-spacing-HeadingxlMd);
}
.banner__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner_modificator_blur.banner::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 30, 0.6);
  backdrop-filter: blur(8px);
}
.banner_modificator_blur.banner .banner__video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.banner_modificator_gradient {
  --color-banner-gradient: #F7F7F7;
}
.banner_modificator_gradient.banner {
  height: calc(100vh - var(--header-height));
  min-height: -moz-max-content;
  min-height: max-content;
  background: var(--color-banner-gradient);
}
@media (max-width: 1024px) {
  .banner_modificator_gradient.banner {
    height: unset;
    min-height: unset;
    max-height: unset;
    padding: var(--size-block-padding-lg, 44px) var(--size-grids-margin-horizontal-lg, 64px) var(--size-base-0x-0, 0) var(--size-grids-margin-horizontal-lg, 64px);
    gap: var(--size-block-space-xl, 40px);
  }
}
.banner_modificator_gradient .banner__content {
  display: grid;
  height: 100%;
  max-width: unset;
}
@media (max-width: 1024px) {
  .banner_modificator_gradient .banner__inner {
    position: static;
    padding: 0;
  }
}
.banner_modificator_gradient .banner__header {
  height: 100%;
  align-content: space-between;
}
.banner_modificator_gradient .banner__title {
  width: 100%;
}
@media (min-width: 2561px) {
  .banner_modificator_gradient .banner__title {
    max-width: 1273px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  .banner_modificator_gradient .banner__title {
    max-width: 1150px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  .banner_modificator_gradient .banner__title {
    max-width: 704px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .banner_modificator_gradient .banner__title {
    max-width: 566px;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .banner_modificator_gradient .banner__title {
    max-width: 565px;
  }
}
@media (max-width: 1024px) {
  .banner_modificator_gradient .banner__title {
    max-width: unset;
  }
}
.banner_modificator_gradient .banner__subtitle {
  width: 100%;
}
@media (min-width: 2561px) {
  .banner_modificator_gradient .banner__subtitle {
    max-width: 908px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  .banner_modificator_gradient .banner__subtitle {
    max-width: 588px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  .banner_modificator_gradient .banner__subtitle {
    max-width: 428px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .banner_modificator_gradient .banner__subtitle {
    max-width: 338px;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .banner_modificator_gradient .banner__subtitle {
    max-width: 340px;
  }
}
@media (max-width: 1024px) {
  .banner_modificator_gradient .banner__subtitle {
    max-width: unset;
  }
}
.banner_modificator_gradient .banner__media {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(10%, -50%);
  height: 100%;
}
@media (max-width: 1024px) {
  .banner_modificator_gradient .banner__media {
    position: static;
    transform: unset;
    border-radius: 8px;
    overflow: hidden;
  }
}
.banner_modificator_gradient .banner__media::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(266deg, rgba(208, 199, 128, 0) 42.3%, var(--color-banner-gradient) 92.87%);
}
@media (max-width: 1024px) {
  .banner_modificator_gradient .banner__media::before {
    display: none;
  }
}
.banner_modificator_gradient .banner__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.toolbar-horizontal .banner_modificator_gradient.banner {
  height: calc(100vh - var(--header-height) - 79px);
}

.dark .banner_modificator_gradient {
  --color-banner-gradient: var(--color-bg-variable);
}
.dark .banner {
  --color-banner-text: var(--color-content-neutral-primary);
}

@media (min-width: 1920px) {
  .banner {
    height: calc(256px + 296 * (100vw - 1280px) / 639);
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .banner {
    height: calc(562px + 835 * (100vw - 1920px) / 1920);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .banner {
    height: calc(258px + -2 * (100vw - 768px) / 511);
  }
}
@media (max-width: 767px) {
  .banner {
    height: 281px;
  }
}
@media (min-width: 360px) and (max-width: 490px) {
  .banner {
    height: calc(315px + 34 * (100vw - 360px) / 130);
  }
}/*# sourceMappingURL=banner.css.map */