/* 48 Lake Street — Escape This Northbridge fan site theme (base: _engine/fansite.css). An old house after dark:
   soot-black, lamplight amber and aged timber; the memoirs on parchment, the Basement's letters on ruled paper. */
:root {
  --bg: #120d0a; --bg-2: #1a130e; --panel: #241a12; --line: rgba(240, 222, 190, .12);
  --text: #f2e8d8; --muted: #c9b89c; --dim: #958670;
  --accent: #e8b45a; --accent-hi: #f6d08e; --accent-2: #b8452c; --deep: #3a2414; --red: #a8281e;
  --paper: #efe2c4; --paper-2: #e0cd9f; --ink: #2a1e14; --ink-accent: #8c2a1c; --rule: rgba(110, 80, 40, .22);
  --display: "Texturina", Georgia, serif; --serif: "IM Fell English", Georgia, serif;
  --type: "Special Elite", "Courier New", monospace; --hand: "Caveat", "Segoe Script", cursive;
  --body: "Libre Franklin", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body { background: radial-gradient(1200px 600px at 70% -10%, #3a2414 0%, transparent 60%), var(--bg); }
/* A brighter header: the house art stays bright on the right and at the top; shading only behind the text
   (bottom-left), stronger on phones where the text covers the picture (Bernie, Oct 2026). */
.hero::after { background: linear-gradient(0deg, var(--bg) 2%, transparent 45%), linear-gradient(90deg, color-mix(in srgb, var(--bg) 78%, transparent) 0%, color-mix(in srgb, var(--bg) 45%, transparent) 45%, transparent 72%); }
.hero h1, .hero .lede, .hero .kicker { text-shadow: 0 2px 14px rgba(0, 0, 0, .8); }
@media (max-width: 700px) { .hero::after { background: linear-gradient(0deg, var(--bg) 4%, color-mix(in srgb, var(--bg) 70%, transparent) 55%, color-mix(in srgb, var(--bg) 25%, transparent)); } }
/* The house header on every page, not just home (Bernie, Oct 2026): each page heading sits on the same artwork,
   shaded behind the text. The path is relative to this stylesheet, so it works on the preview sub-path too. */
.page-head { position: relative; isolation: isolate; padding-top: clamp(90px, 13vw, 170px); background:
  linear-gradient(0deg, var(--bg) 0%, transparent 55%),
  linear-gradient(90deg, color-mix(in srgb, var(--bg) 80%, transparent) 0%, color-mix(in srgb, var(--bg) 50%, transparent) 50%, color-mix(in srgb, var(--bg) 10%, transparent) 80%),
  url("img/still-northbridge-house-hero.webp") center 40% / cover no-repeat; }
.page-head h1, .page-head .lede, .page-head .crumbs { text-shadow: 0 2px 14px rgba(0, 0, 0, .85); }
@media (max-width: 700px) { .page-head { background:
  linear-gradient(0deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 72%, transparent) 60%, color-mix(in srgb, var(--bg) 35%, transparent)),
  url("img/still-northbridge-house-hero-960.webp") center 40% / cover no-repeat; } }