/*
 * victory-system.css — shared editorial primitives for the Victory case study.
 *
 * Single source of truth for the publication's typographic system, extracted from
 * the Identity System page (victory-journey-system.html). Link this on every
 * Victory page and migrate page markup toward these classes so the whole case
 * study reads as one edited design monograph.
 *
 * Canonical caption system: figmeta > fm-title (+ optional fm-note).
 *   <figure class="ph-fig">
 *     <img … />
 *     <figcaption class="figmeta">
 *       <p class="fm-title">Figure NN — Title</p>
 *       <p class="fm-note">Optional one-line editorial description.</p>  <!-- only when it adds interpretive value -->
 *     </figcaption>
 *   </figure>
 * Never put file names, purpose labels, briefs, metadata or implementation notes
 * in a caption.
 */

/* ---- Section kicker / heading / body ---------------------------------- */
.sys-kicker{font-family:var(--font-system);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;text-wrap:balance}
.sys-h{font-family:var(--font-system);font-weight:700;font-size:clamp(19px,2.2vw,25px);letter-spacing:-.014em;line-height:1.14;margin:0 0 10px;text-wrap:balance}
.sys-intent{font-size:16px;line-height:1.6;color:var(--ink-2,#4a4d68);max-width:var(--vic-measure,64ch);margin:0 0 24px;text-wrap:pretty}

/* ---- Figure + caption ------------------------------------------------- */
.ph-fig{margin:0}
.ph-fig img{display:block;width:100%;height:auto}
.figmeta{margin-top:var(--vic-cap-gap,12px);max-width:66ch}
.figmeta .fm-title{font-family:var(--font-system);font-weight:700;font-size:13px;letter-spacing:-.005em;color:var(--ink);margin:0}
.figmeta .fm-note{margin-top:7px;font-family:var(--font-system);font-weight:400;font-size:14px;line-height:1.5;color:var(--ink-2,#4a4d68);max-width:60ch;font-style:italic}

/* ---- Pull quote ------------------------------------------------------- */
.pullquote{margin:var(--vic-quote-gap,52px) 0;padding:4px 0 4px 30px;border-left:3px solid var(--accent);font-family:var(--font-meaning);font-style:italic;font-size:clamp(22px,2.5vw,30px);line-height:1.4;color:var(--ink);max-width:34ch;text-wrap:pretty}
@media (max-width:700px){.pullquote{padding-left:20px;margin:30px 0}}

/* ---- PDF artifact (book-exhibit) spacing ------------------------------ */
.book-exhibit{margin:var(--vic-exhibit-gap,34px) 0 0}