@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&family=Montserrat:wght@400;500&display=swap');

.about-editorial {
  padding: 7vw 7vw 10vw;
  border-top: 1px solid var(--line);
  background: #f7f6f3;
}
.about-editorial-head {
  display: grid;
  grid-template-columns: 1fr 2.3fr;
  gap: 5vw;
  align-items: start;
}
.about-editorial-head > p {
  margin: .4rem 0 0;
  font-size: .72rem;
  font-weight: 400;
  letter-spacing: .14em;
}
.about-editorial-head figure {
  width: min(84%, 650px);
  height: min(60vw, 760px);
  margin: 0 0 0 auto;
  overflow: hidden;
}
.about-editorial-head img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
  filter: grayscale(1) contrast(.9) brightness(1.03);
}
.about-editorial-copy {
  width: min(900px, 82%);
  margin: 7vw 0 0 auto;
}
.about-script {
  display: flex;
  flex-direction: column;
  margin: 0 0 4.5rem;
  font-family: "Caveat", cursive;
  font-weight: 400;
  line-height: .82;
}
.about-script span {
  align-self: flex-start;
  color: #222;
  font-size: clamp(4.4rem, 9vw, 9rem);
  letter-spacing: .015em;
}
.about-script em {
  align-self: flex-end;
  max-width: 72%;
  margin-top: .25em;
  color: #a55349;
  font-size: clamp(3.5rem, 7vw, 7rem);
  font-style: normal;
  text-align: right;
  letter-spacing: .01em;
}
.about-editorial-copy > p {
  max-width: 850px;
  margin: 0 0 1.8rem;
  color: #333;
  font-size: clamp(1.15rem, 2vw, 1.65rem);
  font-weight: 300;
  line-height: 1.55;
}

@media (max-width: 760px) {
  .about-editorial { padding: 58px 20px 82px; }
  .about-editorial-head {
    grid-template-columns: 32% 68%;
    gap: 0;
  }
  .about-editorial-head > p { font-size: .7rem; }
  .about-editorial-head figure {
    width: 92%;
    height: 74vw;
  }
  .about-editorial-copy {
    width: 100%;
    margin-top: 68px;
  }
  .about-script { margin-bottom: 3.7rem; }
  .about-script span { font-size: 4.25rem; }
  .about-script em {
    max-width: 76%;
    margin-top: .35em;
    margin-right: 14px;
    font-size: 3.25rem;
  }
  .about-editorial-copy > p {
    font-size: 1.2rem;
    line-height: 1.55;
  }
}

.reviews-editorial {
  padding: 8vw 7vw 11vw;
  border-top: 1px solid var(--line);
  background: #f7f6f3;
}
.reviews-kicker {
  margin: 0 0 7vw;
  font-size: .72rem;
  font-weight: 400;
  letter-spacing: .14em;
}
.reviews-title {
  max-width: 1050px;
  margin: 0 0 7vw;
  color: #2c2b2a;
  line-height: .78;
}
.reviews-title strong {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(4rem, 11vw, 10rem);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.035em;
  font-kerning: normal;
}
.reviews-title em {
  display: block;
  width: fit-content;
  margin: .2em 4vw 0 auto;
  color: #a55349;
  font-family: "Caveat", cursive;
  font-size: clamp(4rem, 9vw, 8rem);
  font-style: normal;
  font-weight: 400;
  letter-spacing: .01em;
}
.reviews-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
  align-items: start;
}
.review-message {
  margin: 0;
  padding: clamp(1.7rem, 3vw, 3rem);
  background: #2a2928;
  color: #f4f1ed;
  font-size: clamp(1rem, 1.45vw, 1.28rem);
  font-weight: 300;
  line-height: 1.65;
}
.review-message:nth-child(even) { transform: translateY(2.5rem); }

@media (max-width: 760px) {
  .reviews-editorial { padding: 72px 20px 95px; }
  .reviews-kicker { margin-bottom: 70px; }
  .reviews-title { margin-bottom: 68px; }
  .reviews-title strong {
    width:100%;
    font-size:16vw;
    line-height:.96;
    white-space:nowrap;
  }
  .reviews-title em { margin-top: .3em; font-size: 4.35rem; }
  .reviews-grid { grid-template-columns: 1fr; gap: 14px; }
  .review-message { padding: 1.55rem; font-size: 1rem; line-height: 1.62; }
  .review-message:nth-child(even) { transform: none; }
}