.creative-page { min-height: calc(100vh - 124px); background: #f8fbfd; }
.page-hero { padding: 68px 0 72px; color: #fff; background: linear-gradient(120deg, var(--navy), #103b78 58%, #1f72b9); }
.page-hero h1 { margin: 12px 0 14px; font: clamp(46px, 6vw, 74px)/1.05 var(--display); letter-spacing: -.025em; }
.page-intro { max-width: 690px; margin: 0; color: #e1f2ff; font: 18px/1.55 var(--serif); }
.creative-content { padding-block: 72px 88px; }
.creative-row { min-height: 340px; border: 1px solid var(--line); }
.creative-row + .creative-row { border-top: 0; }
.book-feature { display: grid; grid-template-columns: 100px 1fr; align-items: stretch; color: #fff; background: linear-gradient(135deg, var(--navy), #123f7d); }
.row-number { padding: 36px 32px; color: #86cbfa; font: italic 12px var(--serif); }
.row-copy { display: flex; flex-direction: column; justify-content: center; padding: 52px 58px; border-left: 1px solid #ffffff24; }
.status-label { margin: 0 0 12px; color: #88ccfb; font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.creative-row h2 { margin: 0; font: clamp(38px, 5vw, 62px)/1.1 var(--display); letter-spacing: -.02em; }
.book-line { margin: 18px 0 0; font: 22px/1.4 var(--serif); }
.dedication { margin: 32px 0 0; color: #bde1fa; font: italic 17px/1.4 var(--serif); }
.fable-feature { display: grid; grid-template-columns: 1.25fr .75fr; background: #e2f2fd; }
.fable-copy { padding: 48px 58px; align-self: center; }
.fable-copy .row-number { padding: 0 0 38px; color: var(--bright); }
.fable-copy .status-label { color: #4f96c8; }
.fable-copy > p:last-child { margin: 18px 0 0; font: 19px/1.5 var(--serif); }
.fable-feature img { width: 100%; height: 100%; min-height: 340px; object-fit: cover; object-position: center; border-left: 1px solid var(--line); }
.fable-cast { margin: 0; border: 1px solid var(--line); border-top: 0; background: #dff1fe; }
.fable-cast img { display: block; width: 100%; height: auto; }
.essay-content { padding-block: 72px 96px; }
.essay-panel { max-width: 850px; margin-inline: auto; padding: 46px 54px 52px; border: 1px solid #83bce9; background: #cfeaff; }
.essay-placeholder-list { list-style: none; margin: 30px 0 0; padding: 0; border-top: 1px solid #8abce0; }
.essay-placeholder-list li { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 68px; padding: 0 8px; border-bottom: 1px solid #8abce0; text-transform: uppercase; letter-spacing: .16em; font-size: 10px; }
.essay-placeholder-list small { color: #36709e; font-size: 9px; letter-spacing: .1em; }
.creative-page + footer a, footer a { color: #fff; }

@media (max-width: 800px) {
  .page-hero { padding-block: 52px 58px; }
  .book-feature { grid-template-columns: 62px 1fr; }
  .row-number { padding: 28px 20px; }
  .row-copy, .fable-copy { padding: 40px 28px; }
  .fable-feature { grid-template-columns: 1fr; }
  .fable-feature img { min-height: 420px; border-left: 0; border-top: 1px solid var(--line); }
  .essay-panel { padding: 36px 24px 42px; }
}

@media (max-width: 520px) {
  .creative-page .nav-links a:nth-child(2) { display: none; }
  .book-feature { grid-template-columns: 1fr; }
  .book-feature > .row-number { padding-bottom: 0; }
  .row-copy { border-left: 0; }
  .essay-placeholder-list li { min-height: 62px; }
}