.main-slider {
  color: var(--color-white);
}
.main-slider__slide {
  height: 60vh;
  min-height: 400px;
  max-height: 925px;
  display: flex !important;
  align-items: flex-end;
  padding: calc(var(--gap) * 1.5) 0 calc(var(--gap) * 2);
}
.main-slider__slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(35deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  z-index: 2;
}
.main-slider__content {
  z-index: 3;
}
.main-slider__title {
  font-size: var(--font-size-72);
  max-width: 10em;
  margin-bottom: 0.4em;
  font-family: var(--font-heading);
  font-weight: var(--bold);
  font-optical-sizing: auto;
  letter-spacing: var(--letter-spacing);
  line-height: 1.2;
}
.main-slider__text {
  font-family: var(--font-heading);
  font-weight: var(--light);
  font-optical-sizing: auto;
  letter-spacing: var(--letter-spacing);
  font-size: var(--font-size-36);
  max-width: 15em;
}
.main-slider__image {
  object-position: center 25%;
}
.main-slider .button {
  margin-top: var(--gap);
}
.main-slider__slide {
  flex: 0 0 100%;
  display: flex;
}
.main-slider .embla__arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
}
.main-slider .embla__arrow--prev {
  left: calc(var(--padding-on-side) * 1);
  transform: translateY(-50%);
}
.main-slider .embla__arrow--next {
  right: calc(var(--padding-on-side) * 1);
  transform: translateY(-50%);
}
.main-slider .embla__dots {
  position: absolute;
  bottom: var(--gap);
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media screen and (max-width: 1400px) {
  .main-slider .embla__arrow {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .main-slider .embla__dots {
    left: auto;
    right: var(--padding-on-side);
    transform: none;
  }
}
@media screen and (max-width: 600px) {
  .main-slider__slide {
    height: 50vh;
    min-height: 300px;
    max-height: 500px;
    padding-bottom: calc(var(--gap) * 3);
  }
}