body.pxm-journal-page {
  margin: 0;
  color: #090909;
  background: #fff;
  font-family: 'Google Sans Flex', sans-serif;
  -webkit-font-smoothing: antialiased;
}

.pxm-journal-index {
  box-sizing: border-box;
  max-width: 1500px;
  margin: 0 auto;
  padding: clamp(9rem, 16vw, 13rem) clamp(1rem, 4vw, 4rem) clamp(5rem, 9vw, 9rem);
}

.pxm-journal-index__intro {
  max-width: 860px;
  margin-bottom: clamp(3.5rem, 7vw, 7rem);
}

.pxm-journal-index__eyebrow {
  margin: 0 0 1rem;
  font-size: .85rem;
  text-transform: uppercase;
}

.pxm-journal-index h1 {
  margin: 0 0 1.5rem;
  font-size: clamp(4rem, 10vw, 9rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
}

.pxm-journal-index__description {
  max-width: 35ch;
  margin: 0;
  font-size: clamp(1.25rem, 2vw, 1.85rem);
  line-height: 1.4;
}

.pxm-journal-index__post {
  display: grid;
  grid-template-columns: minmax(2rem, 1fr) minmax(0, 7fr);
  gap: clamp(1rem, 3vw, 3rem);
  padding: clamp(2rem, 4vw, 3.5rem) 0;
  border-top: 1px solid #d5d5d5;
}

.pxm-journal-index__post:last-child {
  border-bottom: 1px solid #d5d5d5;
}

.pxm-journal-index__number,
.pxm-journal-index__post time {
  color: #626262;
  font-size: .9rem;
  line-height: 1.5;
}

.pxm-journal-index__post h2 {
  max-width: 30ch;
  margin: .75rem 0 1rem;
  font-size: clamp(1.6rem, 3vw, 3rem);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.pxm-journal-index__post a {
  color: inherit;
  text-decoration: none;
}

.pxm-journal-index__post a:hover {
  text-decoration: underline;
  text-underline-offset: .12em;
}

.pxm-journal-index__post a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 6px;
}

.pxm-journal-index__post p {
  max-width: 65ch;
  margin: 0;
  color: #505050;
  font-size: clamp(1rem, 1.4vw, 1.15rem);
  line-height: 1.65;
}