/* Dark landing with new character scenes; retain the existing notebook animation. */
:root.people-preview {
  --pp-paper: #f5f1e7;
  --pp-card: #f6f3ec;
  --pp-rule: #d5cec0;
  --pp-ink: #14110d;
  --pp-body: #3a352e;
  --pp-muted: #6b6459;
  --pp-accent-ink: #b8331c;
  --pp-grid: #ffffff05;
  --pp-dark: #0e1011;
  --pp-dark-surface: #17191a;
  --pp-dark-line: #343536;
  --pp-light: #f3efe6;
  --pp-light-body: #c5c6bc;
  --hm-bg: var(--pp-dark);
  --hm-surface: var(--pp-dark-surface);
  --hm-text: var(--pp-light);
  --hm-body: var(--pp-light-body);
  --hm-muted: var(--pp-light-body);
  --hm-line: var(--pp-dark-line);
  --hm-mark: var(--accent);
  --hm-selected-bg: var(--pp-light);
  --hm-selected-text: var(--pp-ink);
  color-scheme: dark;
}
.people-preview #hello {
  background-color: var(--pp-dark);
  background-image: linear-gradient(var(--pp-grid) 1px, transparent 1px), linear-gradient(90deg, var(--pp-grid) 1px, transparent 1px);
  background-size: 32px 32px;
}
.people-preview .hello-mid {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: center;
  gap: 30px;
}
.people-preview .hello-copy { min-width: 0; }
.people-preview .hello-h { font-size: clamp(38px, 4.7vw, 68px); }
.people-preview .hello-sub { max-width: 49ch; }
.people-preview .hello-art { margin: 0; min-width: 0; }
.people-preview .hello-art img { display: block; width: 100%; height: auto; }
.people-preview .pp-explain { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .7fr); gap: 24px; align-items: center; }
.people-preview .pp-explain p { color: var(--hm-body); font-size: 15px; line-height: 1.6; margin: 0; }
.people-preview .pp-explain img { display: block; width: 100%; max-height: 290px; object-fit: contain; }
.people-preview .hm-closing { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; text-align: left; }
.people-preview .pp-closing-art { margin: 0; min-width: 0; }
.people-preview .pp-closing-art img { display: block; width: 100%; height: auto; }
.people-preview .hm-cabinet-section,
.people-preview .hm-tutor-invite,
.people-preview .hm-footer {
  --hm-bg: var(--pp-dark);
  --hm-surface: var(--pp-dark);
  --hm-text: var(--pp-light);
  --hm-body: var(--pp-light-body);
  --hm-muted: var(--pp-light-body);
  --hm-line: var(--pp-dark-line);
  --hm-mark: var(--accent);
  --hm-selected-bg: var(--pp-light);
  --hm-selected-text: var(--ink);
  background: var(--pp-dark);
  color: var(--pp-light);
}
.people-preview .hm-demo-frame {
  --paper: var(--pp-card);
  --paper-warm: var(--pp-paper);
  --paper-line: var(--pp-rule);
  --ink: var(--pp-ink);
  --ink-body: var(--pp-body);
  --ink-muted: var(--pp-muted);
  --accent-ink: var(--pp-accent-ink);
  --hm-bg: var(--paper-warm);
  --hm-surface: var(--paper);
  --hm-text: var(--ink);
  --hm-body: var(--ink-body);
  --hm-muted: var(--ink-muted);
  --hm-line: var(--paper-line);
  --hm-mark: var(--accent-ink);
  background: var(--paper);
  color: var(--ink);
}
@media (max-width: 760px) {
  .people-preview .pp-explain { margin-top: 22px; gap: 14px; }
  .people-preview .pp-explain p { font-size: 14px; }
  .people-preview .pp-explain img { max-height: 220px; }
  .people-preview .hm-closing { grid-template-columns: 1fr; gap: 28px; }
  .people-preview .pp-closing-art { max-width: 480px; margin-inline: auto; }
  .people-preview .hello-mid { grid-template-columns: 1fr; gap: 26px; }
  .people-preview .hello-copy { display: contents; }
  .people-preview .hello-kicker { margin: 0; }
  .people-preview .hello-h { margin: 0; }
  .people-preview .hello-sub { margin: 0; }
  .people-preview .hello-list { margin: 0; }
  .people-preview .hello-art { grid-row: 3; }
  .people-preview .hello-h { font-size: clamp(35px, 8.5vw, 54px); }
  .people-preview .hello-art { width: min(100%, 550px); margin-inline: auto; }
}