.movie__lead {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.9;
  text-align: center;
  margin-bottom: 120px;
}
@media screen and (max-width: 1320px) {
  .movie__lead {
    font-size: 1.4vw;
    margin-bottom: 9vw;
  }
}
@media screen and (max-width: 768px) {
  .movie__lead {
    font-size: 3.7vw;
    text-align: left;
    margin-bottom: 10.7vw;
  }
}

.movie__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1320px) {
  .movie__list {
    gap: 50px 30px;
  }
}
@media screen and (max-width: 768px) {
  .movie__list {
    grid-template-columns: 1fr;
    gap: 13.3vw;
  }
}

.movie__embed {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}

.movie__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.movie__body {
  padding-top: 20px;
}
@media screen and (max-width: 1320px) {
  .movie__body {
    padding-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .movie__body {
    padding-top: 4vw;
  }
}

.movie__title {
  font-size: 20px;
  font-weight: 700;
  color: #595757;
  line-height: 1.5;
  padding-left: 16px;
  position: relative;
}
@media screen and (max-width: 1320px) {
  .movie__title {
    font-size: 1.5vw;
    padding-left: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .movie__title {
    font-size: 4.3vw;
    padding-left: 3.5vw;
  }
}
.movie__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 5px;
  height: 1.2em;
  background: transparent linear-gradient(180deg, #8FC31F 0%, #00A0E9 100%) 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 1320px) {
  .movie__title::before {
    width: 0.4vw;
  }
}
@media screen and (max-width: 768px) {
  .movie__title::before {
    width: 1.1vw;
  }
}

.movie__desc {
  font-size: 16px;
  font-weight: 400;
  color: #595757;
  line-height: 1.7;
  margin-top: 0.8em;
}
@media screen and (max-width: 1320px) {
  .movie__desc {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .movie__desc {
    font-size: 3.5vw;
  }
}/*# sourceMappingURL=style_movie.css.map */