/* 영상 페이지 */

.trailerPage {
  width: 100%;
  height: 100vh;
  background-image: url(/img/page2/page2Bg.webp);
  background-size: cover;
  background-position: bottom center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trailerBox {
  width: 65%;
  max-width: 1100px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 20px;
}

.trailerBox h1 {
  font-size: 38px;
  font-family: 'bitbit';
  background: linear-gradient(to bottom, #fff, #84ffe6);
  color: transparent;
  -webkit-background-clip: text;
}

.trailerBox video {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1440px) { 
  .trailerBox h1 {
    font-size: 30px;
    word-break: keep-all;
  }
  .trailerPage {
    height: 80vh;
  }
}

@media screen and (max-width: 800px) { 
  .trailerBox h1 {
    font-size: 25px;
  }
  .trailerBox {
    width: 90%;
  }
}