.zen-home-elements {
  --elements-section-space: clamp(48px, 5vw, 72px);
  --elements-head-gap: 16px;
  --elements-grid-space: 32px;
  --elements-grid-gap: clamp(16px, 3vw, 48px);
  --elements-label-space: 12px;
  --elements-label-size: 20px;
  padding-bottom: var(--elements-section-space);
  font-family: "Jost", Arial, sans-serif;
}
.zen-home-elements__head { display: grid; gap: var(--elements-head-gap); text-align: center; }
.zen-home-elements__title { margin: 0; color: var(--zen-and-tao-muted); font: 500 var(--zen-home-section-title-size)/1.15 "Jost", Arial, sans-serif; }
.zen-home-elements__subtitle { margin: 0; color: var(--zen-and-tao-muted); font-size: 18px; line-height: 1.5; }
.zen-home-elements__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--elements-grid-gap); margin: var(--elements-grid-space) 0 0; padding: 0; list-style: none; }
.zen-home-elements__item { min-width: 0; margin: 0; }
.zen-home-elements__link { display: grid; gap: var(--elements-label-space); color: var(--zen-and-tao-ink); text-align: center; text-decoration: none; }
.zen-home-elements__image { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; }
.zen-home-elements__label { font-size: var(--elements-label-size); font-weight: 500; line-height: 1.5; }
.zen-home-elements__link:hover { color: var(--zen-and-tao-ink); text-decoration: none; }
.zen-home-elements__link:hover .zen-home-elements__label { text-decoration: underline; text-underline-offset: .2em; }
.zen-home-elements__link:focus-visible { outline: 2px solid var(--zen-and-tao-ink); outline-offset: 4px; }
@media (max-width: 782px) {
  .zen-home-elements { --elements-label-size: 16px; }
  .zen-home-elements__list { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .zen-home-elements__item { grid-column: span 2; }
  .zen-home-elements__item:nth-child(4) { grid-column: 2 / span 2; }
  .zen-home-elements__subtitle { font-size: 16px; }
}

/* Separate reading invitation below the element collections. */
.zen-home-reading {
  --reading-layout-gap: clamp(32px, 5vw, 72px);
  --reading-content-gap: 24px;
  --reading-section-space: clamp(48px, 5vw, 72px);
  --reading-subtitle-size: 18px;
  padding-bottom: var(--reading-section-space);
  font-family: "Jost", Arial, sans-serif;
}
.zen-home-reading__layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: var(--reading-layout-gap);
}
.zen-home-reading__media {
  min-width: 0;
}
.zen-home-reading__image {
  display: block;
  width: 100%;
  height: auto;
}
.zen-home-reading__content {
  /* Fill the right column; heading and button share its center. */
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--reading-content-gap) 0;
  min-width: 0;
}
.zen-home-reading__content > .zen-home-collection-button { justify-self: center; }
.zen-home-reading__title {
  margin: 0;
  color: var(--zen-and-tao-muted);
  font: 500 var(--zen-home-section-title-size)/1.15 "Jost", Arial, sans-serif;
  letter-spacing: -.02em;
  text-align: center;
  text-wrap: balance;
}
.zen-home-reading__subtitle {
  width: 100%;
  margin: 0;
  color: var(--zen-and-tao-ink);
  font-size: var(--reading-subtitle-size);
  line-height: 1.75;
}
@media (max-width: 782px) {
  .zen-home-reading { --reading-subtitle-size: 16px; }
  .zen-home-reading__layout { grid-template-columns: minmax(0, 1fr); }
  .zen-home-reading__content { justify-items: center; text-align: center; }
}