section.block-cs-hero-basic {
  padding: 96px 0 48px !important;
}
@media screen and (min-width: 992px) {
  section.block-cs-hero-basic {
    padding: 128px 0 64px !important;
  }
}
section.block-cs-hero-basic picture.hero-img::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
section.block-cs-hero-basic.bg-bas-dar {
  padding: 64px 0 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#464747), to(#000)) !important;
  background: linear-gradient(180deg, #464747 0%, #000 100%) !important;
}
@media screen and (min-width: 992px) {
  section.block-cs-hero-basic.bg-bas-dar {
    padding: 96px 0 !important;
  }
}
section.block-cs-hero-basic.bg-bas-dar::before {
  content: "";
  background: var(--basic-hero-texture-dark);
  background-size: contain;
  background-repeat: repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
section.block-cs-hero-basic.bg-bas-mid, section.block-cs-hero-basic.bg-bas-lig {
  padding: 64px 0 !important;
}
@media screen and (min-width: 992px) {
  section.block-cs-hero-basic.bg-bas-mid, section.block-cs-hero-basic.bg-bas-lig {
    padding: 96px 0 !important;
  }
}
section.block-cs-hero-basic.bg-bas-mid::before, section.block-cs-hero-basic.bg-bas-lig::before {
  content: "";
  background: var(--basic-hero-texture-light);
  background-size: contain;
  background-repeat: repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05;
}
section.block-cs-hero-basic .overlay::before {
  opacity: 0.75;
}

.overlay-active {
  color: var(--theme-color-base-light);
}
.overlay-active .btn--secondary {
  background-color: var(--theme-color-base-light);
  color: var(--theme-color-contrast-dark);
}
.overlay-active .btn--secondary:is(:hover, :focus, :active) {
  background-color: var(--theme-color-base-medium);
}

.row-gap-16 {
  row-gap: 16px;
}

.row-gap-24 {
  row-gap: 24px;
}

.row-gap-36 {
  row-gap: 36px;
}/*# sourceMappingURL=cs-hero-basic.css.map */