.logo-first .brand-logo { display: block; width: auto; max-width: none; height: 28px; }
@media screen and (max-width: 767px) { .logo-first .brand-logo { height: 28px; } }
.preloader-logo { position: relative; display: block; flex: none; width: auto; max-width: none; height: 29px; }
.preloader-logo > svg { display: block; width: auto; height: 100%; }
@media screen and (max-width: 767px) { .preloader-logo { height: 29px; } }
@media screen and (min-width: 992px) { .catalog-photo-cropped > .work-photo-first { height: 690px; } }
@media screen and (max-width: 991px) { .catalog-photo-cropped > .work-photo-first { height: 374px; } }
@media screen and (max-width: 767px) { [data-block="hero.home"].hero { height: 700px; } [data-block="hero.home"] .bg-video { height: max(100vh, 100%); } }
@media screen and (min-width: 992px) {
  [data-block="hero.home"] h1 {
    font-size: 10rem;
  }
  [data-block="hero.home"] .top-text.since-text {
    margin-right: auto;
    width: 30.4rem;
    padding-right: 0;
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  [data-block="hero.home"] .top-text.since-text {
    margin-right: auto;
    width: calc(21.15rem - 1.5vw);
    padding-right: 0;
    text-align: right;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  [data-block="hero.home"] .top-text.since-text {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 767px) {
  [data-block="hero.home"] .top-text.since-text {
    width: calc(22.82rem - 2.5vw);
  }
}
@media screen and (max-width: 479px) {
  [data-block="hero.home"] .top-text.since-text {
    width: calc(12.37rem - 2.5vw);
  }
}
.team-small-flex {
  display: none;
}