/* =================================================================
 * routes/lore.css — The Lore · /lore/ (replaces routes/maxima.css)
 * The §7 lore as scroll cinema. Reuses .vv-split, .vv-macro-band,
 * .vv-type-moment, .vv-hour-stamp, .vv-raise; adds the litany.
 * Tokens frozen — everything derives from tokens.css.
 * ================================================================= */

/* Arrival — quiet Ink hero, the opening line is the thesis */
.vv-lr-hero { text-align: center; }
.vv-lr-hero__title { font-family: var(--vv-font-display); font-weight: 400; font-size: clamp(3rem, 8vw, 6rem); line-height: 1; color: var(--vv-bone); margin: 12px 0 28px; }
.vv-lr-hero__open { font-family: var(--vv-font-body); font-size: clamp(1.25rem, 2.4vw, 1.6rem); line-height: 1.7; color: var(--vv-bone-70); max-width: 44ch; margin-inline: auto; }

/* Narrative prose — one generous measure for every chapter body */
.vv-lr-prose p { font-family: var(--vv-font-body); font-size: clamp(1.15rem, 2.2vw, 1.45rem); line-height: 1.75; color: var(--vv-bone-70); margin-bottom: 1.1em; }
.vv-lr-prose p:last-child { margin-bottom: 0; }

/* The two spirits — alternating portrait spreads. All three lore portraits
   ship at a true 4:5, so .vv-slot-img's object-fit:cover never crops them. */
.vv-lr-figure__img { aspect-ratio: 4 / 5; }

/* --still carries a LANDSCAPE object still (the crystal macro on the Keeper
   chapter) in the same column. The 4:5 portrait frame would crop a 2.33 macro
   down to a narrow slice of mostly-empty shadow; 3:2 keeps the cut glass
   reading, and the object-position bias holds it on the lit left side. */
.vv-lr-figure__img--still { aspect-ratio: 3 / 2; object-position: 35% center; }
.vv-lr-spread__name { font-family: var(--vv-font-display); font-weight: 400; font-size: clamp(1.8rem, 3.4vw, 2.6rem); color: var(--vv-bone); margin: 10px 0 16px; }
.vv-lr-spread__copy { align-self: center; }

/* Blood-moon band caption */
/* Owner note (final visual pass): the intro prose sat flush against the
   Blood Moon band — give the band breathing room above. */
.vv-lr-moon { margin-top: clamp(28px, 4vw, 48px); }
.vv-lr-moon__cap { font-family: var(--vv-font-ui); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--vv-bone-70); text-align: center; padding: 14px 20px 0; }

/* The litany — the page's signature: five imperatives, set alone */
.vv-lr-litany { text-align: center; }
.vv-lr-litany__intro { font-family: var(--vv-font-body); font-size: clamp(1.15rem, 2.2vw, 1.45rem); color: var(--vv-bone-70); margin-bottom: clamp(28px, 4vw, 44px); }
.vv-lr-litany__line { font-family: var(--vv-font-ritual); font-style: italic; font-size: clamp(1.5rem, 3.4vw, 2.4rem); line-height: 1.35; color: var(--vv-bone); margin: 0 0 clamp(14px, 2vw, 22px); }
.vv-lr-litany__line--first { color: var(--vv-brass); }
.vv-lr-litany__coda { font-family: var(--vv-font-body); font-size: clamp(1.15rem, 2.2vw, 1.45rem); color: var(--vv-bone-70); margin-top: clamp(28px, 4vw, 44px); }

/* The appearance — portrait left, description right */
.vv-lr-portrait__img { aspect-ratio: 4 / 5; }

/* The close — blessing and sign-off */
.vv-lr-close { text-align: center; }
.vv-lr-close p { font-family: var(--vv-font-body); font-size: clamp(1.2rem, 2.4vw, 1.55rem); line-height: 1.7; color: var(--vv-bone-70); max-width: 46ch; margin: 0 auto 1.1em; }
.vv-lr-close__more { font-family: var(--vv-font-display); font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--vv-bone); }

.vv-lr-fiction { font-family: var(--vv-font-body); font-style: italic; font-size: 0.95rem; line-height: 1.7; color: var(--vv-silver); text-align: center; max-width: 60ch; margin-inline: auto; }

@media (max-width: 899px) {
	.vv-lr-spread__copy { padding-top: 8px; }
}