:root{color-scheme:dark;--ink:#090c10;--ink-deep:#05070a;:root { color-scheme: dark; --ink: #090c10; --ink-deep: #05070a; --surface: #10161c; --surface-raised: #151d25; --surface-soft: #0d1217; --paper: #e8e4d8; --paper-soft: #c7c5bc; --muted: #909aa3; --dim: #74808a; --ice: #9bc3d2; --ice-bright: #cce4ec; --bronze: #b79460; --bronze-bright: #d3b579; --rust: #a45547; --line: rgba(155, 195, 210, 0.18); --line-strong: rgba(183, 148, 96, 0.42); --shadow: rgba(0, 0, 0, 0.44); --font-reading: Constantia, "Palatino Linotype", Palatino, Georgia, serif; --font-display: Cambria, Constantia, Georgia, serif; --font-interface: "Arial Narrow", "Roboto Condensed", "Segoe UI", Arial, sans-serif; --content: 72rem; --reading: 46rem; } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; background: var(--ink-deep); } body { min-width: 20rem; min-height: 100vh; margin: 0; background: linear-gradient(90deg, transparent 0, transparent calc(50% - 1px), rgba(155, 195, 210, 0.028) 50%, transparent calc(50% + 1px)), radial-gradient(ellipse at 50% -12rem, rgba(115, 157, 174, 0.13), transparent 42rem), var(--ink); color: var(--paper-soft); font-family: var(--font-reading); font-size: 1rem; line-height: 1.72; text-rendering: optimizeLegibility; } body::before { position: fixed; z-index: -1; inset: 0; content: ""; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, 0.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.009) 1px, transparent 1px); background-size: 5rem 5rem; mask-image: linear-gradient(to bottom, black, transparent 72%); } ::selection { background: var(--bronze); color: var(--ink-deep); } a { color: var(--ice-bright); text-decoration-thickness: 0.08em; text-underline-offset: 0.2em; } a:hover { color: var(--paper); } button, a { -webkit-tap-highlight-color: transparent; } :focus-visible { outline: 0.16rem solid var(--ice-bright); outline-offset: 0.25rem; } img, svg { display: block; max-width: 100%; } .skip-link { position: fixed; z-index: 1000; top: 0.75rem; left: 0.75rem; padding: 0.65rem 0.9rem; transform: translateY(-180%); background: var(--paper); color: var(--ink); font-family: var(--font-interface); font-weight: 700; } .skip-link:focus { transform: translateY(0); } .reading-progress { position: fixed; z-index: 500; top: 0; left: 0; width: 100%; height: 0.2rem; border: 0; appearance: none; background: transparent; } .reading-progress::-webkit-progress-bar { background: transparent; } .reading-progress::-webkit-progress-value { background: linear-gradient(90deg, var(--ice), var(--bronze-bright)); } .reading-progress::-moz-progress-bar { background: linear-gradient(90deg, var(--ice), var(--bronze-bright)); } .site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid var(--line); background: rgba(9, 12, 16, 0.93); backdrop-filter: blur(16px); } .site-nav { display: flex; width: min(var(--content), 100%); min-height: 4.75rem; margin: 0 auto; padding: 0.8rem 1.5rem; align-items: center; justify-content: space-between; gap: 2rem; } .brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 0.8rem; color: var(--paper); text-decoration: none; } .brand__name { font-family: var(--font-display); font-size: 1.35rem; font-weight: 700; letter-spacing: 0.19em; text-transform: uppercase; } .brand__mark { position: relative; display: grid; width: 1.5rem; height: 2rem; padding: 0.25rem; border: 1px solid var(--line-strong); grid-template-columns: repeat(3, 1fr); gap: 0.12rem; } .brand__mark::after { position: absolute; right: -0.28rem; bottom: 0.34rem; width: 0.42rem; height: 0.42rem; border: 1px solid var(--ice); background: var(--ink); content: ""; transform: rotate(45deg); } .brand__mark i { display: block; background: linear-gradient(to top, var(--bronze), rgba(183, 148, 96, 0.1)); } .brand__mark i:nth-child(2) { transform: translateY(-0.14rem); } .nav-links { display: flex; align-items: center; justify-content: flex-end; gap: clamp(0.45rem, 1.2vw, 1.2rem); font-family: var(--font-interface); } .nav-links a { position: relative; padding: 0.35rem 0.15rem; color: var(--muted); font-size: 0.75rem; font-weight: 650; letter-spacing: 0.13em; text-decoration: none; text-transform: uppercase; } .nav-links a::after { position: absolute; right: 0; bottom: -0.15rem; left: 0; height: 1px; content: ""; transform: scaleX(0); transform-origin: left; background: var(--bronze-bright); transition: transform 160ms ease; } .nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--paper); } .nav-links a:hover::after, .nav-links a[aria-current="page"]::after { transform: scaleX(1); } main { width: min(var(--content), 100%); margin: 0 auto; padding: clamp(2.5rem, 6vw, 5.5rem) 1.5rem clamp(5rem, 10vw, 8rem); } .overline, .footer-kicker, .callout__label, .route-code, .empty-state__code { margin: 0 0 0.75rem; color: var(--bronze-bright); font-family: var(--font-interface); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; line-height: 1.4; text-transform: uppercase; } .hero { display: grid; min-height: min(43rem, calc(100vh - 9rem)); align-items: center; grid-template-columns: minmax(0, 1.1fr) minmax(19rem, 0.68fr); gap: clamp(3rem, 8vw, 8rem); } .hero-copy { position: relative; padding-left: clamp(1.5rem, 4vw, 4rem); } .hero-copy::before { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: linear-gradient(to bottom, transparent, var(--bronze), var(--ice), transparent); content: ""; } .hero-copy h1 { margin: 0; color: var(--paper); font-family: var(--font-display); font-size: clamp(4.5rem, 12vw, 9.5rem); font-weight: 600; letter-spacing: -0.075em; line-height: 0.78; text-shadow: 0 1.2rem 3.5rem rgba(107, 159, 178, 0.16); } .hero-subtitle { max-width: 37rem; margin: 2rem 0 1.1rem; color: var(--ice-bright); font-family: var(--font-display); font-size: clamp(1.25rem, 2.4vw, 1.8rem); line-height: 1.35; } .hero-summary { max-width: 39rem; margin: 0; color: var(--paper-soft); font-size: 1.04rem; } .hero-actions { display: flex; margin-top: 2rem; align-items: center; flex-wrap: wrap; gap: 0.85rem; } .button { display: inline-flex; min-height: 2.85rem; padding: 0.72rem 1.15rem; align-items: center; justify-content: center; border: 1px solid transparent; font-family: var(--font-interface); font-size: 0.76rem; font-weight: 750; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease; } .button:hover { transform: translateY(-2px); } .button--primary { border-color: var(--bronze-bright); background: var(--bronze-bright); color: var(--ink-deep); } .button--primary:hover { background: var(--paper); color: var(--ink-deep); } .button--quiet { border-color: var(--line); color: var(--paper-soft); } .button--quiet:hover { border-color: var(--ice); color: var(--paper); } .list-artifact { position: relative; padding: 1.15rem; border: 1px solid var(--line-strong); background: linear-gradient(145deg, rgba(20, 27, 34, 0.92), rgba(8, 11, 14, 0.98)); box-shadow: 0 2.4rem 6rem var(--shadow); } .list-artifact::before, .list-artifact::after { position: absolute; width: 1.1rem; height: 1.1rem; content: ""; } .list-artifact::before { top: -1px; left: -1px; border-top: 2px solid var(--ice); border-left: 2px solid var(--ice); } .list-artifact::after { right: -1px; bottom: -1px; border-right: 2px solid var(--bronze); border-bottom: 2px solid var(--bronze); } .artifact-head { display: flex; padding: 0.15rem 0.15rem 0.85rem; justify-content: space-between; border-bottom: 1px solid var(--line); color: var(--muted); font-family: var(--font-interface); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; } .artifact-slots { margin: 0; padding: 0.45rem 0; list-style: none; } .artifact-slots li { display: grid; min-height: 2.25rem; padding: 0 0.15rem; align-items: center; grid-template-columns: 2rem 1fr auto; gap: 0.7rem; border-bottom: 1px solid rgba(155, 195, 210, 0.08); color: var(--dim); font-family: var(--font-interface); font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase; } .artifact-slots li:last-child { border-bottom: 0; } .slot-line { height: 1px; background: linear-gradient(90deg, rgba(155, 195, 210, 0.35), transparent); } .artifact-slots .artifact-slot--active { color: var(--paper); } .artifact-slot--active .slot-index { color: var(--bronze-bright); } .artifact-slot--active .slot-line { background: linear-gradient(90deg, var(--bronze-bright), var(--ice)); box-shadow: 0 0 0.8rem rgba(183, 148, 96, 0.34); } .artifact-note { margin: 0.6rem 0 0; padding-top: 0.75rem; border-top: 1px solid var(--line); color: var(--muted); font-size: 0.8rem; font-style: italic; } .record-strip { display: grid; margin: 2.5rem 0 clamp(5rem, 10vw, 9rem); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); grid-template-columns: repeat(4, 1fr); } .record-strip div { display: flex; min-height: 6.5rem; padding: 1rem; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); } .record-strip div:last-child { border-right: 0; } .record-strip strong { color: var(--paper); font-family: var(--font-display); font-size: 1.8rem; font-weight: 500; } .record-strip span { color: var(--muted); font-family: var(--font-interface); font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; } .synopsis-section { display: grid; max-width: 62rem; margin: 0 auto clamp(5rem, 10vw, 9rem); scroll-margin-top: 7rem; grid-template-columns: 9rem minmax(0, 1fr); gap: clamp(2rem, 6vw, 5rem); } .synopsis-index { display: flex; min-height: 17rem; padding: 1.1rem; flex-direction: column; border: 1px solid var(--line-strong); color: var(--bronze-bright); font-family: var(--font-interface); text-transform: uppercase; } .synopsis-index span { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.18em; writing-mode: vertical-rl; } .synopsis-index strong { margin-top: auto; color: var(--paper); font-family: var(--font-display); font-size: 3.5rem; font-weight: 500; line-height: 1; } .synopsis-index i { display: block; width: 100%; height: 1px; margin-top: 0.9rem; background: linear-gradient(90deg, var(--bronze-bright), var(--ice)); } .synopsis-copy h2 { max-width: 42rem; margin: 0; color: var(--paper); font-family: var(--font-display); font-size: clamp(2.4rem, 5.4vw, 4.5rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; } .synopsis-copy p:not(.overline) { max-width: 48rem; margin: 1.35rem 0 0; color: var(--paper-soft); font-size: 1.08rem; } .synopsis-copy strong { color: var(--paper); font-weight: 650; } .entry-section { display: grid; grid-template-columns: minmax(15rem, 0.65fr) minmax(0, 1.35fr); gap: clamp(2.5rem, 6vw, 6rem); } .section-heading { align-self: start; } .section-heading h2, .release-panel h2, .page-header h1, .empty-state h2 { margin: 0; color: var(--paper); font-family: var(--font-display); font-weight: 500; letter-spacing: -0.025em; line-height: 1.08; } .section-heading h2 { font-size: clamp(2.1rem, 4.8vw, 4rem); } .section-heading > p:last-child { max-width: 31rem; margin-top: 1.3rem; color: var(--muted); } .route-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); } .route-card { position: relative; display: flex; min-height: 17rem; padding: 1.5rem; flex-direction: column; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(15, 21, 27, 0.5); color: var(--paper-soft); text-decoration: none; transition: background 180ms ease, transform 180ms ease; } .route-card::before { position: absolute; top: -1px; left: -1px; width: 0; height: 2px; background: var(--bronze-bright); content: ""; transition: width 220ms ease; } .route-card:hover { z-index: 1; background: var(--surface-raised); color: var(--paper); transform: translateY(-0.2rem); } .route-card:hover::before { width: calc(100% + 1px); } .route-card--primary { background: linear-gradient(145deg, rgba(183, 148, 96, 0.12), rgba(15, 21, 27, 0.66)); } .route-card h3 { margin: 0.5rem 0 0.7rem; color: var(--paper); font-family: var(--font-display); font-size: 1.65rem; font-weight: 500; } .route-card p { margin: 0; color: var(--muted); font-size: 0.92rem; } .route-action { margin-top: auto; padding-top: 1.5rem; color: var(--ice-bright); font-family: var(--font-interface); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; } .release-panel { position: relative; display: grid; margin-top: clamp(5rem, 10vw, 9rem); padding: clamp(2rem, 5vw, 4.5rem); overflow: hidden; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); background: linear-gradient(90deg, rgba(16, 22, 28, 0.9), rgba(16, 22, 28, 0.25)); grid-template-columns: 1fr 12rem; gap: 3rem; } .release-panel h2 { max-width: 45rem; font-size: clamp(2rem, 4.2vw, 3.5rem); } .release-panel p:not(.overline) { max-width: 44rem; color: var(--muted); } .text-link { color: var(--bronze-bright); font-family: var(--font-interface); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.12em; text-decoration: none; text-transform: uppercase; } .text-link:hover { color: var(--paper); } .release-seal { position: relative; display: grid; width: 9rem; height: 9rem; margin: auto; place-items: center; border: 1px solid var(--line-strong); transform: rotate(45deg); } .release-seal span { color: var(--paper); font-family: var(--font-display); font-size: 3.5rem; transform: rotate(-45deg); } .release-seal i { position: absolute; inset: 0.7rem; border: 1px solid var(--line); } .page-frame, .chapter-shell { width: 100%; } .page-frame--narrow, .chapter-shell { max-width: 58rem; margin: 0 auto; } .breadcrumb { display: flex; margin-bottom: clamp(2.5rem, 6vw, 4.5rem); align-items: center; flex-wrap: wrap; gap: 0.55rem; color: var(--dim); font-family: var(--font-interface); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; } .breadcrumb a { color: var(--muted); text-decoration: none; } .breadcrumb a:hover { color: var(--paper); } .page-header { position: relative; max-width: 54rem; margin-bottom: clamp(2rem, 5vw, 3.5rem); padding-left: clamp(1.25rem, 3vw, 2.5rem); } .page-header::before { position: absolute; top: 0.2rem; bottom: 0.2rem; left: 0; width: 1px; background: linear-gradient(to bottom, var(--bronze), var(--ice), transparent); content: ""; } .page-header h1 { font-size: clamp(2.8rem, 7vw, 5.7rem); } .page-deck { max-width: 43rem; margin: 1.2rem 0 0; color: var(--ice-bright); font-size: 1.1rem; } .page-introduction { max-width: var(--reading); margin-bottom: 3rem; } .document { padding: clamp(1.5rem, 5vw, 4rem); border: 1px solid var(--line); background: rgba(13, 18, 23, 0.72); box-shadow: 0 2rem 5rem var(--shadow); } .archive-list { border-top: 1px solid var(--line); } .archive-row { display: grid; min-height: 7.25rem; padding: 1.2rem 1rem; align-items: center; grid-template-columns: 4rem 1fr auto; gap: 1.25rem; border-bottom: 1px solid var(--line); color: var(--paper-soft); text-decoration: none; transition: padding-left 160ms ease, background 160ms ease; } .archive-row:hover { padding-left: 1.5rem; background: rgba(155, 195, 210, 0.045); } .archive-index { color: var(--bronze-bright); font-family: var(--font-interface); font-size: 0.8rem; letter-spacing: 0.18em; } .archive-copy { display: flex; flex-direction: column; gap: 0.3rem; } .archive-copy strong { color: var(--paper); font-family: var(--font-display); font-size: 1.35rem; font-weight: 500; } .archive-copy small { color: var(--muted); font-size: 0.88rem; } .archive-arrow { color: var(--ice); font-size: 1.3rem; } .empty-state { max-width: 48rem; padding: clamp(2rem, 6vw, 4rem); border: 1px solid var(--line); background: linear-gradient(135deg, rgba(183, 148, 96, 0.08), transparent); } .empty-state h2 { font-size: clamp(2rem, 5vw, 3.5rem); } .empty-state p { max-width: 36rem; color: var(--muted); } .support-introduction { max-width: 52rem; margin-bottom: clamp(2.5rem, 6vw, 4.5rem); } .support-grid { display: grid; max-width: 42rem; grid-template-columns: minmax(0, 1fr); gap: 1rem; } .support-card { position: relative; display: flex; min-height: 23rem; padding: clamp(1.5rem, 4vw, 2.5rem); flex-direction: column; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(21, 29, 37, 0.94), rgba(8, 11, 14, 0.98)); } .support-card::before { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, var(--bronze-bright), transparent 74%); content: ""; } .support-card__code { margin: 0 0 2.2rem; color: var(--bronze-bright); font-family: var(--font-interface); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.17em; } .support-card h2, .support-note h2 { margin: 0; color: var(--paper); font-family: var(--font-display); font-weight: 500; letter-spacing: -0.025em; line-height: 1.08; } .support-card h2 { font-size: clamp(2rem, 4vw, 3.2rem); } .support-card > p:not(.support-card__code) { max-width: 32rem; color: var(--muted); } .support-details { margin: auto 0 0; } .support-details div { padding: 1rem 0; border-top: 1px solid var(--line); } .support-details dt { margin-bottom: 0.3rem; color: var(--dim); font-family: var(--font-interface); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; } .support-details dd { margin: 0; color: var(--paper); } .support-details code { overflow-wrap: anywhere; color: var(--ice-bright); font-family: Consolas, "Courier New", monospace; font-size: 0.92rem; } .support-note { display: grid; margin-top: clamp(2.5rem, 6vw, 4.5rem); padding: clamp(1.5rem, 4vw, 3rem); align-items: center; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); background: rgba(16, 22, 28, 0.62); grid-template-columns: 7rem minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); } .support-note__mark { display: grid; width: 5rem; height: 5rem; place-items: center; border: 1px solid var(--line-strong); color: var(--paper); font-family: var(--font-display); font-size: 2.5rem; transform: rotate(45deg); } .support-note__mark i { font-style: normal; transform: rotate(-45deg); } .support-note h2 { font-size: clamp(1.8rem, 4vw, 3rem); } .support-note p:last-child { margin-bottom: 0; color: var(--muted); } .prose { color: var(--paper-soft); font-size: 1.075rem; } .prose > :first-child { margin-top: 0; } .prose > :last-child { margin-bottom: 0; } .prose p, .prose ul, .prose ol, .prose blockquote { margin: 1.35rem 0; } .prose h2, .prose h3 { color: var(--paper); font-family: var(--font-display); font-weight: 500; line-height: 1.18; } .prose h2 { margin: 3rem 0 1rem; padding-top: 1.15rem; border-top: 1px solid var(--line); font-size: clamp(1.8rem, 4vw, 2.55rem); } .prose h3 { margin: 2.2rem 0 0.7rem; color: var(--ice-bright); font-size: clamp(1.3rem, 2.7vw, 1.7rem); } .prose li { margin: 0.5rem 0; padding-left: 0.2rem; } .prose li::marker { color: var(--bronze-bright); } .prose strong { color: var(--paper); font-weight: 650; } .prose blockquote { padding: 0.2rem 0 0.2rem 1.25rem; border-left: 1px solid var(--bronze-bright); color: var(--paper); font-style: italic; } .term { color: var(--bronze-bright); text-decoration: underline dotted; text-underline-offset: 0.22em; } .callout { position: relative; margin: 2rem 0; padding: 1.25rem 1.4rem 1.35rem; border: 1px solid var(--line); border-left: 0.2rem solid var(--ice); background: rgba(16, 22, 28, 0.72); } .callout--fact { border-left-color: var(--bronze-bright); } .callout--warning { border-left-color: var(--rust); } .callout--quote { border-left-color: #8e7ab2; } .callout--record { border-left-color: var(--dim); background: rgba(255, 255, 255, 0.025); } .callout__label { margin-bottom: 0.55rem; } .callout__body > :first-child { margin-top: 0; } .callout__body > :last-child { margin-bottom: 0; } .chapter { max-width: 54rem; margin: 0 auto; } .chapter-header { margin-bottom: 2rem; padding: 0 0 2.3rem; border-bottom: 1px solid var(--line); text-align: center; } .chapter-header h1 { max-width: 48rem; margin: 0 auto; color: var(--paper); font-family: var(--font-display); font-size: clamp(2.7rem, 7vw, 5rem); font-weight: 500; letter-spacing: -0.035em; line-height: 1.05; } .chapter-meta { display: flex; margin-top: 1.2rem; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.75rem; color: var(--muted); font-family: var(--font-interface); font-size: 0.7rem; letter-spacing: 0.11em; text-transform: uppercase; } .draft-badge { padding: 0.22rem 0.5rem; border: 1px solid rgba(164, 85, 71, 0.58); color: #d18c7f; } .reader-toolbar { display: flex; max-width: var(--reading); margin: 0 auto 1.5rem; align-items: center; justify-content: flex-end; gap: 0.45rem; color: var(--dim); font-family: var(--font-interface); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; } .reader-toolbar button { min-width: 2.4rem; min-height: 2.25rem; padding: 0.35rem; border: 1px solid var(--line); border-radius: 0; background: var(--surface-soft); color: var(--paper-soft); cursor: pointer; font-family: var(--font-interface); font-weight: 700; } .reader-toolbar button:hover { border-color: var(--bronze-bright); color: var(--paper); } .reading-body { max-width: var(--reading); margin: 0 auto; font-size: 1.12rem; line-height: 1.9; } .reading-body.reader-scale-90 { font-size: 1rem; } .reading-body.reader-scale-95 { font-size: 1.06rem; } .reading-body.reader-scale-100 { font-size: 1.12rem; } .reading-body.reader-scale-110 { font-size: 1.23rem; } .reading-body.reader-scale-120 { font-size: 1.34rem; } .reading-body.reader-scale-125 { font-size: 1.4rem; } .reading-body p { margin: 1.55rem 0; } .chapter-navigation { display: grid; max-width: var(--reading); margin: 4rem auto 0; padding-top: 1.4rem; align-items: start; grid-template-columns: 1fr auto 1fr; gap: 1rem; border-top: 1px solid var(--line); font-family: var(--font-interface); } .chapter-navigation div { display: flex; flex-direction: column; gap: 0.25rem; } .chapter-navigation__next { text-align: right; } .chapter-navigation span { color: var(--dim); font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase; } .chapter-navigation a { font-size: 0.78rem; font-weight: 700; text-decoration: none; } .chapter-index-link { padding: 0.4rem 0.65rem; border: 1px solid var(--line); color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase; } .site-footer { border-top: 1px solid var(--line); background: var(--ink-deep); font-family: var(--font-interface); } .footer-grid { display: grid; width: min(var(--content), 100%); margin: 0 auto; padding: 3.5rem 1.5rem; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 2.5rem; } .footer-grid h2 { margin: 0 0 0.8rem; color: var(--paper); font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase; } .footer-grid a { display: block; width: fit-content; margin: 0.45rem 0; color: var(--muted); font-size: 0.8rem; text-decoration: none; } .footer-grid a:hover { color: var(--paper); } .footer-signature strong { display: block; color: var(--paper); font-family: var(--font-display); font-size: 2rem; font-weight: 500; letter-spacing: 0.08em; } .footer-signature p { margin: 0.35rem 0 0; color: var(--dim); font-size: 0.8rem; } .footer-bottom { display: flex; width: min(var(--content), 100%); margin: 0 auto; padding: 1rem 1.5rem 2rem; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(155, 195, 210, 0.08); color: var(--dim); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; } @media (max-width: 62rem) { .site-nav { align-items: flex-start; flex-direction: column; gap: 0.65rem; } .nav-links { width: 100%; padding-bottom: 0.15rem; justify-content: flex-start; overflow-x: auto; scrollbar-width: thin; } .nav-links a { flex: 0 0 auto; } .hero { min-height: auto; grid-template-columns: 1fr; } .list-artifact { width: min(30rem, 100%); margin-left: auto; } .entry-section { grid-template-columns: 1fr; } .section-heading { max-width: 40rem; } .footer-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 42rem) { body::before { background-size: 3rem 3rem; } main { padding-right: 1rem; padding-left: 1rem; } .site-nav { padding-right: 1rem; padding-left: 1rem; } .hero-copy { padding-left: 1.25rem; } .hero-copy h1 { font-size: clamp(4rem, 25vw, 6rem); } .record-strip { grid-template-columns: repeat(2, 1fr); } .record-strip div:nth-child(2) { border-right: 0; } .record-strip div:nth-child(-n + 2) { border-bottom: 1px solid var(--line); } .synopsis-section { grid-template-columns: 1fr; gap: 1.5rem; } .synopsis-index { min-height: 0; padding: 0.85rem 1rem; align-items: center; flex-direction: row; gap: 1rem; } .synopsis-index span { writing-mode: horizontal-tb; } .synopsis-index strong { margin: 0 0 0 auto; font-size: 2rem; } .synopsis-index i { width: 3rem; margin: 0; } .route-grid { grid-template-columns: 1fr; } .support-grid { grid-template-columns: 1fr; } .support-note { grid-template-columns: 1fr; } .support-note__mark { display: none; } .route-card { min-height: 14rem; } .release-panel { grid-template-columns: 1fr; } .release-seal { display: none; } .document { margin: 0 -0.25rem; padding: 1.4rem; } .archive-row { grid-template-columns: 2.5rem 1fr auto; gap: 0.7rem; } .archive-copy small { display: none; } .reader-toolbar > span { margin-right: auto; } .chapter-navigation { grid-template-columns: 1fr 1fr; } .chapter-index-link { display: none; } .footer-grid { grid-template-columns: 1fr; } .footer-bottom { align-items: flex-start; flex-direction: column; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } @media print { :root { color-scheme: light; } body { background: white; color: #111; } body::before, .site-header, .site-footer, .reader-toolbar, .reading-progress, .breadcrumb, .chapter-navigation { display: none !important; } main, .chapter, .reading-body, .document { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: white; box-shadow: none; color: #111; } .chapter-header h1, .page-header h1, .prose h2, .prose h3, .prose strong { color: #111; } } --surface: #10161c;--surface-raised:#151d25;--surface-soft:#0d1217;--paper:#e8e4d8;--paper-soft:#c7c5bc;--muted:#909aa3;--dim:#74808a;--ice:#9bc3d2;--ice-bright:#cce4ec;--bronze:#b79460;--bronze-bright:#d3b579;--rust:#a45547;--line:rgba(155, 195, 210, 0.18);--line-strong:rgba(183, 148, 96, 0.42);--shadow:rgba(0, 0, 0, 0.44);--font-reading:Constantia, "Palatino Linotype", Palatino, Georgia, serif;--font-display:Cambria, Constantia, Georgia, serif;--font-interface:"Arial Narrow", "Roboto Condensed", "Segoe UI", Arial, sans-serif;--content:72rem;--reading:46rem}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink-deep)}body{min-width:20rem;min-height:100vh;margin:0;background:linear-gradient(90deg,transparent 0,transparent calc(50% - 1px),rgba(155,195,210,.028) 50%,transparent calc(50% + 1px)),radial-gradient(ellipse at 50% -12rem,rgba(115,157,174,.13),transparent 42rem),var(--ink);color:var(--paper-soft);font-family:var(--font-reading);font-size:1rem;line-height:1.72;text-rendering:optimizeLegibility}body::before{position:fixed;z-index:-1;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.9%) 1px,transparent 1px);background-size:5rem 5rem;mask-image:linear-gradient(to bottom,black,transparent 72%)}::selection{background:var(--bronze);color:var(--ink-deep)}a{color:var(--ice-bright);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:.16rem solid var(--ice-bright);outline-offset:.25rem}img,svg{display:block;max-width:100%}.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.65rem .9rem;transform:translateY(-180%);background:var(--paper);color:var(--ink);font-family:var(--font-interface);font-weight:700}.skip-link:focus{transform:translateY(0)}.reading-progress{position:fixed;z-index:500;top:0;left:0;width:100%;height:.2rem;border:0;appearance:none;background:0 0}.reading-progress::-webkit-progress-bar{background:0 0}.reading-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--ice),var(--bronze-bright))}.reading-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--ice),var(--bronze-bright))}.site-header{position:sticky;z-index:100;top:0;border-bottom:1px solid var(--line);background:rgba(9,12,16,.93);backdrop-filter:blur(16px)}.site-nav{display:flex;width:min(var(--content),100%);min-height:4.75rem;margin:0 auto;padding:.8rem 1.5rem;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;flex:none;align-items:center;gap:.8rem;color:var(--paper);text-decoration:none}.brand__name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.brand__mark{position:relative;display:grid;width:1.5rem;height:2rem;padding:.25rem;border:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);gap:.12rem}.brand__mark::after{position:absolute;right:-.28rem;bottom:.34rem;width:.42rem;height:.42rem;border:1px solid var(--ice);background:var(--ink);content:"";transform:rotate(45deg)}.brand__mark i{display:block;background:linear-gradient(to top,var(--bronze),rgba(183,148,96,.1))}.brand__mark i:nth-child(2){transform:translateY(-.14rem)}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.45rem,1.2vw,1.2rem);font-family:var(--font-interface)}.nav-links a{position:relative;padding:.35rem .15rem;color:var(--muted);font-size:.75rem;font-weight:650;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.nav-links a::after{position:absolute;right:0;bottom:-.15rem;left:0;height:1px;content:"";transform:scaleX(0);transform-origin:left;background:var(--bronze-bright);transition:transform 160ms ease}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--paper)}.nav-links a:hover::after,.nav-links a[aria-current=page]::after{transform:scaleX(1)}main{width:min(var(--content),100%);margin:0 auto;padding:clamp(2.5rem,6vw,5.5rem)1.5rem clamp(5rem,10vw,8rem)}.overline,.footer-kicker,.callout__label,.route-code,.empty-state__code{margin:0 0 .75rem;color:var(--bronze-bright);font-family:var(--font-interface);font-size:.72rem;font-weight:700;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}.hero{display:grid;min-height:min(43rem,calc(100vh - 9rem));align-items:center;grid-template-columns:minmax(0,1.1fr)minmax(19rem,.68fr);gap:clamp(3rem,8vw,8rem)}.hero-copy{position:relative;padding-left:clamp(1.5rem,4vw,4rem)}.hero-copy::before{position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(to bottom,transparent,var(--bronze),var(--ice),transparent);content:""}.hero-copy h1{margin:0;color:var(--paper);font-family:var(--font-display);font-size:clamp(4.5rem,12vw,9.5rem);font-weight:600;letter-spacing:-.075em;line-height:.78;text-shadow:0 1.2rem 3.5rem rgba(107,159,178,.16)}.hero-subtitle{max-width:37rem;margin:2rem 0 1.1rem;color:var(--ice-bright);font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.35}.hero-summary{max-width:39rem;margin:0;color:var(--paper-soft);font-size:1.04rem}.hero-actions{display:flex;margin-top:2rem;align-items:center;flex-wrap:wrap;gap:.85rem}.button{display:inline-flex;min-height:2.85rem;padding:.72rem 1.15rem;align-items:center;justify-content:center;border:1px solid transparent;font-family:var(--font-interface);font-size:.76rem;font-weight:750;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:border-color 160ms ease,background 160ms ease,color 160ms ease,transform 160ms ease}.button:hover{transform:translateY(-2px)}.button--primary{border-color:var(--bronze-bright);background:var(--bronze-bright);color:var(--ink-deep)}.button--primary:hover{background:var(--paper);color:var(--ink-deep)}.button--quiet{border-color:var(--line);color:var(--paper-soft)}.button--quiet:hover{border-color:var(--ice);color:var(--paper)}.list-artifact{position:relative;padding:1.15rem;border:1px solid var(--line-strong);background:linear-gradient(145deg,rgba(20,27,34,.92),rgba(8,11,14,.98));box-shadow:0 2.4rem 6rem var(--shadow)}.list-artifact::before,.list-artifact::after{position:absolute;width:1.1rem;height:1.1rem;content:""}.list-artifact::before{top:-1px;left:-1px;border-top:2px solid var(--ice);border-left:2px solid var(--ice)}.list-artifact::after{right:-1px;bottom:-1px;border-right:2px solid var(--bronze);border-bottom:2px solid var(--bronze)}.artifact-head{display:flex;padding:.15rem .15rem .85rem;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-interface);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.artifact-slots{margin:0;padding:.45rem 0;list-style:none}.artifact-slots li{display:grid;min-height:2.25rem;padding:0 .15rem;align-items:center;grid-template-columns:2rem 1fr auto;gap:.7rem;border-bottom:1px solid rgba(155,195,210,8%);color:var(--dim);font-family:var(--font-interface);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.artifact-slots li:last-child{border-bottom:0}.slot-line{height:1px;background:linear-gradient(90deg,rgba(155,195,210,.35),transparent)}.artifact-slots .artifact-slot--active{color:var(--paper)}.artifact-slot--active .slot-index{color:var(--bronze-bright)}.artifact-slot--active .slot-line{background:linear-gradient(90deg,var(--bronze-bright),var(--ice));box-shadow:0 0 .8rem rgba(183,148,96,.34)}.artifact-note{margin:.6rem 0 0;padding-top:.75rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;font-style:italic}.record-strip{display:grid;margin:2.5rem 0 clamp(5rem,10vw,9rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr)}.record-strip div{display:flex;min-height:6.5rem;padding:1rem;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.record-strip div:last-child{border-right:0}.record-strip strong{color:var(--paper);font-family:var(--font-display);font-size:1.8rem;font-weight:500}.record-strip span{color:var(--muted);font-family:var(--font-interface);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.synopsis-section{display:grid;max-width:62rem;margin:0 auto clamp(5rem,10vw,9rem);scroll-margin-top:7rem;grid-template-columns:9rem minmax(0,1fr);gap:clamp(2rem,6vw,5rem)}.synopsis-index{display:flex;min-height:17rem;padding:1.1rem;flex-direction:column;border:1px solid var(--line-strong);color:var(--bronze-bright);font-family:var(--font-interface);text-transform:uppercase}.synopsis-index span{font-size:.65rem;font-weight:700;letter-spacing:.18em;writing-mode:vertical-rl}.synopsis-index strong{margin-top:auto;color:var(--paper);font-family:var(--font-display);font-size:3.5rem;font-weight:500;line-height:1}.synopsis-index i{display:block;width:100%;height:1px;margin-top:.9rem;background:linear-gradient(90deg,var(--bronze-bright),var(--ice))}.synopsis-copy h2{max-width:42rem;margin:0;color:var(--paper);font-family:var(--font-display);font-size:clamp(2.4rem,5.4vw,4.5rem);font-weight:500;letter-spacing:-.03em;line-height:1.04}.synopsis-copy p:not(.overline){max-width:48rem;margin:1.35rem 0 0;color:var(--paper-soft);font-size:1.08rem}.synopsis-copy strong{color:var(--paper);font-weight:650}.entry-section{display:grid;grid-template-columns:minmax(15rem,.65fr)minmax(0,1.35fr);gap:clamp(2.5rem,6vw,6rem)}.section-heading{align-self:start}.section-heading h2,.release-panel h2,.page-header h1,.empty-state h2{margin:0;color:var(--paper);font-family:var(--font-display);font-weight:500;letter-spacing:-.025em;line-height:1.08}.section-heading h2{font-size:clamp(2.1rem,4.8vw,4rem)}.section-heading>p:last-child{max-width:31rem;margin-top:1.3rem;color:var(--muted)}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.route-card{position:relative;display:flex;min-height:17rem;padding:1.5rem;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(15,21,27,.5);color:var(--paper-soft);text-decoration:none;transition:background 180ms ease,transform 180ms ease}.route-card::before{position:absolute;top:-1px;left:-1px;width:0;height:2px;background:var(--bronze-bright);content:"";transition:width 220ms ease}.route-card:hover{z-index:1;background:var(--surface-raised);color:var(--paper);transform:translateY(-.2rem)}.route-card:hover::before{width:calc(100% + 1px)}.route-card--primary{background:linear-gradient(145deg,rgba(183,148,96,.12),rgba(15,21,27,.66))}.route-card h3{margin:.5rem 0 .7rem;color:var(--paper);font-family:var(--font-display);font-size:1.65rem;font-weight:500}.route-card p{margin:0;color:var(--muted);font-size:.92rem}.route-action{margin-top:auto;padding-top:1.5rem;color:var(--ice-bright);font-family:var(--font-interface);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.release-panel{position:relative;display:grid;margin-top:clamp(5rem,10vw,9rem);padding:clamp(2rem,5vw,4.5rem);overflow:hidden;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:linear-gradient(90deg,rgba(16,22,28,.9),rgba(16,22,28,.25));grid-template-columns:1fr 12rem;gap:3rem}.release-panel h2{max-width:45rem;font-size:clamp(2rem,4.2vw,3.5rem)}.release-panel p:not(.overline){max-width:44rem;color:var(--muted)}.text-link{color:var(--bronze-bright);font-family:var(--font-interface);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.text-link:hover{color:var(--paper)}.release-seal{position:relative;display:grid;width:9rem;height:9rem;margin:auto;place-items:center;border:1px solid var(--line-strong);transform:rotate(45deg)}.release-seal span{color:var(--paper);font-family:var(--font-display);font-size:3.5rem;transform:rotate(-45deg)}.release-seal i{position:absolute;inset:.7rem;border:1px solid var(--line)}.page-frame,.chapter-shell{width:100%}.page-frame--narrow,.chapter-shell{max-width:58rem;margin:0 auto}.breadcrumb{display:flex;margin-bottom:clamp(2.5rem,6vw,4.5rem);align-items:center;flex-wrap:wrap;gap:.55rem;color:var(--dim);font-family:var(--font-interface);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--paper)}.page-header{position:relative;max-width:54rem;margin-bottom:clamp(2rem,5vw,3.5rem);padding-left:clamp(1.25rem,3vw,2.5rem)}.page-header::before{position:absolute;top:.2rem;bottom:.2rem;left:0;width:1px;background:linear-gradient(to bottom,var(--bronze),var(--ice),transparent);content:""}.page-header h1{font-size:clamp(2.8rem,7vw,5.7rem)}.page-deck{max-width:43rem;margin:1.2rem 0 0;color:var(--ice-bright);font-size:1.1rem}.page-introduction{max-width:var(--reading);margin-bottom:3rem}.document{padding:clamp(1.5rem,5vw,4rem);border:1px solid var(--line);background:rgba(13,18,23,.72);box-shadow:0 2rem 5rem var(--shadow)}.archive-list{border-top:1px solid var(--line)}.archive-row{display:grid;min-height:7.25rem;padding:1.2rem 1rem;align-items:center;grid-template-columns:4rem 1fr auto;gap:1.25rem;border-bottom:1px solid var(--line);color:var(--paper-soft);text-decoration:none;transition:padding-left 160ms ease,background 160ms ease}.archive-row:hover{padding-left:1.5rem;background:rgba(155,195,210,.045)}.archive-index{color:var(--bronze-bright);font-family:var(--font-interface);font-size:.8rem;letter-spacing:.18em}.archive-copy{display:flex;flex-direction:column;gap:.3rem}.archive-copy strong{color:var(--paper);font-family:var(--font-display);font-size:1.35rem;font-weight:500}.archive-copy small{color:var(--muted);font-size:.88rem}.archive-arrow{color:var(--ice);font-size:1.3rem}.empty-state{max-width:48rem;padding:clamp(2rem,6vw,4rem);border:1px solid var(--line);background:linear-gradient(135deg,rgba(183,148,96,8%),transparent)}.empty-state h2{font-size:clamp(2rem,5vw,3.5rem)}.empty-state p{max-width:36rem;color:var(--muted)}.prose{color:var(--paper-soft);font-size:1.075rem}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol,.prose blockquote{margin:1.35rem 0}.prose h2,.prose h3{color:var(--paper);font-family:var(--font-display);font-weight:500;line-height:1.18}.prose h2{margin:3rem 0 1rem;padding-top:1.15rem;border-top:1px solid var(--line);font-size:clamp(1.8rem,4vw,2.55rem)}.prose h3{margin:2.2rem 0 .7rem;color:var(--ice-bright);font-size:clamp(1.3rem,2.7vw,1.7rem)}.prose li{margin:.5rem 0;padding-left:.2rem}.prose li::marker{color:var(--bronze-bright)}.prose strong{color:var(--paper);font-weight:650}.prose blockquote{padding:.2rem 0 .2rem 1.25rem;border-left:1px solid var(--bronze-bright);color:var(--paper);font-style:italic}.term{color:var(--bronze-bright);text-decoration:underline dotted;text-underline-offset:.22em}.callout{position:relative;margin:2rem 0;padding:1.25rem 1.4rem 1.35rem;border:1px solid var(--line);border-left:.2rem solid var(--ice);background:rgba(16,22,28,.72)}.callout--fact{border-left-color:var(--bronze-bright)}.callout--warning{border-left-color:var(--rust)}.callout--quote{border-left-color:#8e7ab2}.callout--record{border-left-color:var(--dim);background:rgba(255,255,255,.025)}.callout__label{margin-bottom:.55rem}.callout__body>:first-child{margin-top:0}.callout__body>:last-child{margin-bottom:0}.chapter{max-width:54rem;margin:0 auto}.chapter-header{margin-bottom:2rem;padding:0 0 2.3rem;border-bottom:1px solid var(--line);text-align:center}.chapter-header h1{max-width:48rem;margin:0 auto;color:var(--paper);font-family:var(--font-display);font-size:clamp(2.7rem,7vw,5rem);font-weight:500;letter-spacing:-.035em;line-height:1.05}.chapter-meta{display:flex;margin-top:1.2rem;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;color:var(--muted);font-family:var(--font-interface);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase}.draft-badge{padding:.22rem .5rem;border:1px solid rgba(164,85,71,.58);color:#d18c7f}.reader-toolbar{display:flex;max-width:var(--reading);margin:0 auto 1.5rem;align-items:center;justify-content:flex-end;gap:.45rem;color:var(--dim);font-family:var(--font-interface);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.reader-toolbar button{min-width:2.4rem;min-height:2.25rem;padding:.35rem;border:1px solid var(--line);border-radius:0;background:var(--surface-soft);color:var(--paper-soft);cursor:pointer;font-family:var(--font-interface);font-weight:700}.reader-toolbar button:hover{border-color:var(--bronze-bright);color:var(--paper)}.reading-body{max-width:var(--reading);margin:0 auto;font-size:1.12rem;line-height:1.9}.reading-body.reader-scale-90{font-size:1rem}.reading-body.reader-scale-95{font-size:1.06rem}.reading-body.reader-scale-100{font-size:1.12rem}.reading-body.reader-scale-110{font-size:1.23rem}.reading-body.reader-scale-120{font-size:1.34rem}.reading-body.reader-scale-125{font-size:1.4rem}.reading-body p{margin:1.55rem 0}.chapter-navigation{display:grid;max-width:var(--reading);margin:4rem auto 0;padding-top:1.4rem;align-items:start;grid-template-columns:1fr auto 1fr;gap:1rem;border-top:1px solid var(--line);font-family:var(--font-interface)}.chapter-navigation div{display:flex;flex-direction:column;gap:.25rem}.chapter-navigation__next{text-align:right}.chapter-navigation span{color:var(--dim);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.chapter-navigation a{font-size:.78rem;font-weight:700;text-decoration:none}.chapter-index-link{padding:.4rem .65rem;border:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.site-footer{border-top:1px solid var(--line);background:var(--ink-deep);font-family:var(--font-interface)}.footer-grid{display:grid;width:min(var(--content),100%);margin:0 auto;padding:3.5rem 1.5rem;grid-template-columns:1.6fr repeat(3,1fr);gap:2.5rem}.footer-grid h2{margin:0 0 .8rem;color:var(--paper);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.footer-grid a{display:block;width:fit-content;margin:.45rem 0;color:var(--muted);font-size:.8rem;text-decoration:none}.footer-grid a:hover{color:var(--paper)}.footer-signature strong{display:block;color:var(--paper);font-family:var(--font-display);font-size:2rem;font-weight:500;letter-spacing:.08em}.footer-signature p{margin:.35rem 0 0;color:var(--dim);font-size:.8rem}.footer-bottom{display:flex;width:min(var(--content),100%);margin:0 auto;padding:1rem 1.5rem 2rem;justify-content:space-between;gap:1rem;border-top:1px solid rgba(155,195,210,8%);color:var(--dim);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:62rem){.site-nav{align-items:flex-start;flex-direction:column;gap:.65rem}.nav-links{width:100%;padding-bottom:.15rem;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.nav-links a{flex:none}.hero{min-height:auto;grid-template-columns:1fr}.list-artifact{width:min(30rem,100%);margin-left:auto}.entry-section{grid-template-columns:1fr}.section-heading{max-width:40rem}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:42rem){body::before{background-size:3rem 3rem}main{padding-right:1rem;padding-left:1rem}.site-nav{padding-right:1rem;padding-left:1rem}.hero-copy{padding-left:1.25rem}.hero-copy h1{font-size:clamp(4rem,25vw,6rem)}.record-strip{grid-template-columns:repeat(2,1fr)}.record-strip div:nth-child(2){border-right:0}.record-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.synopsis-section{grid-template-columns:1fr;gap:1.5rem}.synopsis-index{min-height:0;padding:.85rem 1rem;align-items:center;flex-direction:row;gap:1rem}.synopsis-index span{writing-mode:horizontal-tb}.synopsis-index strong{margin:0 0 0 auto;font-size:2rem}.synopsis-index i{width:3rem;margin:0}.route-grid{grid-template-columns:1fr}.route-card{min-height:14rem}.release-panel{grid-template-columns:1fr}.release-seal{display:none}.document{margin:0 -.25rem;padding:1.4rem}.archive-row{grid-template-columns:2.5rem 1fr auto;gap:.7rem}.archive-copy small{display:none}.reader-toolbar>span{margin-right:auto}.chapter-navigation{grid-template-columns:1fr 1fr}.chapter-index-link{display:none}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{:root{color-scheme:light}body{background:#fff;color:#111}body::before,.site-header,.site-footer,.reader-toolbar,.reading-progress,.breadcrumb,.chapter-navigation{display:none!important}main,.chapter,.reading-body,.document{width:100%;max-width:none;margin:0;padding:0;border:0;background:#fff;box-shadow:none;color:#111}.chapter-header h1,.page-header h1,.prose h2,.prose h3,.prose strong{color:#111}}