/* Guest inner pages (details, travel, questions) and the RSVP form, which organizers also use. */
.detail {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 8%;
  align-items: center;
  padding: 0 2%;
}
.detail__title {
  font: 500 clamp(60px, 7vw, 100px)/1.05 var(--serif);
  letter-spacing: -0.05em;
  margin: 28px 0;
}
.detail__intro {
  font-size: 23px;
  line-height: 1.5;
}
.detail__text {
  font-size: 17px;
  line-height: 1.9;
  margin: 35px 0;
  max-width: 590px;
}
.detail__date {
  font-size: 13px;
  letter-spacing: 0.13em;
  border-top: 1px solid var(--line);
  padding-top: 25px;
  margin-top: 40px;
}

.page-section {
  padding: 30px 5%;
  max-width: 780px;
}
.page-section__title {
  font: 500 clamp(48px, 7vw, 80px)/1.05 var(--serif);
  letter-spacing: -0.05em;
  margin: 20px 0 30px;
}
.page-section__text {
  line-height: 1.8;
}

.rsvp__title {
  font-size: clamp(40px, 6vw, 76px);
  letter-spacing: -2px;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .detail {
    grid-template-columns: 1fr;
    gap: 45px;
    padding: 0;
  }
  .detail__title {
    font-size: 57px;
    margin: 24px 0;
  }
  .detail__intro {
    font-size: 20px;
  }
  .detail__text {
    font-size: 16px;
  }
  .page-section {
    padding: 15px 0;
  }
  .page-section__title {
    font-size: 48px;
  }
  .rsvp__title {
    font-size: 44px;
  }
}