.voices-page { background: var(--white); }
.voices-page .global-nav a[aria-current="page"] { color: var(--rose-dark); }

.voices-hero {
  position: relative;
  overflow: hidden;
  padding: 182px 0 118px;
  background: var(--ivory);
}
.voices-hero::before {
  content: "";
  position: absolute;
  top: 88px;
  right: -92px;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: rgba(246,217,220,.72);
}
.voices-hero::after {
  content: "";
  position: absolute;
  bottom: -105px;
  left: 34%;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: rgba(224,238,226,.92);
}
.voices-hero__layout {
  position: relative;
  z-index: 2;
  display: grid;
  align-items: end;
  gap: clamp(54px, 8vw, 120px);
  grid-template-columns: .9fr 1.1fr;
}
.voices-hero__title > p {
  margin: 0 0 14px;
  color: var(--rose-dark);
  font-family: var(--font-en);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
}
.voices-hero h1 {
  margin: 0;
  font-size: clamp(48px, 5vw, 62px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .025em;
}
.voices-hero__intro {
  max-width: 610px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(75,66,63,.16);
}
.voices-hero__intro p {
  margin: 0 0 15px;
  color: var(--sub);
  font-size: 17px;
  line-height: 2;
}
.voices-hero__quote {
  position: absolute;
  z-index: 1;
  top: 88px;
  right: 7vw;
  color: rgba(255,255,255,.72);
  font-family: Georgia, serif;
  font-size: 250px;
  line-height: 1;
  pointer-events: none;
}

.voices-list { padding: 138px 0 150px; background: var(--white); }
.voice-entry {
  position: relative;
  display: grid;
  width: min(100%, 1010px);
  min-height: 420px;
  align-items: stretch;
  gap: 0;
  grid-template-columns: 210px 1fr;
  border-radius: 36px 36px 10px 36px;
}
.voice-entry + .voice-entry { margin-top: 94px; }
.voice-entry--rose { background: var(--rose-soft); }
.voice-entry--sage { margin-left: auto; background: var(--sage-soft); }
.voice-entry--reverse { grid-template-columns: 1fr 210px; border-radius: 36px 10px 36px 36px; }
.voice-entry--reverse .voice-entry__side { order: 2; border-right: 0; border-left: 1px solid rgba(75,66,63,.12); }
.voice-entry--reverse .voice-entry__content { order: 1; }
.voice-entry__side {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 42px 28px 36px;
  border-right: 1px solid rgba(75,66,63,.12);
}
.voice-entry__side span {
  align-self: flex-start;
  color: rgba(185,95,104,.58);
  font-family: Georgia, serif;
  font-size: 128px;
  line-height: .8;
}
.voice-entry--sage .voice-entry__side span { color: rgba(102,124,107,.58); }
.voice-entry__side small {
  align-self: flex-start;
  color: var(--sub);
  font-family: var(--font-en);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .13em;
}
.voice-entry__content { display: flex; flex-direction: column; padding: 58px 66px 52px; }
.voice-entry__content h2 {
  max-width: 760px;
  margin: 0 0 34px;
  font-size: clamp(30px, 3.2vw, 40px);
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: .025em;
}
.voice-entry__test {
  align-self: flex-start;
  margin: 0 0 14px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.68);
  color: var(--sub);
  font-size: 11px;
  font-weight: 600;
}
.voice-entry__content blockquote {
  max-width: 720px;
  margin: 0;
  color: var(--brown);
  font-size: 18px;
  font-weight: 500;
  line-height: 2.05;
}
.voice-entry__name {
  margin: auto 0 0;
  padding-top: 38px;
  color: var(--sub);
  font-size: 14px;
}

