@charset "UTF-8";
/* stylelint-disable */
/* ---------- example ---------- */
/*
.selector {
  // только в промежутке tablet..desktop
  @include media-between(tablet, desktop) { ... }

  // ровно «только tablet» (1024..1239)
  @include media-only(tablet) { ... }

  // ≥ 1440
  @include for-desktop { ... }

  // ≤ 767
  @include small-tablet { ... }
}
*/
/* ---------- helpers ---------- */
/* Min-width */
/* Max-width */
.hero-section {
  background: var(--bg-n);
  padding: calc(var(--header-height) + clamp(30px, 10.0592vw, 13.6rem)) 0 clamp(20px, 6.287vw, 8.5rem);
  margin-top: calc(var(--header-height) * -1);
}
.hero-section__box {
  display: grid;
  grid-template-columns: clamp(330px, 39.3491vw, 53.2rem) 1fr;
  gap: 2.7rem;
}
.hero-section__box .editor .main-button {
  margin-top: 1.2rem;
}
.hero-section__images {
  display: flex;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  justify-self: end;
  z-index: 1;
}
.hero-section__images:has(.hero-section__image:only-of-type) {
  width: 100%;
}
.hero-section__images .hero-section__image {
  margin-right: min(6.0651vw, 8.2rem);
}
.hero-section__images .hero-section__image:last-of-type:not(:only-of-type) {
  margin: 0;
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  transform: translate(30%, 25%);
  width: min(24.17vw, 34.8rem);
  height: min(22.85vw, 32.9rem);
}
.hero-section__images .hero-section__image:last-of-type:not(:only-of-type) .sprite,
.hero-section__images .hero-section__image:last-of-type:not(:only-of-type) svg,
.hero-section__images .hero-section__image:last-of-type:not(:only-of-type) img,
.hero-section__images .hero-section__image:last-of-type:not(:only-of-type) picture {
  -o-object-fit: contain;
     object-fit: contain;
}
.hero-section__images .hero-section__image:only-of-type {
  max-width: 100%;
  aspect-ratio: initial;
  margin-top: calc(min(6.25vw, 9rem) * -1);
}
.hero-section__images .hero-section__image img,
.hero-section__images .hero-section__image svg,
.hero-section__images .hero-section__image picture,
.hero-section__images .hero-section__image .sprite {
  -o-object-fit: contain;
     object-fit: contain;
}
.hero-section__image {
  display: flex;
  width: 100%;
  max-width: min(48.003vw, 64.9rem);
  aspect-ratio: 1/0.75;
}
.hero-section__image .sprite,
.hero-section__image svg,
.hero-section__image img,
.hero-section__image picture {
  width: 100%;
  height: auto;
}
.hero-section.mode {
  background: var(--gr-c);
  padding: calc(var(--header-height) + clamp(36px, 8.9497vw, 12.1rem)) 0 clamp(50px, 8.8757vw, 12rem);
}
.hero-section.mode .hero-section__box {
  display: grid;
  grid-template-columns: 1fr min(40.68vw, 55rem);
  gap: 2.7rem;
  align-items: center;
}
.hero-section.mode .hero-section__image {
  max-width: 100%;
  border-radius: 1.6rem;
  border: 0.1rem solid rgba(73, 73, 73, 0.3);
  box-shadow: 0.7rem 0.9rem 1rem 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.hero-section.mode .editor {
  height: -moz-fit-content;
  height: fit-content;
}
.hero-section.contact {
  background: var(--gr-c);
  padding: calc(var(--header-height) + clamp(34px, 6.4349vw, 8.7rem)) 0 clamp(51px, 7.3964vw, 10rem);
}
.hero-section.contact .hero-section__box {
  display: grid;
  grid-template-columns: 1.27fr 1fr;
  gap: 2.7rem;
}
.hero-section.contact .editor {
  height: -moz-fit-content;
  height: fit-content;
}

.single-cases .hero-section__image {
  background: var(--bg-a);
}

@media (min-width: 768px){
  .hero-section__images .hero-section__image:only-of-type {
    width: min(65.97vw, 95rem);
    margin-right: calc(min(2.78vw, 4rem) * -1);
  }
  .hero-section {
    overflow: hidden;
  }
}

@media (max-width: 1239.98px){
  .hero-section.mode .hero-section__image {
    align-self: start;
  }
}

@media (max-width: 1023.98px){
  .hero-section.mode .hero-section__box {
    grid-template-columns: 1.2fr 1fr;
  }
  .hero-section.contact .hero-section__box {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1023.98px) and (min-width: 768px){
  .hero-section__images {
    align-self: center;
  }
}

@media (max-width: 767.98px){
  .hero-section__box {
    gap: 18px;
    grid-template-columns: 100%;
  }
  .hero-section__images:has(.hero-section__image:only-of-type) {
    margin-bottom: 0;
  }
  .hero-section__images .hero-section__image:last-of-type:not(:only-of-type) {
    width: 204px;
    height: 193px;
  }
  .hero-section__images .hero-section__image:only-of-type {
    width: 100%;
    margin-right: -5%;
  }
  .hero-section__images {
    margin-bottom: 40px;
    justify-self: start;
  }
  .hero-section__image .sprite,
  .hero-section__image svg,
  .hero-section__image img,
  .hero-section__image picture {
    height: 100%;
  }
  .hero-section__image {
    max-width: 610px;
    max-height: 380px;
    margin-right: 0;
    height: -moz-fit-content;
    height: fit-content;
  }
  .hero-section.mode .hero-section__box {
    grid-template-columns: 100%;
  }
  .hero-section.mode .hero-section__image {
    order: -1;
  }
  .hero-section.mode {
    background: var(--gr-f);
    padding-top: calc(var(--header-height) + 24px);
  }
  .hero-section.contact .hero-section__box {
    grid-template-columns: 100%;
    gap: 28px;
  }
  .hero-section.contact {
    background: var(--gr-f);
    padding-top: calc(var(--header-height) + 34px);
  }
  .hero-section {
    padding-top: calc(var(--header-height) + 3rem);
  }
}

@media (max-width: 575.98px){
  .hero-section__box .editor p:not([class]) {
    max-width: 450px;
  }
  .hero-section__box .editor .main-button {
    width: -moz-fit-content;
    width: fit-content;
    flex-grow: 0;
  }
  .hero-section__images .hero-section__image:last-of-type:not(:only-of-type) {
    transform: translate(5%, 45%);
  }
  .hero-section.mode .editor .main-button {
    min-width: 216px;
  }
  .hero-section.mode .editor .main-button--transparent {
    display: none;
  }
  .hero-section.contact .editor .main-button {
    min-width: 216px;
  }
  .hero-section.contact .editor .main-button--transparent {
    display: none;
  }
}
/*# sourceMappingURL=section-hero.css.map */