.novel-feature {
  margin: 0 0 44px;
  padding: clamp(34px, 6vw, 84px);
  background: var(--ink);
  color: var(--white);
  border: 1px solid var(--line);
}

.novel-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  position: static;
  color: inherit;
}

.novel-number {
  color: var(--sun);
  font: 400 clamp(32px, 6vw, 70px)/1 var(--serif);
}

.novel-number sup { font-size: .46em; }

.novel-feature h2 {
  max-width: 1040px;
  margin: 52px 0 64px;
  font: 400 clamp(42px, 6.5vw, 92px)/.96 var(--serif);
  letter-spacing: -.055em;
}

.novel-preview {
  max-width: 850px;
  margin: 0;
  padding-top: 34px;
  border-top: 1px solid #fffdf655;
  font: 400 clamp(19px, 2vw, 28px)/1.5 var(--serif);
}
.secondary-works { margin-top: 0; }

@media (max-width: 820px) {
  .novel-feature h2 { margin: 42px 0 50px; }
}