/* ========================================
   reviews.css - 9. 수강후기 (꿈을 향해 도전하는 모든 청춘에게)
   ======================================== */

@font-face {
  font-family: "twaysky";
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff") format("woff");
}

.reviews {
  width: 100%;
  background: #1f4364;
  display: flex;
  justify-content: center;
  padding: 100px 16px;
  text-align: center;
  color: #fff;
}

.reviews__inner {
  width: 100%;
  max-width: 1200px;
}

/* 헤더 (월계수 배경) */
.reviews__head {
  background: url("../assets/laurelTree.png") no-repeat center;
  background-size: contain;
  padding: 40px 20px 50px;
}

.reviews__stars {
  font-size: 45px;
  color: #ffc560;
  margin-bottom: 10px;
}

.reviews__subtitle {
  font-size: 30px;
  color: #fff;
  margin-bottom: 5px;
}

.reviews__title {
  font-family: "twaysky", sans-serif;
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  letter-spacing: -2px;
}

.reviews__highlight {
  color: #ffc560;
  font-family: "twaysky", sans-serif;
}

/* 후기 그리드 */
.reviews__grid {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0 15px;
}

.reviews__card {
  background: #fff;
  padding: 30px 0;
  margin: 0.5%;
  flex: 0 0 49%;
  text-align: center;
}

.reviews__message {
  font-size: 20px;
  color: #575658;
  letter-spacing: -1.5px;
  line-height: 1.5;
}

.reviews__message b {
  font-weight: 700;
  color: #575658;
}

.reviews__id {
  color: #185298;
  font-family: "twaysky", sans-serif;
  font-size: 20px;
  letter-spacing: -1.5px;
  margin-top: 20px;
}

/* 하단 주석 */
.reviews__note {
  color: #d2e5f6;
  font-size: 20px;
  text-align: right;
  margin-top: 15px;
}

/* --- 모바일 (~767px) --- */
@media (max-width: 767px) {
  .reviews {
    padding: 50px 0;
  }

  .reviews__head {
    background-image: url("../assets/laurelTree_M.png");
    background-position: center 6vw;
    background-size: 95%;
    padding: 30px 0 40px;
  }

  .reviews__stars {
    font-size: 9vw;
  }

  .reviews__subtitle {
    font-size: 6vw;
    letter-spacing: -0.5vw;
    margin-bottom: 7vw;
  }

  .reviews__title {
    font-size: 9vw;
    letter-spacing: -0.7vw;
  }

  .reviews__grid {
    width: 90%;
    margin: 10vw auto 0;
    padding: 2vw 7vw;
    background: #fff;
    flex-direction: column;
  }

  .reviews__card {
    flex: 1 0 100%;
    margin: 0;
    padding: 7vw 0;
    border-top: 0.3vw solid #8c949a;
  }

  .reviews__card:first-child {
    border-top: none;
  }

  .reviews__message {
    font-size: 4.7vw;
    letter-spacing: -0.4vw;
  }

  .reviews__id {
    font-size: 4.7vw;
  }

  .reviews__note {
    font-size: 3.7vw;
    width: 90%;
    margin: 3vw auto 0;
  }
}