/* 创明笔记介绍页 LCP — 与异步 notes.css 配合 */
.notes-hero {
  padding: 3rem 1.5rem 4rem;
}

.notes-hero-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.notes-hero h1 {
  font-family: var(--ink-serif);
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  margin: 0 0 1rem;
}

.notes-hero h1 em {
  font-style: normal;
  color: var(--ink-hero-em);
}

@media (max-width: 900px) {
  .notes-hero-grid {
    grid-template-columns: 1fr;
  }
}