:root {
  --primary-color: #000;
  --theme-color: #FF8000;
  --secondary-color: #FFD500;
  --button-color: #000;
  --button-hover-color: #000;
}

[data-theme=seed] {
  --theme-color: #35A198;
  --secondary-color: #FFD500;
  --button-color: #000;
  --button-hover-color: #000;
}

[data-theme=soss] {
  --theme-color: #8355E8;
  --secondary-color: #FFD500;
  --button-color: #000;
  --button-hover-color: #000;
}

[data-theme=salc] {
  --theme-color: #FFD500;
  --secondary-color: #6A2383;
  --button-color: #fff;
  --button-hover-color: #000;
}

.hero .container {
  height: 100%;
  grid-gap: 30px;
}
@media (min-width: 1200px) {
  .hero .container {
    grid-gap: 70px;
  }
}
@media (min-width: 768px) {
  .hero .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}
.hero__short {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero__content {
  display: flex;
  padding-top: 60px;
  grid-column: 1;
}
@media (min-width: 992px) {
  .hero__content {
    align-items: center;
    padding-top: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .hero__content {
    max-width: 75%;
  }
}
.hero__title {
  margin: 0;
}
.hero__title {
  font-size: 40px;
}
@media (min-width: 390px) and (max-width: 1440px) {
  .hero__title {
    font-size: calc(40px + 20 * (100vw - 390px) / (1050));
  }
}
@media (min-width: 1440px) and (max-width: 1440px) {
  .hero__title {
    font-size: calc(60px + (100vw - 1440px) * 60 / 1440);
  }
}
@media (min-width: 1440px) {
  .hero__title {
    font-size: calc(60px + (1440px - 1440px) * 60 / 1440);
  }
}
.hero__title {
  line-height: 65px;
}
@media (min-width: 390px) and (max-width: 1440px) {
  .hero__title {
    line-height: calc(65px + 30 * (100vw - 390px) / (1050));
  }
}
@media (min-width: 1440px) and (max-width: 1440px) {
  .hero__title {
    line-height: calc(95px + (100vw - 1440px) * 95 / 1440);
  }
}
@media (min-width: 1440px) {
  .hero__title {
    line-height: calc(95px + (1440px - 1440px) * 95 / 1440);
  }
}
.hero__title__span {
  background-color: var(--theme-color);
  margin-right: -10px;
  padding: 0 10px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}/*# sourceMappingURL=short-hero.css.map */