.voices-list__empty { margin: 0; color: var(--sub); text-align: center; }
.voices-pagination { margin-top: 72px; }
.voices-pagination .page-numbers { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.voices-pagination a,
.voices-pagination span { display: grid; min-width: 46px; height: 46px; padding: 0 12px; place-items: center; border: 1px solid var(--line); border-radius: 999px; background: var(--white); color: var(--brown); font-size: 13px; }
.voices-pagination .current { border-color: var(--rose); background: var(--rose); color: var(--white); }
.voices-pagination a:hover { border-color: var(--rose); color: var(--rose-dark); }

.voices-cta {
  position: relative;
  overflow: hidden;
  padding: 118px 0;
  background: var(--rose);
  color: var(--white);
}
.voices-cta::before,
.voices-cta::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
}
.voices-cta::before { top: -210px; left: -140px; width: 430px; height: 430px; }
.voices-cta::after { right: -90px; bottom: -190px; width: 350px; height: 350px; }
.voices-cta__inner { position: relative; z-index: 1; text-align: center; }
.voices-cta__inner > p { margin: 0 0 14px; font-size: 15px; font-weight: 600; }
.voices-cta h2 {
  width: min(100%, 850px);
  margin: 0 auto 34px;
  font-size: clamp(34px, 4vw, 46px);
  font-weight: 700;
  line-height: 1.55;
}
.voices-cta__actions { display: flex; justify-content: center; gap: 14px; }
.voices-cta__primary { background: var(--white); color: #8e5f62; }
.voices-cta__secondary { border-color: rgba(255,255,255,.72); color: var(--white); }
.voices-cta__secondary:hover { background: rgba(255,255,255,.12); }
.voices-cta small { display: block; margin-top: 22px; color: rgba(255,255,255,.82); font-size: 12px; }

@media (max-width: 900px) {
  .voices-hero__layout { gap: 44px; grid-template-columns: 1fr; }
  .voices-hero__intro { max-width: 720px; }
  .voice-entry { grid-template-columns: 160px 1fr; }
  .voice-entry--reverse { grid-template-columns: 1fr 160px; }
  .voice-entry__content { padding-inline: 48px; }
}

@media (max-width: 600px) {
  .voices-hero { padding: 130px 0 74px; }
  .voices-hero::before { top: 80px; right: -120px; width: 250px; height: 250px; }
  .voices-hero::after { bottom: -95px; left: -70px; width: 170px; height: 170px; }
  .voices-hero__layout { gap: 34px; }
  .voices-hero h1 { font-size: 42px; }
  .voices-hero__intro p { font-size: 15px; }
  .voices-hero__quote { top: 80px; right: -14px; font-size: 170px; }
  .voices-list { padding: 78px 0 86px; }
  .voice-entry,
  .voice-entry--reverse {
    min-height: 0;
    grid-template-columns: 1fr;
    border-radius: 26px 26px 8px 26px;
  }
  .voice-entry + .voice-entry { margin-top: 42px; }
  .voice-entry--reverse .voice-entry__side,
  .voice-entry__side {
    order: 1;
    align-items: center;
    flex-direction: row;
    padding: 26px 24px 18px;
    border-right: 0;
    border-bottom: 1px solid rgba(75,66,63,.12);
    border-left: 0;
  }
  .voice-entry__side span { font-size: 76px; }
  .voice-entry__side small { align-self: center; }
  .voice-entry--reverse .voice-entry__content,
  .voice-entry__content { order: 2; padding: 30px 24px 34px; }
  .voice-entry__content h2 { margin-bottom: 24px; font-size: 29px; }
  .voice-entry__content h2 br { display: none; }
  .voice-entry__content blockquote { font-size: 16px; }
  .voice-entry__name { padding-top: 28px; }
  .voices-pagination { margin-top: 48px; }
  .voices-pagination .page-numbers { gap: 7px; }
  .voices-pagination a,
  .voices-pagination span { min-width: 42px; height: 42px; }
  .voices-cta { padding: 80px 0; }
  .voices-cta__inner { text-align: left; }
  .voices-cta h2 { font-size: 32px; }
  .voices-cta__actions { align-items: stretch; flex-direction: column; }
  .voices-cta__actions .button { width: 100%; }
  .voices-cta small { line-height: 1.7; }
}