/* =========================
   TERMS PAGE STYLING
========================= */

/* HERO TEXT */
.hero-inner h1 {
  font-size: clamp(3rem, 6vw, 5rem);
  color: #FFFFFF;
  line-height: 1.05;
  margin-bottom: 18px;
}

.hero-kicker {
  display: inline-block;

  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;

  color: #E7D6C2;

  margin-bottom: 18px;
}

.hero-sub {
  max-width: 700px;

  font-size: 1.08rem;
  line-height: 1.9;
  font-weight: 400;

  color: #F5EBDD;
}


/* =========================
   TERMS CONTAINER
========================= */
.terms-box {
  background: #FFFDFC;

  border: 1px solid #E8DED2;
  border-radius: 26px;

  padding: 60px;

  box-shadow:
    0 10px 40px rgba(0,0,0,0.04);
}


/* INTRO TEXT */
.terms-intro {
  margin-bottom: 50px;
  padding-bottom: 35px;

  border-bottom: 1px solid #E8DED2;
}

.terms-intro p {
  font-size: 1.02rem;
  line-height: 1.95;

  color: #5D5045;

  max-width: 900px;
}


/* =========================
   TERMS ITEMS
========================= */
.terms-item {
  margin-bottom: 44px;
}

.terms-item:last-child {
  margin-bottom: 0;
}


/* SECTION HEADINGS */
.terms-item h2 {
  font-family: "Playfair Display", serif;

  font-size: 1.55rem;
  font-weight: 600;

  line-height: 1.3;

  color: #2E241E;

  margin-bottom: 16px;
}


/* PARAGRAPHS */
.terms-item p {
  font-size: 1rem;
  line-height: 1.95;

  color: #5F5348;

  margin-bottom: 16px;

  max-width: 900px;
}

.terms-item p:last-child {
  margin-bottom: 0;
}


/* =========================
   CONTACT SECTION
========================= */
.terms-contact {
  margin-top: 60px;

  padding-top: 40px;

  border-top: 1px solid #E8DED2;
}


/* =========================
   EMPHASIS STYLING
========================= */
.terms-item strong {
  color: #3D3027;
  font-weight: 600;
}


/* =========================
   READABILITY IMPROVEMENTS
========================= */
.terms-box {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 900px) {

  .terms-box {
    padding: 40px 32px;
  }

  .terms-item h2 {
    font-size: 1.35rem;
  }

  .terms-item p,
  .terms-intro p {
    font-size: 0.98rem;
    line-height: 1.85;
  }

  .hero-sub {
    font-size: 1rem;
  }
}

@media (max-width: 600px) {

  .terms-box {
    padding: 30px 22px;
    border-radius: 18px;
  }

  .terms-item {
    margin-bottom: 36px;
  }

  .terms-item h2 {
    font-size: 1.2rem;
    margin-bottom: 12px;
  }

  .terms-item p,
  .terms-intro p {
    font-size: 0.95rem;
    line-height: 1.8;
  }

  .hero-inner h1 {
    font-size: 2.7rem;
  }

  .hero-sub {
    font-size: 0.95rem;
    line-height: 1.75;
  }
}