.author-page {
  width: var(--page);
  margin: 0 auto;
  padding: clamp(82px, 10vw, 150px) 0 clamp(100px, 12vw, 180px);
}

.author-hero {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 34px;
  align-items: end;
  padding-bottom: clamp(52px, 7vw, 90px);
  border-bottom: 1px solid var(--ink);
}

.author-hero h1 {
  grid-column: 2;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(4.5rem, 11vw, 11rem);
  font-weight: 400;
  letter-spacing: -0.065em;
  line-height: 0.82;
}

.author-hero-meta {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.author-hero-meta p { margin: 0; font-family: var(--serif); font-size: 1.4rem; }
.author-hero-meta a { font-size: 0.72rem; letter-spacing: 0.08em; text-underline-offset: 5px; }
.author-stories { padding-top: clamp(48px, 6vw, 82px); }
.author-card-meta { padding: 14px 0 10px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 0.68rem; letter-spacing: 0.08em; }

@media (max-width: 720px) {
  .author-page { padding-top: 62px; }
  .author-hero { grid-template-columns: 1fr; gap: 20px; }
  .author-hero h1,
  .author-hero-meta { grid-column: 1; }
  .author-hero h1 { font-size: clamp(4.3rem, 22vw, 7rem); }
  .author-hero-meta { display: grid; gap: 18px; }
}
.author-hero h1 { line-height: 1.24; letter-spacing: -0.025em; }