.zp-home {
  padding: 44px 0 8px;
}

.zp-home section {
  padding: 38px 0;
  border-top: 0;
}

.zp-home section:first-child {
  padding-top: 8px;
}

.zp-home-intro-section {
  min-height: clamp(260px, 40vh, 400px);
  display: flex;
  align-items: end;
}

.zp-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
}

.zp-intro-main {
  width: min(100%, var(--zp-content-max));
  margin: 0 auto;
}

.zp-title {
  margin: 0;
  color: #f3f7f9;
  font-family: var(--zp-serif);
  font-size: clamp(3.05rem, 5.75vw, 3.98rem);
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.055em;
}

.zp-title-dek {
  margin: 16px 0 0;
  max-width: 24rem;
  color: #aebfc4;
  font-family: var(--zp-sans);
  font-size: var(--zp-ui-size);
  font-weight: 500;
  line-height: 1.72;
}

.zp-intro-copy {
  margin-top: 28px;
  max-width: 45rem;
  color: #b9c6ca;
  font-family: var(--zp-serif);
  font-size: 0.98rem;
  line-height: 2.02;
}

.zp-intro-copy:empty {
  display: none;
}

.zp-intro-copy p {
  margin: 0;
}

.zp-intro-copy p + p {
  margin-top: 0.7rem;
}

.zp-home-groups {
  display: grid;
  gap: 22px;
  width: min(100%, var(--zp-content-max));
  margin: 0 auto;
  border-top: 1px solid rgba(174, 207, 214, 0.08);
}

.zp-home-group {
  display: grid;
  gap: 6px;
}

.zp-section-heading {
  margin: 0;
}

.zp-section-title {
  margin: 0;
  color: #e9f1f4;
  font-family: var(--zp-serif);
  font-size: clamp(1.5rem, 1.9vw, 1.72rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.zp-section-title a {
  color: inherit;
  text-decoration: none;
}

.zp-section-title a:hover,
.zp-section-title a:focus-visible {
  color: #f4f9fa;
}

.zp-post-list {
  border-top: 0;
}

.zp-home-entry {
  border-bottom: 1px solid rgba(174, 207, 214, 0.07);
}

.zp-home-entry-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: baseline;
  padding: 12px 0;
  text-decoration: none;
}

.zp-home-entry-main {
  min-width: 0;
}

.zp-home-entry-title {
  margin: 0;
  color: #dce6ea;
  font-family: var(--zp-serif);
  font-size: 0.99rem;
  font-weight: 500;
  line-height: 1.72;
  letter-spacing: -0.005em;
}

.zp-home-entry-side,
.zp-home-entry-date {
  color: #7d9199;
  font-family: var(--zp-sans);
  font-size: calc(var(--zp-ui-size) - 0.01rem);
  line-height: 1.5;
  text-align: right;
  white-space: nowrap;
}

.zp-home-entry-link:hover .zp-home-entry-title,
.zp-home-entry-link:focus-visible .zp-home-entry-title {
  color: #edf4f6;
}

.zp-home-entry-link:hover .zp-home-entry-side,
.zp-home-entry-link:focus-visible .zp-home-entry-side {
  color: #b7c8ce;
}

.zp-home-entry-date {
  display: inline-block;
}

@media (max-width: 820px) {
  .zp-home {
    padding-top: 30px;
  }

  .zp-home-intro-section {
    min-height: auto;
    align-items: start;
  }

  .zp-title {
    font-size: clamp(2.72rem, 12.3vw, 3.48rem);
  }

  .zp-home-groups {
    gap: 18px;
  }

  .zp-home-entry-link {
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start;
  }

  .zp-home-entry-side,
  .zp-home-entry-date {
    text-align: left;
  }
}