.main-slider {
  color: var(--color-white);
}
.main-slider__slide {
  min-height: 400px;
  max-height: 720px;
  display: flex !important;
  align-items: flex-end;
  padding: calc(var(--gap) * 2) 0 calc(var(--gap) * 3);
}
.main-slider__slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: var(--color-black);
  opacity: 0.4;
  mix-blend-mode: multiply;
}
.main-slider__slide::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  min-height: 200px;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  z-index: 2;
}
.main-slider__content {
  z-index: 5;
}
.main-slider__title {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  font-optical-sizing: auto;
  letter-spacing: var(--letter-spacing);
  font-size: var(--font-size-72);
  max-width: 10em;
  margin-bottom: 0.4em;
  line-height: 1;
}
.main-slider__title strong {
  color: var(--color-primary);
}
.main-slider__text {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-medium);
  font-optical-sizing: auto;
  letter-spacing: var(--letter-spacing);
  font-size: var(--font-size-24);
  max-width: 32em;
  line-height: var(--line-height);
}
.main-slider__image {
  object-position: center 15%;
}
.main-slider .button {
  --button-background-color: var(--color-white);
  --button-text-color: var(--color-text);
  --button-border-color: var(--color-white);
  --button-padding: 0.7em 2em 0.65em;
  --button-font-size: var(--font-size-20);
  margin-top: var(--gap);
  font-weight: var(--font-weight-medium);
  text-transform: none;
}
.main-slider__slide {
  flex: 0 0 100%;
  display: flex;
}
.main-slider .embla__arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  --embla-arrows-arrow-color: var(--color-white);
  --embla-arrows-arrow-color-hover: var(--color-primary);
}
.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__slide {
  opacity: 1;
  transition: none;
}
.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);
  }
}