:root {
  color-scheme: dark;
  --black: #030405;
  --void: #060809;
  --coal: #0b0d0e;
  --steel: #1b2022;
  --bone: #e6e1d6;
  --ash: #aaa8a1;
  --dim: #6f7271;
  --blood: #9f171d;
  --blood-hot: #ca252c;
  --rust: #7a3c27;
  --signal: #7cb7b8;
  --line: rgba(230, 225, 214, .14);
  --gutter: clamp(1.25rem, 5vw, 6rem);
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --sans: "Arial Narrow", "Roboto Condensed", "Segoe UI", sans-serif;
  --serif: Georgia, "Times New Roman", serif;
  --mono: Consolas, "Courier New", monospace;
}

* { box-sizing: border-box; }
html { background: var(--black); scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--black); color: var(--bone); font-family: var(--sans); }
body.gate-locked { overflow: hidden; }
button, a { font: inherit; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
::selection { background: var(--blood); color: #fff; }

.artwork-field { --field-accent: 159, 23, 29; position: relative; isolation: isolate; display: grid; width: 100%; height: 100%; place-items: center; overflow: hidden; background: radial-gradient(circle at 72% 28%, rgba(var(--field-accent), .2), transparent 18rem), radial-gradient(circle at 31% 67%, rgba(255,255,255,.045), transparent 20rem), repeating-linear-gradient(90deg, transparent 0 8.4vw, rgba(255,255,255,.025) 8.4vw calc(8.4vw + 1px)), linear-gradient(145deg, #111415, #050607 58%, #090a0b); }
.artwork-field::before { content: ""; position: absolute; width: min(58vw, 720px); aspect-ratio: 1; border: 1px solid rgba(var(--field-accent), .26); border-radius: 50%; box-shadow: 0 0 0 7vw rgba(var(--field-accent), .018), 0 0 0 14vw rgba(var(--field-accent), .012); }
.artwork-field::after { content: ""; position: absolute; inset: 7%; border: 1px solid rgba(255,255,255,.045); background: linear-gradient(90deg, transparent calc(50% - .5px), rgba(var(--field-accent), .23) 50%, transparent calc(50% + .5px)), linear-gradient(0deg, transparent calc(50% - .5px), rgba(255,255,255,.06) 50%, transparent calc(50% + .5px)); }
.artwork-field span { position: relative; z-index: 2; padding: .7rem .9rem; border: 1px solid rgba(var(--field-accent), .32); background: rgba(3,4,5,.72); color: rgba(230,225,214,.58); font: .58rem/1 var(--mono); letter-spacing: .18em; text-transform: uppercase; }
.field-morph, .field-xeno { --field-accent: 93, 154, 155; }
.field-civitas, .field-enforcers { --field-accent: 126, 87, 63; }
.field-breach, .field-culture { --field-accent: 182, 31, 39; }
.field-beyond { --field-accent: 72, 94, 105; }

.skip-link { position: fixed; top: .8rem; left: .8rem; z-index: 2000; padding: .75rem 1rem; transform: translateY(-180%); background: var(--bone); color: var(--black); font-weight: 700; }
.skip-link:focus { transform: none; }
.entry-pending .skip-link { display: none; }
.entry-pending .experience { visibility: hidden; }

.entry-gate { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: start center; overflow: auto; padding: clamp(1.25rem, 4vw, 4rem); background: radial-gradient(circle at 74% 18%, #2a1012 0, transparent 26rem), linear-gradient(135deg, #050607, #0b0c0d 55%, #030303); }
.entry-gate::before, .entry-gate::after { content: ""; position: absolute; pointer-events: none; }
.entry-gate::before { inset: 1.1rem; border: 1px solid rgba(255,255,255,.07); }
.entry-gate::after { top: 0; right: 17%; width: 1px; height: 100%; background: linear-gradient(transparent, rgba(159,23,29,.65), transparent); box-shadow: 0 0 40px #9f171d; }
.gate-scan { position: absolute; inset: 0; opacity: .24; background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(255,255,255,.018) 4px 5px), repeating-radial-gradient(circle at 17% 31%, rgba(255,255,255,.12) 0 .5px, transparent 1px 7px); mix-blend-mode: soft-light; }
.gate-frame { position: relative; width: min(1040px, 100%); margin: clamp(1rem, 4vh, 3rem) 0; padding: clamp(1.4rem, 4vw, 4rem); border-left: 2px solid var(--blood); background: linear-gradient(100deg, rgba(8,9,10,.96), rgba(8,9,10,.7)); box-shadow: 0 30px 100px rgba(0,0,0,.7); }
.gate-frame > * { min-width: 0; }
.gate-register { position: absolute; top: 1.2rem; right: 1.2rem; display: grid; justify-items: end; gap: .25rem; color: #4e5050; font: .55rem/1.2 var(--mono); letter-spacing: .1em; }
.gate-code, .kicker, .genre, .gate-status { text-transform: uppercase; letter-spacing: .22em; }
.gate-code { margin: 0 0 2.3rem; color: #aa4a4e; font: 600 .68rem/1.4 var(--mono); }
.gate-frame h2 { margin: 0; font-family: var(--display); font-size: clamp(2.7rem, 6.3vw, 6.4rem); font-weight: 500; line-height: .88; letter-spacing: -.025em; text-transform: uppercase; }
.gate-frame h2 span { color: var(--blood); }
.gate-copy { max-width: 720px; margin: clamp(1.7rem, 4vw, 3rem) 0; color: #bbb8b0; font-family: var(--serif); font-size: clamp(.98rem, 1.5vw, 1.12rem); line-height: 1.65; }
.gate-copy p { margin: .7rem 0; }
.gate-copy p:first-child { color: var(--bone); font-size: 1.15em; }
.gate-contract { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 760px; margin: 0 0 2rem; border-top: 1px solid rgba(159,23,29,.38); border-bottom: 1px solid rgba(255,255,255,.08); }
.gate-contract p { display: grid; gap: .55rem; margin: 0; padding: 1rem; border-right: 1px solid rgba(255,255,255,.08); }
.gate-contract p:last-child { border-right: 0; }
.gate-contract span { color: #8d5557; font: .53rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.gate-contract strong { color: #c9c0b9; font: 600 .64rem/1.35 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.gate-disclosure { max-width: 760px; margin: -1rem 0 2rem; border: 1px solid rgba(159,23,29,.42); background: linear-gradient(110deg, rgba(66,12,16,.2), rgba(4,5,6,.8)); }
.gate-disclosure summary { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; color: #d3cac2; cursor: pointer; list-style: none; text-transform: uppercase; }
.gate-disclosure summary::-webkit-details-marker { display: none; }
.gate-disclosure summary > span { display: grid; min-width: 0; gap: .35rem; }
.gate-disclosure summary b { font: 700 .69rem/1.2 var(--mono); letter-spacing: .14em; }
.gate-disclosure summary small { color: #786e6a; font: .5rem/1.5 var(--mono); letter-spacing: .09em; overflow-wrap: anywhere; }
.gate-disclosure summary i { position: relative; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid rgba(159,23,29,.5); }
.gate-disclosure summary i::before, .gate-disclosure summary i::after { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 1px; background: #b35a5e; transform: translate(-50%,-50%); }
.gate-disclosure summary i::after { transform: translate(-50%,-50%) rotate(90deg); transition: transform .2s; }
.gate-disclosure[open] summary i::after { transform: translate(-50%,-50%) rotate(0); }
.gate-disclosure summary:hover, .gate-disclosure summary:focus-visible { color: #fff; background: rgba(159,23,29,.09); }
.gate-disclosure summary:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.gate-disclosure-body { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(159,23,29,.35); }
.gate-disclosure-body section { min-width: 0; padding: 1.35rem 1.15rem; border-right: 1px solid rgba(255,255,255,.08); }
.gate-disclosure-body section:nth-of-type(3) { border-right: 0; }
.gate-legal-code { margin: 0 0 .8rem; color: #9d494d; font: .49rem/1.4 var(--mono); letter-spacing: .11em; }
.gate-disclosure h3 { margin: 0 0 1rem; color: #d7d0c7; font: 500 1.4rem/.95 var(--display); letter-spacing: -.015em; text-transform: uppercase; }
.gate-disclosure section > p:not(.gate-legal-code):not(.gate-legal-note) { margin: 0; color: #b5aea6; font: .9rem/1.55 var(--serif); }
.gate-legal-note { margin: 1rem 0 0; color: #77716d; font: .55rem/1.55 var(--mono); }
.gate-class-list, .gate-rights-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.gate-class-list li { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: .65rem; align-items: start; padding: .65rem 0; border-top: 1px solid rgba(255,255,255,.07); }
.gate-class-list b { color: #cf4b51; font: 700 .67rem/1.4 var(--mono); }
.gate-class-list span { color: #99938d; font: .55rem/1.45 var(--mono); text-transform: uppercase; }
.gate-rights-list li { position: relative; padding: .48rem 0 .48rem .85rem; border-top: 1px solid rgba(255,255,255,.07); color: #99918b; font: .57rem/1.45 var(--mono); text-transform: uppercase; }
.gate-rights-list li::before { content: "×"; position: absolute; left: 0; color: var(--blood-hot); }
.gate-disclosure blockquote { grid-column: 1/-1; margin: 0; padding: 1.15rem; border-top: 1px solid rgba(159,23,29,.35); color: #d1c6bd; font: italic .86rem/1.55 var(--serif); }
.gate-disclosure blockquote span { display: block; margin-bottom: .45rem; color: var(--blood-hot); font: .49rem/1 var(--mono); letter-spacing: .14em; }
.gate-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.gate-enter, .gate-leave { display: inline-flex; min-width: 0; min-height: 52px; align-items: center; justify-content: center; border: 1px solid #722024; padding: .9rem 1.25rem; text-decoration: none; text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; font-weight: 700; white-space: normal; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; }
.gate-enter { background: var(--blood); color: #fff; }
.gate-enter:hover, .gate-enter:focus-visible { background: var(--blood-hot); }
.gate-enter:disabled { background: #542025; color: #c3a7a9; cursor: wait; }
.gate-leave { color: #918e89; background: transparent; border-color: #303234; }
.gate-leave:hover, .gate-leave:focus-visible { color: #fff; border-color: #777; }
.gate-enter:focus-visible, .gate-leave:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.gate-status, .gate-noscript { margin: 1.5rem 0 0; color: #6d5a5b; font: .58rem/1.7 var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.gate-noscript { color: #bb8c8e; }
.gate-fiction-note { max-width: 760px; margin: .7rem 0 0; color: #585a59; font: .5rem/1.5 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.entry-gate.is-dismissed { animation: gateOut .8s cubic-bezier(.72,0,.25,1) forwards; }

.experience { position: relative; background: var(--black); isolation: isolate; }
.experience::before { content: ""; position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .055; background: repeating-linear-gradient(0deg, transparent 0 3px, #fff 3px 4px), repeating-radial-gradient(circle at 31% 47%, #fff 0 .45px, transparent .8px 8px); mix-blend-mode: overlay; }
.atmosphere { position: fixed; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; opacity: .24; }
.atmosphere span { position: absolute; width: 70vw; height: 35vh; border-radius: 50%; background: rgba(130,140,138,.13); filter: blur(70px); animation: fog 30s ease-in-out infinite alternate; }
.atmosphere span:nth-child(1) { top: 8%; left: -28%; }
.atmosphere span:nth-child(2) { top: 48%; right: -31%; animation-delay: -11s; animation-duration: 37s; }
.atmosphere span:nth-child(3) { bottom: -8%; left: 12%; animation-delay: -19s; animation-duration: 42s; }
.continuity-rail { position: fixed; top: 0; right: 0; z-index: 30; display: flex; width: 42px; height: 100svh; align-items: center; justify-content: center; background: rgba(3,4,5,.58); border-left: 1px solid rgba(255,255,255,.06); backdrop-filter: blur(7px); }
.continuity-rail p { position: absolute; top: 1.4rem; margin: 0; color: #6d6f6e; font: .54rem/1 var(--mono); letter-spacing: .15em; writing-mode: vertical-rl; }
.continuity-rail > div { width: 1px; height: 43vh; background: rgba(255,255,255,.12); }
.continuity-rail i { display: block; width: 1px; height: 0; background: linear-gradient(var(--blood-hot), var(--signal)); box-shadow: 0 0 12px rgba(159,23,29,.6); }
.continuity-rail > span { position: absolute; bottom: 1.4rem; color: #858887; font: .62rem/1 var(--mono); }

.hero { position: relative; z-index: 2; min-height: 100svh; overflow: hidden; isolation: isolate; display: flex; align-items: flex-end; padding: var(--gutter); }
.hero-artwork-slot { position: absolute; inset: -4%; z-index: -3; width: 108%; height: 108%; place-items: end; padding: 8% 8% 7% 58%; background: radial-gradient(circle at 74% 29%, rgba(159,23,29,.24), transparent 16rem), repeating-linear-gradient(110deg, transparent 0 7vw, rgba(255,255,255,.022) 7vw calc(7vw + 1px)), linear-gradient(145deg, #121516, #050607 55%, #090505); text-align: right; }
.hero-artwork-slot::before { width: min(48vw, 680px); right: 9%; top: 8%; }
.hero-artwork-slot::after { inset: 7%; }
.hero-artwork-slot .artwork-code { display: block; margin: 0 0 1rem auto; width: fit-content; }
.hero-artwork-slot b { position: relative; z-index: 2; color: rgba(230,225,214,.11); font: 500 clamp(2rem, 5vw, 6rem)/.86 var(--display); letter-spacing: -.02em; }
.hero-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(1,2,2,.94) 0, rgba(1,2,2,.5) 36%, transparent 67%), linear-gradient(0deg, rgba(1,2,2,.96), transparent 58%, rgba(1,2,2,.42)); }
.hero-copy { width: min(940px, 88vw); padding-bottom: 1vh; }
.kicker { margin: 0 0 1.3rem; color: #bd4a4f; font: 700 .66rem/1 var(--mono); }
.hero h1 { margin: 0; font: 500 clamp(5rem, 18vw, 16rem)/.72 var(--display); letter-spacing: -.035em; text-transform: uppercase; text-shadow: 0 6px 50px #000; }
.hero h1 span { color: transparent; -webkit-text-stroke: 1px rgba(228,223,211,.48); }
.hero-line { margin: clamp(2rem, 4vw, 3rem) 0 1.5rem; max-width: 720px; font-family: var(--serif); font-size: clamp(1.25rem, 2.4vw, 2.25rem); line-height: 1.2; }
.genre { color: #969795; font: 600 clamp(.56rem, .8vw, .72rem)/1.5 var(--mono); }
.genre i { color: var(--blood); font-style: normal; margin: 0 .55rem; }
.hero-index { position: absolute; top: clamp(1.5rem, 4vw, 4rem); right: clamp(3.8rem, 6vw, 7rem); display: grid; justify-items: end; color: #aaa; font: .6rem/1 var(--mono); letter-spacing: .18em; }
.hero-index span { color: #b5272d; font-size: 3.2rem; letter-spacing: -.08em; }
.scroll-cue { position: absolute; right: clamp(4rem, 6vw, 7rem); bottom: clamp(1.5rem, 4vw, 4rem); display: flex; gap: .8rem; align-items: center; color: #777; font: .58rem/1 var(--mono); letter-spacing: .16em; writing-mode: vertical-rl; }
.scroll-cue span { display: block; width: 1px; height: 52px; background: linear-gradient(var(--blood), transparent); }

main { position: relative; z-index: 2; }
.transmission { min-height: 72vh; display: grid; place-content: center; padding: 9rem var(--gutter); background: radial-gradient(circle at 50% 45%, rgba(92,21,24,.19), transparent 27rem), #030405; text-align: center; }
.transmission > p { margin: 0; font: 500 clamp(2rem, 6vw, 6.5rem)/1.03 var(--serif); letter-spacing: -.04em; }
.transmission > p + p { color: #858682; }
.transmission em { color: var(--bone); text-decoration: underline; text-decoration-color: var(--blood); text-decoration-thickness: .06em; text-underline-offset: .1em; }
.transmission-data { display: flex; flex-wrap: wrap; gap: 1.4rem; justify-content: center; margin-top: 4rem; color: #4f5352; font: .61rem/1 var(--mono); letter-spacing: .25em; }

.chapter { position: relative; padding: clamp(7rem, 13vw, 14rem) var(--gutter); overflow: hidden; }
.chapter-head p, .chapter-marker { margin: 0 0 1.25rem; color: #979a98; font: 600 .67rem/1.4 var(--mono); letter-spacing: .17em; text-transform: uppercase; }
.chapter-head p span, .chapter-marker span { color: var(--blood-hot); margin-right: .8rem; }
.chapter-head h2, .civitas-panel h2, .enforcers-title h2, .culture-copy h2, .beyond-copy h2 { margin: 0; font: 500 clamp(3.5rem, 8vw, 9rem)/.87 var(--display); letter-spacing: -.018em; text-transform: uppercase; }
.chapter-head h2 em, .enforcers-title h2 em, .culture-copy h2 em, .beyond-copy h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(230,225,214,.56); }
.editorial-copy { font-family: var(--serif); color: #bbb9b1; font-size: clamp(1rem, 1.35vw, 1.25rem); line-height: 1.8; }
.editorial-copy p { margin: 0 0 1.25rem; }
.editorial-copy .dropcap { color: var(--bone); font-size: 1.22em; line-height: 1.55; }
.editorial-copy .dropcap::first-letter { float: left; margin: .05em .13em 0 0; color: var(--blood-hot); font: 500 4.7em/.72 var(--display); }

.chapter-world { background: linear-gradient(180deg, #080a0b, #030405 92%); }
.chapter-world .chapter-head { position: relative; z-index: 3; max-width: 1100px; margin-bottom: -4.5vw; }
.world-figure { position: relative; width: calc(100% + var(--gutter)); height: min(68vw, 850px); margin: 0 calc(var(--gutter) * -1) 0 14%; overflow: hidden; }
.world-figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,4,5,.75), transparent 35%), linear-gradient(0deg, rgba(3,4,5,.78), transparent 40%); }
.world-figure figcaption, .breach-figure figcaption { position: absolute; z-index: 2; right: 1.5rem; bottom: 1.2rem; color: #b7b7b2; font: .58rem/1 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.world-copy { max-width: 650px; margin: 4rem 0 0 10%; }
.world-scale { display: grid; grid-template-columns: repeat(4, 1fr); margin: 7rem 0 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.world-scale div { padding: 1.5rem 1.2rem; border-right: 1px solid var(--line); }
.world-scale div:last-child { border-right: 0; }
.world-scale dt { margin-bottom: .7rem; color: var(--dim); font: .6rem/1 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.world-scale dd { margin: 0; font: 500 clamp(1rem, 1.7vw, 1.45rem)/1.1 var(--serif); }

.interlude { position: relative; z-index: 2; min-height: 42vh; display: grid; place-content: center; overflow: hidden; padding: 5rem var(--gutter); background: var(--blood); color: #100304; text-align: center; text-transform: uppercase; }
.interlude::before { content: "05 / CONTINUITY / ACTIVE"; position: absolute; top: 1.5rem; left: var(--gutter); color: rgba(16,3,4,.45); font: .6rem/1 var(--mono); letter-spacing: .18em; }
.interlude span, .interlude b { display: block; font: 500 clamp(3rem, 8vw, 9rem)/.8 var(--display); }
.interlude b { color: var(--bone); }

.chapter-morph { display: grid; grid-template-columns: minmax(340px, .78fr) minmax(470px, 1fr); gap: clamp(3rem, 8vw, 10rem); align-items: center; background: radial-gradient(circle at 18% 38%, rgba(124,183,184,.09), transparent 27rem), #070909; }
.morph-image { position: relative; height: min(83vw, 980px); overflow: hidden; }
.morph-image::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 100px 25px #070909; background: linear-gradient(0deg, rgba(7,9,9,.74), transparent 30%, rgba(7,9,9,.18)); }
.morph-image > span { position: absolute; z-index: 2; left: 1rem; bottom: 1rem; color: #9fb5b4; font: .57rem/1 var(--mono); letter-spacing: .13em; writing-mode: vertical-rl; }
.morph-copy { max-width: 850px; }
.morph-copy .editorial-copy { max-width: 640px; margin-top: 3rem; }
.morph-spectrum { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; margin-top: 4rem; color: #858886; font: .6rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.morph-spectrum i { position: relative; height: 1px; background: linear-gradient(90deg, var(--signal), var(--blood-hot)); }
.morph-spectrum i::after { content: ""; position: absolute; left: 43%; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--bone); box-shadow: 0 0 18px var(--blood); }
.term-index { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; padding: 0; margin: 2.5rem 0 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.term-index li { padding: 1rem .6rem; border-right: 1px solid var(--line); color: #a5a7a4; font: .62rem/1 var(--mono); letter-spacing: .12em; text-align: center; }
.term-index li:last-child { border-right: 0; }

.chapter-civitas { min-height: 1080px; padding: 0; background: #050606; }
.civitas-art { position: sticky; top: 0; height: 100svh; overflow: hidden; }
.civitas-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,3,3,.25), rgba(2,3,3,.08) 50%, rgba(2,3,3,.86)), linear-gradient(0deg, #050606 0, transparent 22%, rgba(2,3,3,.15)); }
.civitas-panel { position: relative; z-index: 2; width: min(620px, 47vw); margin: -84vh var(--gutter) 0 auto; padding: clamp(2rem, 5vw, 5rem); background: rgba(6,8,8,.88); border-top: 2px solid var(--blood); box-shadow: 0 30px 80px rgba(0,0,0,.6); backdrop-filter: blur(12px); }
.civitas-panel h2 { font-size: clamp(3rem, 6.6vw, 7.5rem); }
.civitas-panel p:not(.chapter-marker):not(.civitas-statement) { color: #b7b5ae; font-family: var(--serif); line-height: 1.75; }
.civitas-statement { margin: 2.5rem 0; color: var(--blood-hot); font: 500 clamp(1.8rem, 3.3vw, 3.8rem)/1 var(--serif); }
.civitas-ticker { position: relative; z-index: 2; display: flex; gap: 6rem; margin-top: 8rem; padding: 1.25rem var(--gutter); overflow: hidden; border-top: 1px solid #652125; border-bottom: 1px solid #652125; background: rgba(74,10,14,.77); color: #d9b9b9; font: .61rem/1 var(--mono); letter-spacing: .2em; white-space: nowrap; }

.chapter-houses { position: relative; overflow: hidden; padding: clamp(8rem, 14vw, 16rem) var(--gutter); background: radial-gradient(circle at 75% 9%, rgba(142,84,42,.13), transparent 28rem), linear-gradient(180deg, #060707, #020303 18%, #070707 82%, #030405); }
.chapter-houses::before { content: "CORPORATE BODY OWNERSHIP"; position: absolute; top: 2rem; right: -2rem; color: rgba(255,255,255,.022); font: 500 clamp(6rem, 17vw, 18rem)/.76 var(--display); letter-spacing: -.05em; writing-mode: vertical-rl; }
.houses-intro { position: relative; z-index: 2; width: min(1180px, 94%); margin: 0 auto clamp(8rem, 14vw, 15rem); }
.houses-intro h2 { margin: 0; max-width: 1050px; font: 500 clamp(4rem, 12vw, 13rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.houses-intro h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(202,166,113,.58); }
.houses-lede { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 8vw, 9rem); max-width: 1050px; margin: 4rem 0 0 auto; color: #b8b2a8; font-family: var(--serif); font-size: clamp(1rem, 1.3vw, 1.18rem); line-height: 1.75; }
.houses-lede p { margin: 0; }
.house-procession { position: relative; z-index: 2; width: min(1280px, 100%); margin: 0 auto; border-top: 1px solid var(--line); }
.house { --house-rgb: 155, 45, 49; position: relative; display: grid; grid-template-columns: 5rem minmax(320px, 1.08fr) minmax(280px, .72fr); gap: clamp(1.5rem, 4vw, 5rem); align-items: stretch; min-height: 420px; padding: clamp(2.5rem, 5vw, 5rem) 0; border-bottom: 1px solid var(--line); }
.house:nth-child(even) { grid-template-columns: 5rem minmax(280px, .72fr) minmax(320px, 1.08fr); }
.house:nth-child(even) .house-copy { order: 3; }
.house:nth-child(even) .house-material { order: 2; }
.house-index { align-self: start; margin: 0; color: rgba(var(--house-rgb), .9); font: 500 clamp(2rem, 4vw, 4.3rem)/.8 var(--display); letter-spacing: -.05em; }
.house-copy { align-self: center; padding: 1rem 0; }
.house-sector { margin: 0 0 1.1rem; color: rgba(var(--house-rgb), .86); font: .58rem/1.2 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.house h3 { margin: 0; max-width: 740px; font: 500 clamp(2.6rem, 6vw, 6.4rem)/.82 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.house-leader { margin: 1.4rem 0 2rem; color: #d8d3c9; font: italic clamp(1rem, 1.45vw, 1.35rem)/1.2 var(--serif); }
.house-copy > p:last-child { max-width: 680px; margin: 0; color: #9d9d97; font-family: var(--serif); font-size: 1.02rem; line-height: 1.72; }
.house-material { position: relative; min-height: 310px; overflow: hidden; border: 1px solid rgba(var(--house-rgb), .22); background: radial-gradient(circle at 66% 30%, rgba(var(--house-rgb), .23), transparent 28%), repeating-linear-gradient(115deg, transparent 0 2.6rem, rgba(var(--house-rgb), .035) 2.6rem calc(2.6rem + 1px)), #090b0b; }
.house-material::before, .house-material::after { content: ""; position: absolute; pointer-events: none; }
.house-material::before { inset: 9%; border: 1px solid rgba(255,255,255,.055); box-shadow: inset 0 0 70px rgba(0,0,0,.72); }
.house-material::after { width: 62%; aspect-ratio: 1; left: 20%; top: 8%; border: 1px solid rgba(var(--house-rgb), .32); border-radius: 50%; box-shadow: 0 0 0 2rem rgba(var(--house-rgb), .025), 0 0 0 4rem rgba(var(--house-rgb), .015); }
.house-material i { position: absolute; z-index: 2; top: 15%; left: calc(50% - 1px); width: 2px; height: 70%; background: linear-gradient(transparent, rgba(var(--house-rgb), .9), transparent); box-shadow: 0 0 18px rgba(var(--house-rgb), .55); }
.house-material span { position: absolute; z-index: 3; right: 1rem; bottom: 1rem; color: rgba(230,225,214,.52); font: .52rem/1 var(--mono); letter-spacing: .13em; }
.house:nth-child(3n+2) .house-material::after { width: 48%; left: 26%; top: 18%; border-radius: 0; transform: rotate(45deg); }
.house:nth-child(3n) .house-material i { top: 50%; left: 15%; width: 70%; height: 2px; }
.house-aurelion { --house-rgb: 190, 145, 78; }
.house-calyx { --house-rgb: 172, 92, 137; }
.house-veyron { --house-rgb: 139, 183, 187; }
.house-hexagen { --house-rgb: 132, 140, 139; }
.house-morvane { --house-rgb: 159, 117, 70; }
.house-krail { --house-rgb: 157, 76, 47; }
.house-nacreon { --house-rgb: 186, 184, 164; }
.house-synvora { --house-rgb: 108, 135, 190; }
.house-obsidian { --house-rgb: 111, 92, 138; }
.house-meridian { --house-rgb: 190, 151, 68; }
.house-arclight { --house-rgb: 205, 213, 210; }
.house-directorate { --house-rgb: 88, 99, 104; }
.house-ashwire { --house-rgb: 176, 78, 42; }
.house-bastion { --house-rgb: 88, 150, 146; }
.house-lacryma { --house-rgb: 145, 60, 102; }
.houses-closing { position: relative; z-index: 2; max-width: 1050px; margin: clamp(7rem, 13vw, 14rem) auto 0; color: #c7b8aa; font: italic clamp(1.8rem, 4vw, 4.5rem)/1.12 var(--serif); text-align: center; }

.chapter-xeno { background: radial-gradient(circle at 73% 29%, rgba(57,111,113,.11), transparent 32rem), linear-gradient(180deg, #030405, #080b0b); }
.xeno-head { position: relative; z-index: 2; width: min(1100px, 90%); }
.xeno-figure { position: relative; width: min(1260px, 90vw); height: min(74vw, 850px); margin: -2rem 0 0 auto; overflow: hidden; }
.xeno-figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,4,5,.64), transparent 43%), linear-gradient(0deg, rgba(3,4,5,.68), transparent 35%); }
.xeno-label { position: absolute; z-index: 2; right: 1.5rem; bottom: 1.5rem; display: grid; justify-items: end; gap: .35rem; color: #aac7c6; font: .58rem/1 var(--mono); letter-spacing: .13em; }
.xeno-label span { font-size: clamp(1.2rem, 3vw, 2.7rem); color: #d9d7cf; }
.xeno-grid { display: grid; grid-template-columns: 1fr .75fr; gap: clamp(3rem, 8vw, 10rem); align-items: start; width: min(1120px, 86vw); margin: 5rem auto 0; }
.xeno-catalogue { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.xeno-catalogue li { display: grid; grid-template-columns: 2rem 1fr; gap: 1rem; padding: 1.1rem .25rem; border-bottom: 1px solid var(--line); color: #b7b8b3; font: .72rem/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.xeno-catalogue span { color: var(--signal); }

.chapter-breach { min-height: 100svh; padding-bottom: 0; background: radial-gradient(circle at 17% 16%, rgba(141,18,24,.23), transparent 30rem), #080607; }
.breach-word { position: absolute; top: 2rem; left: -1vw; margin: 0; color: rgba(132,21,26,.13); font: 500 clamp(8rem, 25vw, 28rem)/.7 var(--display); letter-spacing: -.06em; }
.breach-intro { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(420px, 1fr) minmax(340px, .68fr); gap: clamp(2rem, 7vw, 9rem); align-items: center; min-height: 84svh; }
.breach-copy { position: relative; z-index: 2; }
.breach-copy .editorial-copy { max-width: 670px; margin-top: 3rem; }
.breach-codes { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 3rem; }
.breach-codes span { padding: .6rem .75rem; border: 1px solid rgba(172,39,45,.35); color: #9d6264; font: .56rem/1 var(--mono); letter-spacing: .12em; }
.breach-figure { position: relative; height: min(86vw, 990px); margin: 0; overflow: hidden; }
.breach-figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,6,7,.5), transparent), linear-gradient(0deg, rgba(8,6,7,.86), transparent 35%); box-shadow: inset 0 0 80px #080607; }
.breach-archive { position: relative; z-index: 2; margin: clamp(8rem, 14vw, 15rem) calc(var(--gutter) * -1) 0; border-top: 1px solid rgba(255,255,255,.08); }
.breach-case { --case-rgb: 153, 31, 36; display: grid; grid-template-columns: minmax(320px, .82fr) minmax(480px, 1.18fr); gap: clamp(3rem, 8vw, 10rem); align-items: center; min-height: 105svh; padding: clamp(6rem, 11vw, 12rem) var(--gutter); overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 22% 50%, rgba(var(--case-rgb), .13), transparent 29rem), #050606; }
.breach-case:nth-child(even) { grid-template-columns: minmax(480px, 1.18fr) minmax(320px, .82fr); }
.breach-case:nth-child(even) .case-visual { order: 2; }
.case-nursery { --case-rgb: 151, 125, 66; }
.case-redveil { --case-rgb: 190, 31, 39; }
.case-ossuary { --case-rgb: 110, 125, 127; }
.case-visual { position: relative; min-height: min(72vw, 850px); overflow: hidden; border: 1px solid rgba(var(--case-rgb), .28); background: radial-gradient(circle at 50% 40%, rgba(var(--case-rgb), .24), transparent 20rem), repeating-linear-gradient(90deg, transparent 0 4rem, rgba(255,255,255,.024) 4rem calc(4rem + 1px)), linear-gradient(150deg, #111313, #040505); box-shadow: inset 0 0 120px #030404; }
.case-visual::before { content: ""; position: absolute; inset: 10%; border: 1px solid rgba(255,255,255,.055); background: repeating-radial-gradient(circle at 50% 45%, transparent 0 1.7rem, rgba(var(--case-rgb), .08) 1.7rem calc(1.7rem + 1px)); }
.case-visual span { position: absolute; z-index: 3; top: 1.2rem; left: 1.2rem; color: rgba(var(--case-rgb), .9); font: .57rem/1 var(--mono); letter-spacing: .15em; }
.case-visual b { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgba(var(--case-rgb), .1); font: 500 clamp(8rem, 25vw, 24rem)/.7 var(--display); }
.case-visual i { position: absolute; z-index: 2; left: 18%; right: 18%; top: calc(50% - 1px); height: 2px; background: rgba(var(--case-rgb), .72); box-shadow: 0 0 24px rgba(var(--case-rgb), .55); }
.case-redveil .case-visual::before { inset: 8% 18%; border-radius: 48% 48% 20% 20%; background: repeating-linear-gradient(0deg, transparent 0 2.4rem, rgba(190,31,39,.08) 2.4rem calc(2.4rem + 1px)); }
.case-ossuary .case-visual::before { transform: rotate(8deg); background: repeating-linear-gradient(135deg, transparent 0 2.4rem, rgba(110,125,127,.08) 2.4rem calc(2.4rem + 1px)); }
.case-copy { position: relative; z-index: 2; max-width: 760px; }
.case-file { margin: 0 0 1.2rem; color: rgba(var(--case-rgb), .9); font: .6rem/1 var(--mono); letter-spacing: .17em; text-transform: uppercase; }
.case-copy h3 { margin: 0; font: 500 clamp(3.5rem, 8vw, 9rem)/.78 var(--display); letter-spacing: -.028em; text-transform: uppercase; }
.case-genre { margin: 2rem 0; color: #c6b8ad; font: italic clamp(1.05rem, 1.7vw, 1.4rem)/1.3 var(--serif); }
.case-copy > p:not(.case-file):not(.case-genre):not(.case-status) { color: #aaa8a2; font-family: var(--serif); font-size: 1.05rem; line-height: 1.78; }
.case-copy blockquote { margin: 2.5rem 0; padding: 0 0 0 1.5rem; border-left: 2px solid rgba(var(--case-rgb), .75); color: #ddd7cb; font: italic clamp(1.25rem, 2.1vw, 2rem)/1.35 var(--serif); }
.case-forms { display: flex; flex-wrap: wrap; gap: .45rem; list-style: none; padding: 0; margin: 2.5rem 0; }
.case-forms li { padding: .55rem .7rem; border: 1px solid rgba(var(--case-rgb), .3); color: #aaa8a3; font: .54rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.case-status { margin: 0; padding-top: 1.3rem; border-top: 1px solid rgba(255,255,255,.09); color: #777b79; font: .62rem/1.6 var(--mono); letter-spacing: .07em; text-transform: uppercase; }

.chapter-enforcers { padding: 0 0 clamp(7rem, 12vw, 13rem); background: #050606; }
.enforcers-art { position: relative; height: min(74vw, 960px); margin: 0; overflow: hidden; }
.enforcers-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #050606 0, transparent 54%), linear-gradient(90deg, rgba(2,3,3,.75), transparent 55%); }
.enforcers-title { position: absolute; z-index: 2; left: var(--gutter); bottom: 8%; max-width: 850px; }
.enforcers-title p { margin: 0 0 1rem; color: #b1b2ae; font: .65rem/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.enforcers-title p span { color: var(--blood-hot); margin-right: .8rem; }
.enforcer-roles { display: grid; grid-template-columns: 1fr 1fr; gap: 0; width: min(1120px, calc(100% - var(--gutter) * 2)); margin: 2rem auto 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.enforcer-roles article { padding: clamp(2rem, 4vw, 4rem); }
.enforcer-roles article + article { border-left: 1px solid var(--line); }
.enforcer-roles h3 { margin: 0 0 1.5rem; font: 500 clamp(2.8rem, 5vw, 5.5rem)/.9 var(--display); text-transform: uppercase; }
.enforcer-roles article p:not(.role-code) { color: #aaa9a3; font-family: var(--serif); font-size: 1.05rem; line-height: 1.7; }
.role-code { color: #8d5557; font: .56rem/1 var(--mono); letter-spacing: .13em; }
.kharon-note { grid-column: 1 / -1; margin: 0; padding: 1.1rem; border-top: 1px solid var(--line); color: #6f7271; font: .58rem/1 var(--mono); letter-spacing: .13em; text-align: center; text-transform: uppercase; }

.chapter-culture { min-height: 1050px; padding: 0; background: #0b0506; }
.culture-art { position: relative; height: 100svh; overflow: hidden; }
.culture-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 20%, rgba(6,3,3,.22) 47%, rgba(6,3,3,.9)), linear-gradient(0deg, #0b0506, transparent 40%); }
.culture-copy { position: relative; z-index: 2; width: min(670px, 48vw); margin: -86vh var(--gutter) 0 auto; padding: clamp(2rem, 5vw, 5rem); background: rgba(12,5,6,.87); border-left: 2px solid var(--blood); backdrop-filter: blur(12px); }
.culture-copy h2 { font-size: clamp(3.3rem, 7vw, 8rem); }
.culture-copy > p:not(.chapter-marker) { color: #b9afa9; font-family: var(--serif); font-size: 1.08rem; line-height: 1.72; }
.culture-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2.5rem; }
.culture-tags span { padding: .55rem .7rem; border: 1px solid rgba(174,64,68,.3); color: #a57879; font: .56rem/1 var(--mono); letter-spacing: .13em; }

.chapter-thalassa { --case-rgb: 82, 133, 137; position: relative; isolation: isolate; overflow: hidden; padding: clamp(9rem, 15vw, 17rem) var(--gutter); background: radial-gradient(circle at 72% 18%, rgba(39,114,121,.2), transparent 34rem), radial-gradient(circle at 20% 78%, rgba(133,95,54,.12), transparent 30rem), linear-gradient(180deg, #031013, #02090b 52%, #010405); }
.chapter-thalassa::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .38; background: repeating-linear-gradient(90deg, transparent 0 8vw, rgba(122,184,188,.045) 8vw calc(8vw + 1px)), linear-gradient(0deg, transparent 49.9%, rgba(122,184,188,.08) 50%, transparent 50.1%); }
.thalassa-pressure { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.thalassa-pressure i { position: absolute; display: block; width: min(70vw, 900px); aspect-ratio: 1; border: 1px solid rgba(112,177,183,.12); border-radius: 50%; }
.thalassa-pressure i:nth-child(1) { top: 4%; right: -21%; }
.thalassa-pressure i:nth-child(2) { top: 33%; left: -34%; width: min(90vw, 1100px); }
.thalassa-pressure i:nth-child(3) { bottom: -10%; right: -14%; width: min(58vw, 760px); }
.thalassa-head { width: min(1180px, 94%); margin: 0 auto clamp(7rem, 13vw, 14rem); }
.thalassa-head h2 { margin: 0; color: #d8e2dd; font: 500 clamp(5rem, 16vw, 17rem)/.68 var(--display); letter-spacing: -.045em; text-transform: uppercase; }
.thalassa-head h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(116,181,185,.58); }
.thalassa-claim { max-width: 880px; margin: 4rem 0 0 auto; color: #b8cac8; font: italic clamp(1.4rem, 3vw, 3.2rem)/1.25 var(--serif); }
.thalassa-rings { width: min(1180px, 100%); margin: 0 auto; border-top: 1px solid rgba(120,184,188,.18); }
.thalassa-ring { display: grid; grid-template-columns: .55fr 1fr; gap: clamp(2rem, 8vw, 9rem); padding: clamp(4rem, 8vw, 8rem) 0; border-bottom: 1px solid rgba(120,184,188,.14); }
.ring-code { margin: .5rem 0 0; color: #669598; font: .58rem/1.4 var(--mono); letter-spacing: .15em; }
.thalassa-ring h3 { margin: 0 0 2rem; color: #d5ddd8; font: 500 clamp(2.8rem, 6vw, 6.5rem)/.88 var(--display); text-transform: uppercase; }
.thalassa-ring > p:last-child { grid-column: 2; margin: 0; color: #9eb2b1; font-family: var(--serif); font-size: 1.08rem; line-height: 1.8; }
.ring-upper { background: linear-gradient(90deg, transparent, rgba(174,135,78,.035), transparent); }
.ring-grey { background: linear-gradient(90deg, transparent, rgba(186,213,211,.035), transparent); }
.ring-lost { background: linear-gradient(90deg, transparent, rgba(31,82,88,.08), transparent); }
.narthex-section { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(480px, 1fr); gap: clamp(3rem, 9vw, 11rem); align-items: center; width: min(1280px, 100%); margin: clamp(9rem, 16vw, 18rem) auto 0; }
.narthex-frame { position: relative; min-height: min(92vw, 920px); overflow: hidden; border: 1px solid rgba(112,177,183,.25); background: radial-gradient(ellipse at 50% 42%, rgba(78,144,149,.3), transparent 25%), repeating-linear-gradient(90deg, transparent 0 3rem, rgba(255,255,255,.022) 3rem calc(3rem + 1px)), #041013; box-shadow: inset 0 0 100px #010607; }
.narthex-frame::before, .narthex-frame::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); border: 1px solid rgba(123,190,194,.24); }
.narthex-frame::before { top: 12%; width: 44%; height: 68%; border-radius: 45% 45% 20% 20%; box-shadow: 0 0 0 2.8rem rgba(92,157,161,.025); }
.narthex-frame::after { bottom: 8%; width: 72%; height: 24%; border-radius: 50%; }
.narthex-frame span { position: absolute; z-index: 2; top: 1.2rem; left: 1.2rem; color: #75a8a9; font: .56rem/1 var(--mono); letter-spacing: .15em; }
.narthex-frame b { position: absolute; z-index: 2; left: calc(50% - 1px); top: 20%; width: 2px; height: 60%; background: linear-gradient(transparent, #669ca0, transparent); box-shadow: 0 0 28px #4c8588; }
.narthex-copy h3 { margin: 0; color: #dce4df; font: 500 clamp(4rem, 9vw, 10rem)/.76 var(--display); letter-spacing: -.03em; }
.narthex-copy > p:not(.case-file) { color: #a5b7b5; font-family: var(--serif); font-size: 1.06rem; line-height: 1.78; }
.narthex-copy blockquote { margin: 2.8rem 0 0; padding-left: 1.4rem; border-left: 2px solid #527f82; color: #d0d9d4; font: italic clamp(1.3rem, 2.4vw, 2.35rem)/1.35 var(--serif); }
.thalassa-sites { display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; width: min(1280px, 100%); padding: 0; margin: clamp(8rem, 13vw, 14rem) auto 0; border-top: 1px solid rgba(120,184,188,.17); border-bottom: 1px solid rgba(120,184,188,.17); }
.thalassa-sites li { display: grid; gap: 1rem; min-height: 150px; padding: 1.4rem 1rem; border-right: 1px solid rgba(120,184,188,.14); color: #a9b7b4; font: .66rem/1.35 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.thalassa-sites li:last-child { border-right: 0; }
.thalassa-sites span { color: #4e7a7c; }

.chapter-beyond { min-height: 115svh; display: flex; align-items: flex-end; padding: var(--gutter); isolation: isolate; }
.beyond-artwork { position: absolute; inset: -4%; z-index: -3; width: 108%; height: 108%; }
.beyond-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(2,3,4,.88), transparent 72%), linear-gradient(0deg, rgba(2,3,4,.97), transparent 67%, rgba(2,3,4,.38)); }
.beyond-copy { width: min(1080px, 90%); padding-bottom: 8vh; }
.beyond-copy h2 { font-size: clamp(3rem, 8.1vw, 9rem); }
.beyond-copy > p:last-child { max-width: 660px; margin: 3rem 0 0; color: #b7b7b2; font-family: var(--serif); font-size: 1.1rem; line-height: 1.75; }

.finale { position: relative; min-height: 105svh; display: grid; place-content: center; padding: 8rem var(--gutter); overflow: hidden; background: radial-gradient(circle at 50% 42%, rgba(105,18,22,.22), transparent 29rem), #020303; text-align: center; }
.finale::before { content: ""; position: absolute; inset: 8%; border: 1px solid rgba(255,255,255,.05); }
.finale-code { position: relative; z-index: 2; color: #775254; font: .62rem/1 var(--mono); letter-spacing: .22em; }
.finale blockquote { position: relative; z-index: 2; margin: 4rem 0 0; font-family: var(--serif); font-size: clamp(1.8rem, 4.2vw, 4.6rem); line-height: 1.15; }
.finale blockquote p { margin: .4rem 0; }
.finale blockquote p:nth-child(2) { color: #93938d; }
.finale em { color: var(--blood-hot); font-style: normal; }
.finale-mark { position: absolute; left: 50%; bottom: -8vw; transform: translateX(-50%); color: rgba(255,255,255,.022); font: 500 38vw/.7 var(--display); }

.site-footer { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: end; padding: 3rem var(--gutter) 4rem; border-top: 1px solid var(--line); background: #020303; }
.site-footer p { margin: 0; }
.site-footer strong { display: block; color: #b9b7b0; font: 500 1.2rem/1 var(--display); letter-spacing: .1em; }
.site-footer p span { display: block; margin-top: .5rem; color: #585b5a; font: .57rem/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.site-footer a { color: #969792; font: .72rem/1 var(--mono); letter-spacing: .08em; text-decoration: none; }
.site-footer a:hover, .site-footer a:focus-visible { color: #fff; text-decoration: underline; }
.footer-note { grid-column: 1 / -1; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,.05); color: #393c3b; font: .55rem/1 var(--mono); letter-spacing: .16em; }

.js .reveal { opacity: 0; transform: translate3d(0, 42px, 0); transition: opacity 1s ease, transform 1.1s cubic-bezier(.2,.68,.2,1); }
.js .reveal-wide { opacity: 1; clip-path: none; }
.js .reveal.is-visible { opacity: 1; transform: none; }
.js .reveal-wide.is-visible { opacity: 1; clip-path: none; }

@keyframes gateOut { to { opacity: 0; visibility: hidden; transform: scale(1.015); } }
@keyframes fog { to { transform: translate3d(24vw, 8vh, 0) scale(1.2); opacity: .75; } }

@media (max-width: 1050px) {
  .chapter-morph { grid-template-columns: .8fr 1fr; gap: 3rem; }
  .chapter-head h2 { font-size: clamp(3.3rem, 8.7vw, 7.5rem); }
  .civitas-panel, .culture-copy { width: min(620px, 58vw); }
  .breach-intro { grid-template-columns: 1fr .65fr; gap: 3rem; }
  .house { grid-template-columns: 4rem minmax(300px, 1fr) minmax(240px, .62fr); }
  .house:nth-child(even) { grid-template-columns: 4rem minmax(240px, .62fr) minmax(300px, 1fr); }
}

@media (max-width: 780px) {
  :root { --gutter: clamp(1.15rem, 5vw, 2.4rem); }
  .continuity-rail { width: 28px; }
  .continuity-rail p { display: none; }
  .continuity-rail > div { height: 54vh; }
  .hero { padding-right: calc(var(--gutter) + 1rem); }
  .hero-artwork-slot { padding: 12% 12% 14% 34%; }
  .hero-shade { background: linear-gradient(0deg, rgba(1,2,2,.97), rgba(1,2,2,.22) 76%), linear-gradient(90deg, rgba(1,2,2,.58), transparent); }
  .hero h1 { font-size: clamp(4.2rem, 20vw, 5.4rem); line-height: .78; }
  .hero h1 span { display: block; width: fit-content; margin-top: .08em; font-size: .9em; }
  .hero-index { top: 1.2rem; right: 3.3rem; }
  .hero-index span { font-size: 2rem; }
  .scroll-cue { display: none; }
  .transmission { min-height: 62vh; }
  .chapter { padding-top: 7rem; padding-bottom: 7rem; }
  .chapter-head h2, .civitas-panel h2, .enforcers-title h2, .culture-copy h2, .beyond-copy h2 { font-size: clamp(3.2rem, 15vw, 6.8rem); }
  .world-figure { width: calc(100% + var(--gutter) * 2); margin-left: calc(var(--gutter) * -1); margin-right: 0; }
  .world-figure { height: 78vw; min-height: 400px; }
  .world-copy { margin-left: 0; }
  .world-scale { grid-template-columns: 1fr 1fr; margin-top: 4rem; }
  .world-scale div:nth-child(2) { border-right: 0; }
  .world-scale div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .chapter-morph { display: flex; flex-direction: column; align-items: stretch; }
  .morph-image { width: min(100%, 520px); height: min(142vw, 760px); }
  .morph-copy .editorial-copy { margin-top: 2rem; }
  .term-index { grid-template-columns: 1fr 1fr; }
  .term-index li:nth-child(2) { border-right: 0; }
  .term-index li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .chapter-civitas, .chapter-culture { min-height: 0; }
  .civitas-art, .culture-art { position: relative; height: 70svh; }
  .civitas-art::after, .culture-art::after { background: linear-gradient(0deg, #050606, transparent 58%), linear-gradient(90deg, rgba(2,3,3,.32), transparent); }
  .civitas-panel, .culture-copy { width: calc(100% - var(--gutter) * 2); margin: -16vh auto 0; padding: 2rem 1.4rem 2.8rem; }
  .civitas-ticker { margin-top: 3rem; }
  .chapter-houses { padding-left: var(--gutter); padding-right: var(--gutter); }
  .houses-intro { width: 100%; }
  .houses-lede { grid-template-columns: 1fr; gap: 1.5rem; }
  .house, .house:nth-child(even) { grid-template-columns: 3rem 1fr; gap: 1.4rem; min-height: 0; padding: 4rem 0; }
  .house:nth-child(even) .house-copy, .house-copy { order: 2; }
  .house:nth-child(even) .house-material, .house-material { grid-column: 2; order: 3; min-height: 280px; }
  .house h3 { font-size: clamp(2.7rem, 11vw, 5.2rem); }
  .xeno-head { width: 100%; }
  .xeno-figure { width: calc(100% + var(--gutter) * 2); margin: 1rem calc(var(--gutter) * -1) 0; }
  .xeno-figure { height: 88vw; min-height: 430px; }
  .xeno-grid { grid-template-columns: 1fr; gap: 2rem; width: 100%; margin-top: 3rem; }
  .chapter-breach { display: block; }
  .breach-intro { display: flex; flex-direction: column; align-items: stretch; min-height: 0; }
  .breach-figure { width: min(100%, 560px); height: min(145vw, 850px); align-self: flex-end; }
  .breach-archive { margin-top: 7rem; }
  .breach-case, .breach-case:nth-child(even) { display: flex; min-height: 0; flex-direction: column; align-items: stretch; gap: 3rem; padding-top: 7rem; padding-bottom: 7rem; }
  .breach-case:nth-child(even) .case-visual, .case-visual { order: 1; width: min(100%, 560px); min-height: min(132vw, 720px); }
  .breach-case:nth-child(even) .case-visual { align-self: flex-end; }
  .case-copy { order: 2; }
  .enforcers-art { height: 85svh; min-height: 620px; }
  .enforcers-title { right: 2.5rem; }
  .enforcer-roles { grid-template-columns: 1fr; }
  .enforcer-roles article + article { border-left: 0; border-top: 1px solid var(--line); }
  .chapter-thalassa { padding-left: var(--gutter); padding-right: var(--gutter); }
  .thalassa-head { width: 100%; }
  .thalassa-head h2 { font-size: clamp(4.4rem, 21vw, 8rem); }
  .thalassa-ring { grid-template-columns: 1fr; gap: 1.4rem; }
  .thalassa-ring > p:last-child { grid-column: 1; }
  .narthex-section { grid-template-columns: 1fr; }
  .narthex-frame { width: min(100%, 560px); min-height: min(145vw, 800px); }
  .thalassa-sites { grid-template-columns: 1fr 1fr; }
  .thalassa-sites li { border-bottom: 1px solid rgba(120,184,188,.14); }
  .thalassa-sites li:nth-child(even) { border-right: 0; }
  .thalassa-sites li:last-child { border-bottom: 0; }
  .site-footer { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 520px) {
  .entry-gate { align-items: start; padding: .85rem; }
  .entry-gate::before { inset: .5rem; }
  .gate-frame { margin: .8rem 0; padding: 2rem 1.25rem 2.25rem; }
  .gate-frame h2 { overflow-wrap: normal; font-size: clamp(2.25rem, 10.5vw, 3rem); }
  .gate-register { display: none; }
  .gate-contract { grid-template-columns: 1fr; }
  .gate-contract p { grid-template-columns: .85fr 1.15fr; align-items: center; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
  .gate-contract p:last-child { border-bottom: 0; }
  .gate-disclosure { margin-top: -.9rem; }
  .gate-disclosure summary { min-height: 68px; padding: .9rem; }
  .gate-disclosure-body { grid-template-columns: 1fr; }
  .gate-disclosure-body section { padding: 1.25rem 1rem; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .gate-disclosure-body section:nth-of-type(3) { border-bottom: 0; }
  .gate-disclosure blockquote { padding: 1rem; }
  .gate-actions { align-items: stretch; flex-direction: column; }
  .gate-enter, .gate-leave { width: 100%; text-align: center; }
  .gate-status { max-width: 95%; }
  .hero { padding-bottom: 3.2rem; }
  .hero-copy { width: 94%; }
  .hero-artwork-slot { padding: 24% 16% 16% 22%; }
  .hero-artwork-slot b { font-size: clamp(1.7rem, 9vw, 3rem); }
  .hero-line { max-width: 95%; font-size: 1.24rem; }
  .genre { max-width: 88%; }
  .chapter-head h2, .civitas-panel h2, .enforcers-title h2, .culture-copy h2, .beyond-copy h2 { font-size: clamp(3rem, 14vw, 5.2rem); }
  .world-scale dd { font-size: .92rem; }
  .world-figure figcaption, .breach-figure figcaption { max-width: 80%; text-align: right; line-height: 1.4; }
  .interlude { min-height: 32vh; }
  .morph-spectrum { gap: .55rem; }
  .morph-spectrum p { font-size: .52rem; }
  .civitas-panel, .culture-copy { width: calc(100% - 1.2rem); }
  .houses-intro h2 { font-size: clamp(3.6rem, 19vw, 6rem); }
  .house, .house:nth-child(even) { grid-template-columns: 2.25rem 1fr; gap: .9rem; }
  .house-index { font-size: 1.8rem; }
  .house-material { min-height: 230px; }
  .house-material span { max-width: 80%; line-height: 1.4; text-align: right; }
  .xeno-label { right: 2.5rem; bottom: 1rem; }
  .world-figure figcaption, .breach-figure figcaption { right: 2.5rem; }
  .case-copy h3 { font-size: clamp(3rem, 15vw, 5.5rem); }
  .case-visual { min-height: 126vw; }
  .enforcer-roles { width: calc(100% - 2.4rem); }
  .enforcer-roles article { padding: 2rem 1rem; }
  .thalassa-claim { margin-top: 2.5rem; }
  .narthex-copy h3 { font-size: clamp(3.5rem, 17vw, 6rem); }
  .thalassa-sites { grid-template-columns: 1fr; }
  .thalassa-sites li, .thalassa-sites li:nth-child(even) { min-height: 100px; border-right: 0; border-bottom: 1px solid rgba(120,184,188,.14); }
  .beyond-copy { width: 96%; }
  .finale blockquote { font-size: 1.65rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .parallax { transform: none !important; }
  .js .reveal, .js .reveal-wide { opacity: 1; transform: none; clip-path: none; }
}

/* Expanded Praetora continuity archive */
.hero-artwork-slot .artwork-code { position: absolute; top: 9%; right: 9%; margin: 0; }
.hero-artwork-slot > b { position: absolute; right: 8%; bottom: 9%; text-align: right; }
.hero-artwork-slot > b small { display: block; margin-top: .8rem; color: rgba(230,225,214,.38); font: .52rem/1 var(--mono); letter-spacing: .24em; }
.hero-megastructure { position: absolute; right: 9%; bottom: 8%; width: min(46vw, 650px); height: 76%; border-bottom: 1px solid rgba(202,37,44,.4); opacity: .9; }
.hero-megastructure::before { content: ""; position: absolute; inset: 8% 20% 0; border: 1px solid rgba(230,225,214,.08); background: repeating-linear-gradient(0deg, transparent 0 2.3rem, rgba(230,225,214,.035) 2.3rem calc(2.3rem + 1px)), linear-gradient(90deg, rgba(159,23,29,.12), transparent 30%, rgba(124,183,184,.06)); clip-path: polygon(38% 0, 62% 0, 66% 14%, 82% 14%, 88% 43%, 100% 43%, 94% 100%, 6% 100%, 0 43%, 12% 43%, 18% 14%, 34% 14%); }
.hero-megastructure i { position: absolute; bottom: 0; width: 8%; height: 40%; border: 1px solid rgba(230,225,214,.07); background: linear-gradient(90deg, rgba(159,23,29,.09), transparent); }
.hero-megastructure i:nth-child(1) { left: 3%; height: 28%; }.hero-megastructure i:nth-child(2) { left: 14%; height: 47%; }.hero-megastructure i:nth-child(3) { right: 14%; height: 52%; }.hero-megastructure i:nth-child(4) { right: 3%; height: 34%; }.hero-megastructure i:nth-child(5) { left: 48%; width: 4%; height: 93%; box-shadow: 0 0 24px rgba(159,23,29,.24); }

.expanse-register { display: grid; grid-template-columns: .32fr 1fr; gap: 2.5rem 5rem; align-items: start; margin: clamp(7rem, 12vw, 13rem) 0 0; padding: clamp(2rem, 5vw, 5rem); border: 1px solid rgba(230,225,214,.1); background: linear-gradient(110deg, rgba(124,183,184,.04), transparent 38%), #050708; }
.expanse-register > p { margin: 0; color: #758b8b; font: .6rem/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.expanse-register ul { display: flex; flex-wrap: wrap; gap: .55rem; list-style: none; padding: 0; margin: 0; }
.expanse-register li { padding: .6rem .75rem; border: 1px solid rgba(124,183,184,.18); color: #a7b3b0; font: .57rem/1 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.expanse-register blockquote { grid-column: 2; margin: 1.5rem 0 0; color: #d2cec4; font: italic clamp(1.35rem, 2.6vw, 2.7rem)/1.3 var(--serif); }

.chapter-cities { position: relative; isolation: isolate; overflow: hidden; padding: clamp(9rem, 15vw, 17rem) var(--gutter); background: radial-gradient(circle at 82% 7%, rgba(126,87,63,.16), transparent 32rem), linear-gradient(180deg, #050708, #030405 18%, #080807 62%, #030405); }
.chapter-cities::before { content: "URBAN ANATOMY"; position: absolute; z-index: -1; top: 1%; right: -3%; color: rgba(230,225,214,.025); font: 500 clamp(7rem, 20vw, 22rem)/.75 var(--display); letter-spacing: -.05em; writing-mode: vertical-rl; }
.cities-intro { width: min(1280px, 100%); margin: 0 auto clamp(8rem, 13vw, 14rem); }
.cities-intro h2, .directorate-intro h2, .ascensa-head h2, .exuviae-head h2 { margin: 0; font: 500 clamp(4rem, 10vw, 11rem)/.78 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.cities-intro h2 em, .directorate-intro h2 em, .ascensa-head h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(230,225,214,.48); }
.cities-lede { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 7vw, 8rem); max-width: 1000px; margin: 4rem 0 0 auto; color: #b8b4aa; font: 1.08rem/1.8 var(--serif); }
.cities-lede p { margin: 0; }
.capital-monument { position: relative; display: grid; grid-template-columns: minmax(360px,.9fr) minmax(520px,1.1fr); align-items: end; width: min(1420px, 100%); min-height: 900px; margin: 0 auto clamp(7rem, 12vw, 13rem); overflow: hidden; border: 1px solid rgba(166,132,89,.17); background: radial-gradient(circle at 28% 37%, rgba(159,23,29,.18), transparent 24rem), repeating-linear-gradient(90deg, transparent 0 5.5rem, rgba(255,255,255,.018) 5.5rem calc(5.5rem + 1px)), linear-gradient(140deg,#0d0e0e,#030405); }
.capital-monument::after { content: "CAPITAL"; position: absolute; top: 1rem; right: 1rem; color: rgba(230,225,214,.03); font: 500 clamp(7rem, 19vw, 20rem)/.8 var(--display); }
.capital-silhouette { position: relative; z-index: 2; height: 82%; margin: 0 0 0 4%; border-bottom: 1px solid rgba(202,37,44,.45); }
.capital-silhouette::before { content: ""; position: absolute; left: 16%; right: 16%; bottom: 0; height: 94%; border: 1px solid rgba(230,225,214,.1); background: repeating-linear-gradient(0deg, transparent 0 3rem, rgba(230,225,214,.045) 3rem calc(3rem + 1px)), linear-gradient(90deg, rgba(159,23,29,.14), transparent 32%, rgba(124,183,184,.04)); clip-path: polygon(42% 0,58% 0,62% 16%,76% 16%,81% 37%,94% 37%,100% 100%,0 100%,6% 37%,19% 37%,24% 16%,38% 16%); box-shadow: inset 0 0 70px #030405; }
.capital-silhouette i { position: absolute; bottom: 0; width: 7%; border: 1px solid rgba(230,225,214,.07); background: rgba(159,23,29,.05); }
.capital-silhouette i:nth-child(1){left:1%;height:31%}.capital-silhouette i:nth-child(2){left:10%;height:49%}.capital-silhouette i:nth-child(3){left:21%;height:64%}.capital-silhouette i:nth-child(4){left:47%;height:100%;width:6%;box-shadow:0 0 35px rgba(159,23,29,.22)}.capital-silhouette i:nth-child(5){right:21%;height:61%}.capital-silhouette i:nth-child(6){right:10%;height:44%}.capital-silhouette i:nth-child(7){right:1%;height:27%}
.capital-copy { position: relative; z-index: 3; padding: clamp(3rem, 7vw, 7rem); background: linear-gradient(90deg, rgba(3,4,5,.52), rgba(3,4,5,.94)); }
.city-code { margin: 0 0 1.3rem; color: #a66366; font: .58rem/1.4 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.capital-copy h3 { margin: 0; font: 500 clamp(5rem, 12vw, 13rem)/.72 var(--display); letter-spacing: -.045em; }
.capital-decree { color: #d8c8b9 !important; font: italic clamp(1.4rem, 2.8vw, 3rem)/1.25 var(--serif) !important; }
.capital-copy > p:not(.city-code) { color: #aaa7a0; font: 1.05rem/1.8 var(--serif); }
.capital-levels { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 2.5rem; }
.capital-levels span { padding: .6rem .7rem; border: 1px solid rgba(166,132,89,.24); color: #a99d8d; font: .54rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.meridian-correction { display: grid; grid-template-columns: .4fr .8fr 1.4fr; gap: 2rem; align-items: center; width: min(1160px, 100%); margin: 0 auto clamp(8rem, 13vw, 14rem); padding: 2.5rem 0; border-top: 1px solid rgba(230,225,214,.14); border-bottom: 1px solid rgba(230,225,214,.14); }
.meridian-correction p { margin: 0; color: #9b9b95; font: .9rem/1.65 var(--serif); }.meridian-correction p:first-child { font: .65rem/1.4 var(--mono); letter-spacing: .12em; }.meridian-correction p:first-child span { color: var(--blood-hot); margin-right: .7rem; }.meridian-correction strong { font: 500 clamp(2rem,4vw,4.5rem)/.9 var(--display); text-transform: uppercase; }
.city-regions { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; width: min(1320px,100%); margin: 0 auto; background: rgba(230,225,214,.11); border: 1px solid rgba(230,225,214,.11); }
.city-region { --region-rgb: 159,23,29; padding: clamp(2rem,4vw,4.5rem); background: linear-gradient(145deg, rgba(var(--region-rgb),.07), transparent 37%), #050606; }
.city-region header { display: grid; grid-template-columns: auto 1fr; gap: 1.4rem; align-items: start; margin-bottom: 2rem; }
.city-region header > span { color: rgba(var(--region-rgb),.48); font: 500 clamp(3rem,7vw,7rem)/.75 var(--display); }.city-region header p { margin: 0 0 .45rem; color: rgba(var(--region-rgb),.75); font: .55rem/1 var(--mono); letter-spacing: .13em; text-transform: uppercase; }.city-region h3 { margin: 0; font: 500 clamp(2rem,4vw,4rem)/.9 var(--display); text-transform: uppercase; }
.city-region ol { list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(230,225,214,.1); }.city-region li { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem .15rem; border-bottom: 1px solid rgba(230,225,214,.08); }.city-region li b { font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; }.city-region li span { color: rgba(var(--region-rgb),.82); font: .6rem/1 var(--mono); }
.region-meridian { --region-rgb: 178,130,77; grid-column: 1 / -1; }.region-meridian ol { columns: 2; column-gap: 4rem; }.region-meridian li { break-inside: avoid; }.region-cryo {--region-rgb:112,175,184}.region-cinder {--region-rgb:194,67,35}.region-pelagic {--region-rgb:50,128,146}.region-outer {--region-rgb:134,112,118}.region-orbital {--region-rgb:191,183,150}
.settlement-register { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(3rem,8vw,9rem); width: min(1220px,100%); margin: clamp(9rem,15vw,16rem) auto 0; padding: clamp(3rem,6vw,6rem); border-left: 2px solid #596d6f; background: radial-gradient(circle at 85% 25%,rgba(92,150,153,.11),transparent 22rem),#060809; }
.settlement-register h3 { margin: 0 0 2rem; font: 500 clamp(3rem,6vw,6.5rem)/.84 var(--display); text-transform: uppercase; }.settlement-register > div > p:last-child { color:#a8aeaa;font:1.05rem/1.75 var(--serif)}.settlement-register ul { display:grid;grid-template-columns:1fr 1fr;gap:0;list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.settlement-register li { padding:1rem .6rem;border-bottom:1px solid var(--line);color:#a8b2ae;font:.65rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.settlement-register li:nth-child(odd){border-right:1px solid var(--line)}.special-colonies { grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:0;padding-top:2rem;border-top:1px solid var(--line)}.special-colonies span{margin-right:auto;color:#667675;font:.56rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.special-colonies b{padding:.7rem .9rem;border:1px solid rgba(124,183,184,.2);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}.special-colonies small{color:#718c8d;font:inherit}

.chapter-directorate { position: relative; isolation: isolate; overflow: hidden; padding: clamp(10rem,16vw,18rem) var(--gutter); background: radial-gradient(circle at 14% 12%,rgba(111,30,34,.2),transparent 35rem),linear-gradient(180deg,#030405,#080808 42%,#030405); }
.directorate-monument { position:absolute;inset:0;z-index:-1;display:flex;justify-content:center;gap:3.5vw;opacity:.22;pointer-events:none}.directorate-monument span{width:3.4vw;min-width:26px;height:39%;margin-top:4%;border:1px solid rgba(230,225,214,.12);background:linear-gradient(0deg,rgba(159,23,29,.2),transparent)}.directorate-monument span:nth-child(even){height:28%}.directorate-monument span:nth-child(5),.directorate-monument span:nth-child(6){height:51%}
.directorate-intro { display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,10rem);align-items:end;width:min(1360px,100%);margin:0 auto clamp(9rem,14vw,15rem)}.directorate-intro .chapter-marker,.directorate-intro h2{grid-column:1}.directorate-intro > div{grid-column:2;grid-row:1/3;color:#b5b0a8;font:1.05rem/1.82 var(--serif)}.directorate-intro blockquote{margin:3rem 0 0;padding:1.4rem 0;border-top:1px solid #712127;border-bottom:1px solid #712127;color:#ddd7cc;font:500 clamp(1.5rem,3vw,3rem)/1.1 var(--display);letter-spacing:.05em}
.ten-chamber { display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,9rem);align-items:center;width:min(1200px,100%);margin:0 auto 6rem}.ten-seal{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:500px;border:1px solid rgba(159,23,29,.32);background:repeating-radial-gradient(circle,transparent 0 2.8rem,rgba(159,23,29,.06) 2.8rem calc(2.8rem + 1px)),#070707}.ten-seal::before,.ten-seal::after{content:"";position:absolute;inset:12%;border:1px solid rgba(230,225,214,.07);transform:rotate(45deg)}.ten-seal::after{inset:24%;transform:rotate(0)}.ten-seal b{position:relative;z-index:2;color:rgba(202,37,44,.6);font:500 clamp(8rem,18vw,19rem)/.7 var(--display)}.ten-seal span{position:absolute;z-index:2;bottom:1rem;left:1rem;color:#7b5a5c;font:.53rem/1.4 var(--mono);letter-spacing:.13em}.ten-copy h3{margin:0;font:500 clamp(5rem,13vw,14rem)/.72 var(--display)}.ten-copy>p:last-child{max-width:650px;color:#b2aea7;font:1.08rem/1.8 var(--serif)}
.directorate-list { display:grid;grid-template-columns:1fr 1fr;list-style:none;width:min(1300px,100%);padding:0;margin:0 auto;border:1px solid rgba(230,225,214,.1)}.directorate-list li{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-items:start;padding:clamp(1.5rem,3vw,3rem);border-bottom:1px solid rgba(230,225,214,.09);background:rgba(3,4,5,.62)}.directorate-list li:nth-child(odd){border-right:1px solid rgba(230,225,214,.09)}.directorate-list li:nth-last-child(-n+2){border-bottom:0}.directorate-list>li>span{color:#8a3f43;font:500 2rem/1 var(--display)}.directorate-list h3{margin:0 0 .65rem;font:500 clamp(1.7rem,3vw,3rem)/.95 var(--display);text-transform:uppercase}.directorate-list p{margin:0;color:#989792;font:.62rem/1.55 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.government-consequence{width:min(1020px,90%);margin:clamp(8rem,13vw,14rem) auto;color:#a8a39b;text-align:center;font:1.05rem/1.8 var(--serif)}.government-consequence strong{display:block;margin-top:2.5rem;color:#ddd6ca;font:italic clamp(1.7rem,4vw,4.2rem)/1.2 var(--serif)}
.consulates{width:min(1400px,100%);margin:clamp(10rem,16vw,18rem) auto 0}.consulates-head{display:grid;grid-template-columns:1fr .7fr;gap:2rem 7rem;margin-bottom:6rem}.consulates-head .chapter-marker{grid-column:1/-1}.consulates-head h2{margin:0;font:500 clamp(4rem,10vw,11rem)/.78 var(--display)}.consulates-head>p:last-child{align-self:end;color:#aaa7a0;font:1.06rem/1.8 var(--serif)}
.consulate-procession{border-top:1px solid rgba(230,225,214,.12)}.consulate{--consulate-rgb:124,183,184;display:grid;grid-template-columns:.22fr 1fr;min-height:300px;padding:clamp(2rem,5vw,5rem);border-bottom:1px solid rgba(230,225,214,.1);background:radial-gradient(circle at 85% 50%,rgba(var(--consulate-rgb),.12),transparent 28rem)}.consulate-no{color:rgba(var(--consulate-rgb),.42);font:500 clamp(4rem,9vw,9rem)/.75 var(--display)}.consulate>div{display:grid;grid-template-columns:1fr auto;gap:1.2rem 3rem;align-items:end}.consulate>div>p:first-child{grid-column:1/-1;margin:0;color:rgba(var(--consulate-rgb),.8);font:.56rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.consulate h3{margin:0;font:500 clamp(2.7rem,6vw,6.5rem)/.82 var(--display);text-transform:uppercase}.consulate strong{align-self:end;color:#d3cec4;font:italic 1rem/1.3 var(--serif)}.consulate>div>p:last-child{grid-column:1/-1;margin:0;color:#8f918e;font:.65rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.consulate-helix{--consulate-rgb:156,94,58}.consulate-acheron{--consulate-rgb:182,69,31}.consulate-crown{--consulate-rgb:120,157,148}.consulate-orison{--consulate-rgb:116,103,164}.consulate-kharon{--consulate-rgb:185,39,44}.consulate-ncc{--consulate-rgb:132,142,91}

.chapter-ascensa{position:relative;isolation:isolate;overflow:hidden;padding:clamp(10rem,16vw,18rem) var(--gutter);background:radial-gradient(circle at 76% 10%,rgba(202,37,44,.25),transparent 33rem),linear-gradient(180deg,#100305,#050304 35%,#0d0506 72%,#030405)}.chapter-ascensa::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background:repeating-linear-gradient(90deg,transparent 0 10vw,rgba(255,255,255,.04) 10vw calc(10vw + 1px))}.ascensa-marquee{position:absolute;top:2rem;left:0;right:0;display:flex;justify-content:space-around;color:rgba(255,255,255,.045);font:500 clamp(4rem,11vw,12rem)/.7 var(--display);white-space:nowrap;transform:rotate(-3deg)}
.ascensa-head{position:relative;z-index:2;width:min(1280px,100%);margin:0 auto clamp(7rem,12vw,13rem)}.ascensa-head h2{font-size:clamp(6rem,17vw,18rem)}.ascensa-head h2 em{color:var(--blood-hot);-webkit-text-stroke:0}.ascensa-head>p:last-child{max-width:760px;margin:2.5rem 0 0 auto;color:#c0ada8;font:1.08rem/1.8 var(--serif)}.ascensa-streetname{margin:3rem 0 0!important;color:#998484!important;font:.7rem/1.4 var(--mono)!important;letter-spacing:.15em;text-transform:uppercase}.ascensa-streetname strong{color:#fff}
.ascensa-contract{display:grid;grid-template-columns:1fr 1fr;width:min(1280px,100%);margin:0 auto;border:1px solid rgba(202,37,44,.28);background:rgba(8,3,4,.68)}.contract-promise,.contract-cost{padding:clamp(2.5rem,6vw,6rem)}.contract-promise{border-right:1px solid rgba(202,37,44,.28);background:radial-gradient(circle at 20% 25%,rgba(202,37,44,.17),transparent 19rem)}.contract-promise>p,.contract-cost>p{margin:0 0 2rem;color:#a65e61;font:.58rem/1 var(--mono);letter-spacing:.15em;text-transform:uppercase}.contract-promise h3{margin:0;font:500 clamp(3rem,6vw,6.5rem)/.86 var(--display);text-transform:uppercase}.contract-cost ul{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.1)}.contract-cost li{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08);color:#b9aaa5;font:.68rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.trial-stage{position:relative;width:min(1450px,calc(100% + var(--gutter)*2));min-height:min(72vw,920px);margin:clamp(7rem,12vw,13rem) calc(var(--gutter)*-1);overflow:hidden;border-top:1px solid rgba(202,37,44,.28);border-bottom:1px solid rgba(202,37,44,.28);background:radial-gradient(circle at 50% 43%,rgba(202,37,44,.28),transparent 20rem),repeating-linear-gradient(90deg,transparent 0 5rem,rgba(255,255,255,.025) 5rem calc(5rem + 1px)),#050304}.trial-stage>span{position:absolute;top:1.5rem;left:var(--gutter);color:#a94a4e;font:.56rem/1 var(--mono);letter-spacing:.16em}.trial-stage>p{position:absolute;z-index:2;left:var(--gutter);bottom:8%;margin:0;color:rgba(230,225,214,.18);font:500 clamp(5rem,15vw,16rem)/.7 var(--display)}.trial-stage>p b{color:rgba(202,37,44,.58)}.trial-body{position:absolute;left:50%;top:12%;width:min(40vw,520px);height:76%;transform:translateX(-50%);border:1px solid rgba(230,225,214,.1);border-radius:44% 44% 18% 18%;box-shadow:0 0 0 4rem rgba(202,37,44,.025),inset 0 0 80px #030203}.trial-body::before{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:2px;background:linear-gradient(transparent,#d23037,transparent);box-shadow:0 0 20px #ca252c}.trial-body i{position:absolute;width:42%;height:1px;background:rgba(202,37,44,.48)}.trial-body i:nth-child(1){left:-22%;top:24%}.trial-body i:nth-child(2){right:-22%;top:39%}.trial-body i:nth-child(3){left:-22%;top:58%}.trial-body i:nth-child(4){right:-22%;top:74%}
.license-field{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,9rem);width:min(1300px,100%);margin:0 auto}.license-head h3{margin:0;font:500 clamp(3rem,7vw,7rem)/.84 var(--display);text-transform:uppercase}.license-head>p:last-child{color:#ac9d98;font:1.04rem/1.78 var(--serif)}.license-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(202,37,44,.3)}.license-list li{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1rem .25rem;border-bottom:1px solid rgba(255,255,255,.09);color:#c0b6b1;font:.68rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.license-list span{color:#a43a3e}
.procedure-signal{width:min(1100px,100%);margin:clamp(8rem,13vw,14rem) auto 0;padding:clamp(2rem,5vw,5rem);border-top:2px solid var(--blood-hot);background:linear-gradient(110deg,rgba(202,37,44,.15),transparent),#080405}.procedure-signal>p:first-child{color:#a95255;font:.58rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.procedure-signal ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:2rem 0 3rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.procedure-signal li{padding:1.4rem .8rem;border-right:1px solid rgba(255,255,255,.09);font:500 clamp(1.5rem,3vw,3rem)/.9 var(--display);text-align:center;text-transform:uppercase}.procedure-signal li:last-child{border-right:0}.limina{margin:0!important;color:#9e9792;font:.65rem/1.65 var(--mono);letter-spacing:.06em;text-transform:uppercase}.limina span{color:#d3c9c1;margin-right:1rem}.ascensa-quote{width:min(1080px,90%);margin:clamp(9rem,15vw,16rem) auto 0;text-align:center;font:italic clamp(1.3rem,2.7vw,2.8rem)/1.35 var(--serif)}.ascensa-quote p{margin:.5rem 0;color:#9f918c}.ascensa-quote strong{display:block;margin-top:3rem;color:#e2d6cd;font:500 clamp(1.8rem,4vw,4.5rem)/1.1 var(--display);font-style:normal;text-transform:uppercase}

.creature-depth{display:grid;grid-template-columns:.55fr .8fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center;width:min(1300px,100%);margin:clamp(8rem,13vw,14rem) auto 0}.creature-count{display:grid}.creature-count strong{color:rgba(124,183,184,.6);font:500 clamp(7rem,15vw,16rem)/.7 var(--display)}.creature-count span{color:#718d8d;font:.58rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}.creature-anatomy{position:relative;min-height:500px;border:1px solid rgba(124,183,184,.18);background:radial-gradient(ellipse at 50% 45%,rgba(124,183,184,.18),transparent 32%),#040708}.creature-anatomy::before{content:"";position:absolute;inset:10% 27%;border:1px solid rgba(124,183,184,.26);border-radius:48% 42% 52% 39%;transform:rotate(-7deg);box-shadow:0 0 0 2.5rem rgba(124,183,184,.025)}.creature-anatomy i{position:absolute;left:50%;top:50%;width:64%;height:1px;background:rgba(124,183,184,.32);transform-origin:left}.creature-anatomy i:nth-child(1){transform:rotate(18deg)}.creature-anatomy i:nth-child(2){transform:rotate(54deg)}.creature-anatomy i:nth-child(3){transform:rotate(126deg)}.creature-anatomy i:nth-child(4){transform:rotate(198deg)}.creature-anatomy i:nth-child(5){transform:rotate(242deg)}.creature-copy{color:#aeb8b4;font:1.04rem/1.8 var(--serif)}.creature-signal{display:grid;grid-template-columns:.4fr 1fr;gap:2rem 5rem;width:min(1160px,100%);margin:clamp(6rem,10vw,11rem) auto 0;padding-top:2rem;border-top:1px solid rgba(124,183,184,.2)}.creature-signal>p{margin:0;color:#698587;font:.57rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.creature-signal ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.creature-signal li{padding:.65rem .8rem;border:1px solid rgba(124,183,184,.2);color:#aebcba;font:.6rem/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.creature-signal blockquote{grid-column:2;margin:2rem 0 0;color:#d1d9d4;font:italic clamp(1.3rem,2.6vw,2.6rem)/1.32 var(--serif)}
.creature-archive-jump{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1rem 1.15rem;border:1px solid rgba(124,183,184,.32);background:rgba(124,183,184,.06);color:#b8cfcd;font:600 .62rem/1.4 var(--mono);letter-spacing:.12em;text-align:left;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}.creature-archive-jump:hover,.creature-archive-jump:focus-visible{border-color:rgba(124,183,184,.72);background:rgba(124,183,184,.12);color:#fff}.creature-archive-jump:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.creature-archive-jump span{flex:0 0 auto;color:var(--signal);font-size:1rem}

.chapter-exuviae{position:relative;isolation:isolate;overflow:hidden;padding:clamp(9rem,15vw,17rem) var(--gutter);background:radial-gradient(circle at 22% 28%,rgba(143,69,35,.2),transparent 29rem),linear-gradient(150deg,#0c0907,#030405 52%,#090605)}.chapter-exuviae::before{content:"EXUVIAE";position:absolute;z-index:-1;right:-3%;bottom:2%;color:rgba(178,85,39,.035);font:500 clamp(9rem,27vw,29rem)/.7 var(--display)}.exuviae-scrap{position:absolute;z-index:-1;inset:0;opacity:.35}.exuviae-scrap i{position:absolute;width:1px;height:56%;background:linear-gradient(transparent,#a04f2b,transparent);transform:rotate(24deg)}.exuviae-scrap i:nth-child(1){left:12%;top:-8%}.exuviae-scrap i:nth-child(2){left:28%;top:18%;transform:rotate(-35deg)}.exuviae-scrap i:nth-child(3){left:48%;top:-4%;transform:rotate(58deg)}.exuviae-scrap i:nth-child(4){right:34%;top:28%;transform:rotate(-22deg)}.exuviae-scrap i:nth-child(5){right:17%;top:5%;transform:rotate(41deg)}.exuviae-scrap i:nth-child(6){right:4%;top:33%;transform:rotate(-63deg)}
.exuviae-head{width:min(1250px,100%);margin:0 auto clamp(8rem,13vw,14rem)}.exuviae-head h2{font-size:clamp(7rem,21vw,22rem);color:#b15935}.exuviae-head>p:last-child{max-width:780px;margin:3rem 0 0 auto;color:#b5aaa1;font:1.08rem/1.8 var(--serif)}.exuviae-tension{display:grid;grid-template-columns:1fr 1fr;width:min(1300px,100%);margin:0 auto;border:1px solid rgba(178,85,39,.2)}.exuviae-horror,.exuviae-life{padding:clamp(3rem,7vw,7rem)}.exuviae-horror{border-right:1px solid rgba(178,85,39,.2);background:radial-gradient(circle at 15% 20%,rgba(178,85,39,.17),transparent 22rem)}.exuviae-life{background:radial-gradient(circle at 85% 80%,rgba(124,134,91,.1),transparent 22rem)}.exuviae-tension h3{margin:0 0 2rem;font:500 clamp(3rem,6vw,6.5rem)/.84 var(--display);text-transform:uppercase}.exuviae-tension>div>p:last-child{color:#aea69f;font:1.04rem/1.78 var(--serif)}.exuviae-statement{width:min(1030px,90%);margin:clamp(8rem,13vw,14rem) auto 0;color:#d8c9bd;font:italic clamp(1.8rem,4vw,4.3rem)/1.23 var(--serif);text-align:center}

.chapter-culture{min-height:0;padding-bottom:clamp(10rem,16vw,18rem);overflow:hidden}.culture-copy{margin-bottom:0}.genre-triptych{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);width:min(1400px,calc(100% - var(--gutter)*2));margin:clamp(15rem,23vw,25rem) auto 0;border:1px solid rgba(174,64,68,.24)}.genre-panel{min-height:520px;padding:clamp(2rem,5vw,5rem);border-right:1px solid rgba(174,64,68,.2);background:linear-gradient(0deg,rgba(3,4,5,.9),transparent 55%),radial-gradient(circle at 50% 22%,rgba(182,31,39,.16),transparent 18rem),#080405}.genre-panel:last-child{border-right:0}.genre-panel>p:first-child{color:#a45558;font:.56rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.genre-panel h3{margin:clamp(8rem,12vw,13rem) 0 2rem;font:500 clamp(2.7rem,5vw,5.5rem)/.86 var(--display);text-transform:uppercase}.genre-panel>p:last-child{color:#b4aaa5;font:1rem/1.75 var(--serif)}.genre-panel.cryo{background:linear-gradient(0deg,rgba(3,4,5,.9),transparent 55%),radial-gradient(circle at 50% 22%,rgba(91,145,157,.16),transparent 18rem),#040709}.genre-panel.rail{background:linear-gradient(0deg,rgba(3,4,5,.9),transparent 55%),radial-gradient(circle at 50% 22%,rgba(143,100,58,.16),transparent 18rem),#080605}
.microstyles{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;width:min(1100px,90%);margin:4rem auto 0}.microstyles span{padding:.7rem .85rem;border:1px solid rgba(174,64,68,.24);color:#a98686;font:.57rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.bands{position:relative;z-index:2;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,9rem);width:min(1250px,calc(100% - var(--gutter)*2));margin:clamp(9rem,15vw,16rem) auto 0}.bands-head h3{margin:0;font:500 clamp(3.2rem,7vw,7.5rem)/.82 var(--display);text-transform:uppercase}.band-register{border-top:1px solid rgba(174,64,68,.28)}.band-register p{display:flex;justify-content:space-between;gap:1.5rem;margin:0;padding:1rem .2rem;border-bottom:1px solid rgba(255,255,255,.09)}.band-register b{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.band-register span{color:#9c7778;font:.57rem/1.3 var(--mono);text-align:right;text-transform:uppercase}
.synthetic-classic{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem);align-items:center;width:min(1300px,calc(100% - var(--gutter)*2));margin:clamp(9rem,15vw,16rem) auto 0;padding:clamp(3rem,7vw,7rem);border:1px solid rgba(164,152,194,.19);background:radial-gradient(circle at 19% 50%,rgba(140,126,180,.14),transparent 25rem),#050508}.synthetic-orbit{position:relative;aspect-ratio:1;border:1px solid rgba(181,172,207,.18);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3rem,rgba(181,172,207,.07) 3rem calc(3rem + 1px))}.synthetic-orbit::before,.synthetic-orbit::after{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,#b5acce,transparent)}.synthetic-orbit::after{top:50%;left:8%;right:8%;width:auto;height:1px}.synthetic-orbit i{position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;background:#c6bfd9;box-shadow:0 0 30px #9b8eb8}.synthetic-orbit i:nth-child(2){transform:translate(750%,-900%);opacity:.5}.synthetic-orbit i:nth-child(3){transform:translate(-1000%,650%);opacity:.32}.synthetic-classic h3{margin:0 0 2.5rem;font:500 clamp(3.8rem,8vw,8.5rem)/.77 var(--display);color:#d6d1de}.synthetic-classic>div:last-child>p:not(.city-code):not(.ensembles){color:#b4aebe;font:1.05rem/1.8 var(--serif)}.ensembles{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.ensembles span{padding:.65rem .8rem;border:1px solid rgba(181,172,207,.22);color:#aaa2bc;font:.58rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.culture-bodyhorror{position:relative;z-index:2;width:min(1050px,90%);margin:clamp(8rem,13vw,14rem) auto 0;color:#b6aaa6;text-align:center;font:1.04rem/1.8 var(--serif)}.culture-bodyhorror strong{display:block;margin-top:3rem;color:#dfd5cf;font:italic clamp(1.9rem,4vw,4.4rem)/1.2 var(--serif)}

.chapter-beyond{display:block;min-height:0;padding:clamp(10rem,16vw,18rem) var(--gutter);overflow:hidden}.beyond-artwork{height:100%;min-height:100svh}.beyond-copy{position:relative;z-index:2;width:min(1200px,100%);padding:0;margin:0 auto clamp(8rem,13vw,14rem)}.beyond-copy h2{font-size:clamp(7rem,21vw,22rem)}.beyond-copy>p:last-child{margin-left:auto}.offworld-register{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);width:min(1400px,100%);margin:0 auto;border:1px solid rgba(96,130,143,.2);background:rgba(2,4,5,.76)}.offworld-register article{min-height:470px;padding:clamp(2.5rem,5vw,5rem);border-right:1px solid rgba(96,130,143,.18);background:linear-gradient(0deg,rgba(3,4,5,.78),transparent),radial-gradient(circle at 50% 18%,rgba(96,130,143,.13),transparent 18rem)}.offworld-register article:last-child{border-right:0}.offworld-register p{color:#688693;font:.57rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.offworld-register h3{margin:clamp(9rem,13vw,14rem) 0 2rem;font:500 clamp(3rem,6vw,6.5rem)/.8 var(--display);text-transform:uppercase}.offworld-register span{color:#a9b1b2;font:1rem/1.75 var(--serif)}.orpheon{position:relative;z-index:2;width:min(1160px,100%);margin:clamp(8rem,13vw,14rem) auto;padding:clamp(3rem,8vw,8rem);border:1px solid rgba(138,49,58,.26);background:radial-gradient(circle at 78% 40%,rgba(138,49,58,.2),transparent 25rem),repeating-linear-gradient(135deg,transparent 0 3rem,rgba(255,255,255,.02) 3rem calc(3rem + 1px)),#050405}.orpheon::before{content:"REDACTED";position:absolute;right:3%;top:5%;color:rgba(183,54,64,.06);font:500 clamp(5rem,14vw,15rem)/.7 var(--display);transform:rotate(-8deg)}.orpheon h3{position:relative;margin:0;font:500 clamp(6rem,16vw,17rem)/.7 var(--display);color:#a33d45}.orpheon>p:last-child{position:relative;max-width:740px;margin:3rem 0 0 auto;color:#b4a9aa;font:1.06rem/1.82 var(--serif)}.outer-limit{position:relative;z-index:2;width:min(1100px,100%);margin:0 auto}.outer-limit h3{margin:0;font:500 clamp(3.2rem,8vw,8.5rem)/.84 var(--display);text-transform:uppercase}.outer-limit h3 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(230,225,214,.48)}.outer-limit p{max-width:650px;margin:3rem 0 0 auto;color:#a7abad;font:1.08rem/1.8 var(--serif)}

@media (max-width: 1050px) {
  .capital-monument{grid-template-columns:.75fr 1.25fr;min-height:760px}.directorate-intro{grid-template-columns:1fr}.directorate-intro .chapter-marker,.directorate-intro h2,.directorate-intro>div{grid-column:1;grid-row:auto}.consulates-head{grid-template-columns:1fr}.license-field{grid-template-columns:1fr;gap:5rem}.creature-depth{grid-template-columns:.45fr .8fr}.creature-copy{grid-column:1/-1}.genre-panel{padding:2.5rem}.bands{grid-template-columns:1fr;gap:4rem}
}

@media (max-width: 780px) {
  .hero-megastructure{right:1%;width:82vw;height:70%}.hero-artwork-slot> b{right:12%;bottom:12%;font-size:clamp(1.6rem,8vw,3.2rem)}.hero-artwork-slot .artwork-code{right:12%;top:13%}
  .expanse-register{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.25rem}.expanse-register blockquote{grid-column:1;margin-top:1rem}
  .chapter-cities,.chapter-directorate,.chapter-ascensa,.chapter-exuviae,.chapter-beyond{padding-left:var(--gutter);padding-right:var(--gutter)}.cities-intro h2,.directorate-intro h2,.ascensa-head h2,.exuviae-head h2{font-size:clamp(3.5rem,16vw,7rem)}.cities-lede{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.capital-monument{display:flex;flex-direction:column;min-height:0}.capital-silhouette{width:100%;height:620px;margin:0}.capital-copy{padding:2.5rem 1.4rem 3.5rem}.capital-copy h3{font-size:clamp(3.25rem,12vw,6rem)}.meridian-correction{grid-template-columns:1fr;gap:1.2rem}.city-regions{grid-template-columns:1fr}.region-meridian{grid-column:auto}.region-meridian ol{columns:1}.city-region{padding:2.2rem 1.2rem}.settlement-register{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.3rem}.special-colonies{grid-column:1}.special-colonies span{width:100%;margin-bottom:.5rem}
  .ten-chamber{grid-template-columns:1fr}.ten-seal{width:min(100%,480px)}.directorate-list{grid-template-columns:1fr}.directorate-list li,.directorate-list li:nth-child(odd),.directorate-list li:nth-last-child(-n+2){border-right:0;border-bottom:1px solid rgba(230,225,214,.09)}.directorate-list li:last-child{border-bottom:0}.consulates-head{display:block}.consulates-head>p:last-child{margin-top:2rem}.consulate{grid-template-columns:1fr;gap:1rem;padding:3rem 1.2rem}.consulate-no{font-size:4rem}.consulate>div{grid-template-columns:1fr}.consulate>div>*{grid-column:1!important}.consulate strong{margin-top:1rem}
  .ascensa-head h2{font-size:clamp(5rem,24vw,10rem)}.ascensa-contract{grid-template-columns:1fr}.contract-promise{border-right:0;border-bottom:1px solid rgba(202,37,44,.28)}.trial-stage{min-height:700px}.trial-stage>p{font-size:clamp(4rem,17vw,8rem)}.trial-body{width:62vw}.procedure-signal ul{grid-template-columns:1fr 1fr}.procedure-signal li:nth-child(2){border-right:0}.procedure-signal li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .creature-depth{grid-template-columns:1fr}.creature-anatomy{min-height:520px}.creature-signal{grid-template-columns:1fr}.creature-signal blockquote{grid-column:1}.exuviae-head h2{font-size:clamp(5.5rem,25vw,10rem)}.exuviae-tension{grid-template-columns:1fr}.exuviae-horror{border-right:0;border-bottom:1px solid rgba(178,85,39,.2)}
  .genre-triptych{grid-template-columns:1fr;margin-top:10rem}.genre-panel{min-height:420px;border-right:0;border-bottom:1px solid rgba(174,64,68,.2)}.genre-panel:last-child{border-bottom:0}.genre-panel h3{margin-top:7rem}.bands{width:calc(100% - var(--gutter)*2)}.synthetic-classic{grid-template-columns:1fr;width:calc(100% - var(--gutter)*2);padding:2rem 1.3rem 3rem}.synthetic-orbit{width:min(100%,480px)}
  .beyond-copy h2{font-size:clamp(5.5rem,25vw,10rem)}.offworld-register{grid-template-columns:1fr}.offworld-register article{min-height:390px;border-right:0;border-bottom:1px solid rgba(96,130,143,.18)}.offworld-register article:last-child{border-bottom:0}.offworld-register h3{margin-top:7rem}.orpheon{padding:4rem 1.3rem}.orpheon h3{font-size:clamp(5rem,22vw,9rem)}
}

@media (max-width: 520px) {
  .hero-artwork-slot> b small{letter-spacing:.14em}.capital-silhouette{height:480px}.capital-copy{padding-left:1.1rem;padding-right:1.1rem}.capital-levels span{font-size:.48rem}.settlement-register ul{grid-template-columns:1fr}.settlement-register li:nth-child(odd){border-right:0}.directorate-list li{grid-template-columns:2rem 1fr;padding:1.5rem 1rem}.directorate-list h3{font-size:1.6rem}.ten-seal{aspect-ratio:.84}.consulate h3{font-size:clamp(2.5rem,13vw,4.5rem)}.contract-promise,.contract-cost{padding:2.5rem 1.2rem}.contract-promise h3{font-size:clamp(2.8rem,13vw,5rem)}.license-list li{grid-template-columns:2rem 1fr}.procedure-signal{padding:2rem 1rem}.procedure-signal li{font-size:1.35rem}.trial-stage{min-height:590px}.creature-anatomy{min-height:420px}.exuviae-horror,.exuviae-life{padding:3rem 1.2rem}.band-register p{display:grid;gap:.35rem}.band-register span{text-align:left}.synthetic-classic h3{font-size:clamp(3.4rem,16vw,5.5rem)}.offworld-register article{padding:2.5rem 1.2rem}.outer-limit h3{font-size:clamp(3rem,14vw,5rem)}
}

/* Clarity and responsive overflow corrections */
.trial-stage > p {
  right: var(--gutter);
  width: auto;
  max-width: calc(100% - (var(--gutter) * 2));
  font-size: clamp(1.9rem, 8.8vw, 9rem);
  line-height: .76;
}

.procedure-signal h3 {
  max-width: 760px;
  margin: 1.2rem 0 1.5rem;
  font: 500 clamp(2.8rem, 6vw, 6.5rem)/.84 var(--display);
  text-transform: uppercase;
}
.procedure-explainer {
  max-width: 760px;
  margin: 0;
  color: #b9aaa5;
  font: 1.04rem/1.75 var(--serif);
}
.procedure-explainer strong { color: #e1d5cd; font-weight: 400; }
.limina {
  display: grid;
  grid-template-columns: .62fr 1.38fr;
  gap: 1rem 3rem;
  align-items: start;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(255,255,255,.1);
  text-transform: none;
}
.limina > p:first-child {
  grid-column: 1 / -1;
  margin: 0;
  color: #a95255;
  font: .56rem/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.limina h4 {
  margin: 0;
  color: #e0d5ce;
  font: 500 clamp(2rem, 4vw, 4.2rem)/.88 var(--display);
  letter-spacing: 0;
}
.limina > p:last-child {
  margin: 0;
  color: #a9a09b;
  font: 1rem/1.72 var(--serif);
  letter-spacing: 0;
}

.feral-definition {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: clamp(3rem, 8vw, 9rem);
  align-items: end;
  width: min(1250px, calc(100% - (var(--gutter) * 2)));
  margin: clamp(10rem, 16vw, 17rem) auto 0;
  padding: clamp(2.5rem, 6vw, 6rem);
  border-top: 2px solid #ae4044;
  background: radial-gradient(circle at 18% 70%, rgba(182,31,39,.19), transparent 24rem), #080405;
}
.feral-definition h3 {
  margin: 0;
  color: #ded3cc;
  font: 500 clamp(5rem, 12vw, 13rem)/.72 var(--display);
}
.feral-definition-copy > strong {
  display: block;
  color: #e1d5ce;
  font: 500 clamp(1.5rem, 2.7vw, 2.8rem)/1.08 var(--display);
  text-transform: uppercase;
}
.feral-definition-copy p { margin: 1.5rem 0 0; color: #b4aaa5; font: 1.04rem/1.75 var(--serif); }
.feral-definition-copy b { color: #dfc8c7; font-weight: 700; }
.feral-definition + .genre-triptych { margin-top: clamp(5rem, 9vw, 9rem); }
.microstyle-register {
  position: relative;
  z-index: 2;
  width: min(1100px, calc(100% - (var(--gutter) * 2)));
  margin: 4rem auto 0;
  text-align: center;
}
.microstyle-register > p { margin: 0; color: #a45558; font: .58rem/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.microstyle-register .microstyles { width: 100%; margin: 1.5rem 0 0; }
.band-key { max-width: 520px; margin: 2rem 0 0; color: #a99d98; font: 1rem/1.7 var(--serif); }
.band-register-head {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  padding: .8rem .2rem;
  border-bottom: 1px solid rgba(174,64,68,.28);
  color: #a45558;
  font: .54rem/1 var(--mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.band-register-head span:last-child { text-align: right; }
.elite-declaration {
  margin-bottom: 1.5rem !important;
  padding: 1.1rem 1.2rem;
  border-left: 2px solid #a99fbe;
  background: rgba(181,172,207,.07);
  color: #ded8e6 !important;
  font: 500 clamp(1.35rem, 2.3vw, 2.35rem)/1.12 var(--display) !important;
  text-transform: uppercase;
}
.elite-ensembles { margin-top: 2.4rem; padding-top: 1.5rem; border-top: 1px solid rgba(181,172,207,.18); }
.elite-ensembles > p:first-child { margin: 0; color: #928aa5; font: .56rem/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.elite-ensembles .ensembles { margin: 1rem 0 0; }

@media (max-width: 780px) {
  .city-regions { grid-template-columns: minmax(0, 1fr); width: 100%; }
  .city-region { min-width: 0; overflow: hidden; }
  .city-region header { grid-template-columns: auto minmax(0, 1fr); }
  .city-region header > div, .city-region ol, .city-region li { min-width: 0; }
  .city-region h3, .city-region li b { overflow-wrap: anywhere; }
  .city-region h3 { font-size: clamp(1.75rem, 8.8vw, 3rem); }
  .limina { grid-template-columns: 1fr; }
  .feral-definition { grid-template-columns: 1fr; }
  .feral-definition h3 { font-size: clamp(5rem, 22vw, 9rem); }
}

@media (max-width: 520px) {
  :root { --gutter: 1.75rem; }
  .continuity-rail { width: 28px; }
  .chapter,
  .chapter-cities,
  .chapter-directorate,
  .chapter-ascensa,
  .chapter-houses,
  .chapter-exuviae,
  .chapter-thalassa,
  .finale,
  .transmission,
  .interlude,
  .site-footer { padding-right: calc(var(--gutter) + 1rem); }
  .hero h1 { font-size: clamp(3.9rem, 19vw, 5rem); }
  .cities-intro h2 { font-size: clamp(2.85rem, 14vw, 4.4rem); overflow-wrap: anywhere; }
  .capital-monument { align-items: stretch; }
  .capital-copy { box-sizing: border-box; width: 100%; min-width: 0; }
  .capital-copy h3 { font-size: clamp(3.85rem, 18vw, 5.8rem); overflow-wrap: anywhere; }
  .meridian-correction { min-width: 0; }
  .meridian-correction strong { font-size: clamp(1.8rem, 9vw, 2.8rem); overflow-wrap: anywhere; }
  .city-region { padding: 1.8rem .9rem; }
  .city-region header { grid-template-columns: 3rem minmax(0, 1fr); gap: .75rem; }
  .city-region header > span { font-size: 2.8rem; }
  .city-region h3 { font-size: clamp(1.35rem, 7vw, 2.2rem); line-height: .92; }
  .city-region li { gap: .55rem; }
  .city-region li b { letter-spacing: .055em; }
  .consulates-head h2 { font-size: clamp(2.8rem, 14vw, 4.2rem); overflow-wrap: anywhere; }
  .directorate-intro { grid-template-columns: minmax(0, 1fr); }
  .directorate-intro > * { min-width: 0; }
  .directorate-intro h2 { font-size: clamp(3rem, 15.5vw, 4.8rem); overflow-wrap: anywhere; }
  .consulate { grid-template-columns: minmax(0, 1fr); }
  .consulate > div { min-width: 0; grid-template-columns: minmax(0, 1fr); }
  .consulate h3, .consulate strong, .consulate p { overflow-wrap: anywhere; }
  .ascensa-head h2 { font-size: clamp(4.4rem, 22vw, 8rem); }
  .license-field { grid-template-columns: minmax(0, 1fr); }
  .license-head, .license-list { min-width: 0; }
  .license-head h3 { font-size: clamp(2.25rem, 11.5vw, 4rem); overflow-wrap: anywhere; }
  .license-list li { grid-template-columns: 2rem minmax(0, 1fr); overflow-wrap: anywhere; }
  .procedure-signal h3 { font-size: clamp(2.2rem, 11vw, 3.4rem); overflow-wrap: anywhere; }
  .house, .house:nth-child(even) { grid-template-columns: 2.25rem minmax(0, 1fr); }
  .house-copy { min-width: 0; }
  .house h3, .house-copy p { overflow-wrap: anywhere; }
  .enforcers-title h2 { font-size: clamp(2.35rem, 12vw, 4rem); overflow-wrap: anywhere; }
  .exuviae-head h2 { font-size: clamp(4.6rem, 25vw, 8rem); overflow-wrap: anywhere; }
  .thalassa-head h2 { font-size: clamp(4rem, 20vw, 7rem); overflow-wrap: anywhere; }
  .beyond-copy h2 { font-size: clamp(4.2rem, 20vw, 6.4rem); overflow-wrap: anywhere; }
  .orpheon h3 { font-size: clamp(3.7rem, 18vw, 5.8rem); overflow-wrap: anywhere; }
  .outer-limit h3 { font-size: clamp(2.45rem, 12vw, 4rem); overflow-wrap: anywhere; }
  .trial-stage > p { left: var(--gutter); right: var(--gutter); max-width: none; font-size: clamp(1.9rem, 8.8vw, 3.2rem); }
  .procedure-signal ul { grid-template-columns: 1fr; }
  .procedure-signal li { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .procedure-signal li:last-child { border-bottom: 0; }
  .feral-definition { padding: 2.5rem 1.2rem; }
  .band-register-head { display: grid; gap: .3rem; }
  .band-register-head span:last-child { text-align: left; }
}

/* Selective canon archive: compact surface, optional depth */
.chapter-archives {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(9rem, 15vw, 17rem) var(--gutter);
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(124,183,184,.045) 50%, transparent calc(50% + .5px)),
    radial-gradient(circle at 88% 6%, rgba(124,183,184,.11), transparent 31rem),
    radial-gradient(circle at 9% 63%, rgba(159,23,29,.12), transparent 34rem),
    #040606;
}
.chapter-archives::before {
  content: "ARCHIVE";
  position: absolute;
  z-index: -1;
  top: 2rem;
  right: -1.5rem;
  color: rgba(230,225,214,.018);
  font: 500 clamp(7rem, 22vw, 23rem)/.75 var(--display);
  letter-spacing: -.06em;
}
.archives-head { width: min(1120px, 100%); margin: 0 auto clamp(5rem, 9vw, 9rem); }
.archives-head h2 { margin: 0; font: 500 clamp(4rem, 10vw, 11rem)/.79 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.archives-head h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(124,183,184,.56); }
.archives-head > p:last-child { max-width: 720px; margin: 3rem 0 0 auto; color: #aaaead; font: clamp(1rem,1.35vw,1.2rem)/1.75 var(--serif); }
.archive-fastread { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); width: min(1320px,100%); margin: 0 auto; border: 1px solid rgba(124,183,184,.17); background: rgba(4,6,6,.76); }
.archive-fastread article { min-width: 0; min-height: 260px; padding: clamp(1.5rem,3vw,3rem); border-right: 1px solid rgba(124,183,184,.13); }
.archive-fastread article:last-child { border-right: 0; }
.archive-fastread span { color: #699293; font: .56rem/1.3 var(--mono); letter-spacing: .14em; }
.archive-fastread h3 { margin: 4.5rem 0 1rem; color: var(--bone); font: 500 clamp(1.8rem,3vw,3.3rem)/.9 var(--display); letter-spacing: -.02em; text-transform: uppercase; overflow-wrap: anywhere; }
.archive-fastread p { margin: 0; color: #929795; font: .94rem/1.62 var(--serif); }
.archive-instruction { display: flex; gap: .8rem; align-items: center; width: min(1320px,100%); margin: 2.4rem auto 1rem; color: #6f7775; font: .59rem/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.archive-instruction span { display: inline-grid; flex: 0 0 auto; width: 1.65rem; height: 1.65rem; place-items: center; border: 1px solid rgba(124,183,184,.28); color: var(--signal); }
.archive-ledger { width: min(1320px,100%); margin: 0 auto; border-top: 1px solid rgba(230,225,214,.14); }
.lore-dossier { min-width: 0; border-bottom: 1px solid rgba(230,225,214,.14); background: rgba(2,4,4,.34); }
.lore-dossier[open] { background: linear-gradient(115deg,rgba(124,183,184,.06),transparent 35%),rgba(2,4,4,.74); }
.lore-dossier summary { display: grid; grid-template-columns: 7rem minmax(0,1fr) 2.4rem; gap: clamp(1rem,3vw,3rem); align-items: center; min-height: 132px; padding: 1.6rem clamp(1rem,3vw,3rem); cursor: pointer; list-style: none; }
.lore-dossier summary::-webkit-details-marker { display: none; }
.lore-dossier summary:focus-visible { outline: 2px solid var(--signal); outline-offset: -4px; }
.lore-dossier summary:hover b { color: #fff; }
.dossier-number { color: #789596; font: .58rem/1.4 var(--mono); letter-spacing: .15em; }
.lore-dossier summary > span:nth-child(2) { min-width: 0; }
.lore-dossier summary b { display: block; color: #d2d0c8; font: 500 clamp(1.7rem,3.6vw,4rem)/.9 var(--display); letter-spacing: -.015em; text-transform: uppercase; transition: color .2s; overflow-wrap: anywhere; }
.lore-dossier summary small { display: block; margin-top: .7rem; color: #656b69; font: .55rem/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.lore-dossier summary > i { position: relative; display: block; width: 2.2rem; height: 2.2rem; border: 1px solid rgba(124,183,184,.25); }
.lore-dossier summary > i::before, .lore-dossier summary > i::after { content:""; position:absolute; top:50%; left:50%; width:.8rem; height:1px; background:#81a7a6; transform:translate(-50%,-50%); transition:transform .22s; }
.lore-dossier summary > i::after { transform:translate(-50%,-50%) rotate(90deg); }
.lore-dossier[open] summary > i::after { transform:translate(-50%,-50%) rotate(0); }
.dossier-body { padding: clamp(1.5rem,4vw,4rem) clamp(1rem,4.5vw,5rem) clamp(4rem,7vw,7rem); border-top: 1px solid rgba(124,183,184,.1); }
.dossier-lede { max-width: 960px; margin: 0 0 clamp(2.5rem,5vw,5rem); color: #cac8c0; font: clamp(1.12rem,1.7vw,1.5rem)/1.65 var(--serif); }
.dossier-columns { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,7vw,7rem); }
.dossier-columns p { margin: 0; color: #9ca09d; font: 1rem/1.75 var(--serif); }
.archive-process { display: grid; grid-template-columns: auto minmax(1rem,1fr) auto minmax(1rem,1fr) auto minmax(1rem,1fr) auto minmax(1rem,1fr) auto; gap: .8rem; align-items: center; margin: 0 0 4rem; color: #9a9d98; font: .58rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.archive-process i { height: 1px; background: linear-gradient(90deg,rgba(124,183,184,.18),rgba(159,23,29,.65)); }
.archive-fragment { position: relative; max-width: 980px; margin: 4rem 0 0 auto; padding: 2rem 2rem 2rem 3rem; border-left: 2px solid var(--blood); background: rgba(63,13,16,.16); color: #b7aaa3; font: italic clamp(1.05rem,1.45vw,1.28rem)/1.7 var(--serif); }
.archive-fragment span { display: block; margin-bottom: .8rem; color: #9a5559; font: .54rem/1.3 var(--mono); font-style: normal; letter-spacing: .14em; text-transform: uppercase; }
.faith-register, .creature-register { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(230,225,214,.12); border-left: 1px solid rgba(230,225,214,.12); }
.faith-register article, .creature-register article { min-width: 0; padding: 2rem; border-right: 1px solid rgba(230,225,214,.12); border-bottom: 1px solid rgba(230,225,214,.12); }
.faith-register span, .creature-register span { color: #8e5558; font: .55rem/1.3 var(--mono); letter-spacing: .12em; }
.faith-register h3, .creature-register h3 { margin: 2.5rem 0 1rem; font: 500 clamp(1.45rem,2.5vw,2.8rem)/.9 var(--display); text-transform: uppercase; overflow-wrap: anywhere; }
.faith-register p, .creature-register p { margin: 0; color: #959995; font: .93rem/1.6 var(--serif); }
.archive-rule { display: grid; grid-template-columns: minmax(120px,.35fr) 1fr; gap: 2rem; align-items: center; margin: 3rem 0 0; padding: 2rem; border: 1px solid rgba(124,183,184,.16); }
.archive-rule b { color: #8eb6b5; font: 500 clamp(2rem,4vw,4.5rem)/.8 var(--display); letter-spacing: -.025em; }
.archive-rule p { margin: 0; color: #9ea3a0; font: 1rem/1.7 var(--serif); }
.dossier-note { margin: 3rem 0 0; padding-top: 1.5rem; border-top: 1px solid rgba(230,225,214,.1); color: #777d7a; font: .64rem/1.7 var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.synapsa-depths { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 4rem; border-top: 1px solid rgba(124,183,184,.18); border-bottom: 1px solid rgba(124,183,184,.18); }
.synapsa-depths span { min-width: 0; padding: 1.2rem .6rem; border-right: 1px solid rgba(124,183,184,.12); color: #787e7b; font: .54rem/1.4 var(--mono); text-align: center; text-transform: uppercase; overflow-wrap: anywhere; }
.synapsa-depths span:last-child { border-right: 0; }
.synapsa-depths b { display: block; margin-bottom: .45rem; color: var(--signal); font-size: 1rem; }
.civil-night-register, .weather-register { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid rgba(230,225,214,.12); border-left: 1px solid rgba(230,225,214,.12); }
.civil-night-register article, .weather-register article { min-width: 0; padding: 2rem; border-right: 1px solid rgba(230,225,214,.12); border-bottom: 1px solid rgba(230,225,214,.12); }
.civil-night-register span { color: #8b5558; font: .58rem/1.3 var(--mono); letter-spacing: .13em; }
.civil-night-register p, .weather-register p { margin: 1.1rem 0 0; color: #979b98; font: .95rem/1.65 var(--serif); }
.weather-register b { color: #afc6c4; font: 500 clamp(1.65rem,2.8vw,3rem)/.9 var(--display); text-transform: uppercase; }
.lock-years { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(230,225,214,.12); border-left: 1px solid rgba(230,225,214,.12); }
.lock-years li { min-width: 0; padding: 2rem; border-right: 1px solid rgba(230,225,214,.12); border-bottom: 1px solid rgba(230,225,214,.12); }
.lock-years span { color: #8e5558; font: .55rem/1.35 var(--mono); letter-spacing: .11em; }
.lock-years b { display: block; margin: 2rem 0 .8rem; color: #c8c5bd; font: 500 clamp(1.6rem,2.7vw,3rem)/.9 var(--display); text-transform: uppercase; }
.lock-years p { margin: 0; color: #929693; font: .94rem/1.6 var(--serif); }
.creature-register article { min-height: 310px; background: radial-gradient(circle at 88% 15%,rgba(159,23,29,.08),transparent 9rem); }
.creature-register small { display: block; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(230,225,214,.08); color: #6e7773; font: .56rem/1.55 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.orpheon-dossier[open] { background: linear-gradient(115deg,rgba(159,23,29,.09),transparent 37%),#030303; }
.orpheon-dossier .dossier-number { color: #a1464b; }
.black-fragment { background: linear-gradient(90deg,rgba(108,13,20,.22),rgba(3,3,3,.75)); }
.archive-cut { margin: 2.5rem 0 0; color: #7b272d; font: .58rem/1.5 var(--mono); letter-spacing: .16em; text-align: right; }

@media (max-width: 980px) {
  .archive-fastread { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .archive-fastread article { border-bottom: 1px solid rgba(124,183,184,.13); }
  .archive-fastread article:nth-child(2n) { border-right: 0; }
  .archive-fastread article:nth-last-child(-n+2) { border-bottom: 0; }
  .faith-register, .creature-register { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 780px) {
  .chapter-archives { padding-left: var(--gutter); padding-right: calc(var(--gutter) + 1rem); }
  .archives-head h2 { font-size: clamp(3.5rem,15vw,7rem); }
  .archives-head > p:last-child { margin-left: 0; }
  .lore-dossier summary { grid-template-columns: 5rem minmax(0,1fr) 2.2rem; gap: 1rem; }
  .dossier-columns { grid-template-columns: 1fr; gap: 1.4rem; }
  .archive-process { grid-template-columns: 1fr; justify-items: start; }
  .archive-process i { width: 1px; height: 1.15rem; margin-left: .35rem; background: linear-gradient(rgba(124,183,184,.18),rgba(159,23,29,.65)); }
  .synapsa-depths { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .synapsa-depths span:nth-child(3) { border-right: 0; }
  .synapsa-depths span:nth-child(-n+3) { border-bottom: 1px solid rgba(124,183,184,.12); }
}

@media (max-width: 520px) {
  .gate-fiction-note { font-size: .47rem; }
  .capital-copy h3 { max-width: 100%; font-size: clamp(2.5rem,12vw,4.1rem); line-height: .78; letter-spacing: -.055em; white-space: nowrap; overflow-wrap: normal; }
  .city-region h3 { hyphens: manual; overflow-wrap: normal; word-break: normal; }
  .region-cinder h3 { font-size: clamp(1.18rem,5.9vw,1.8rem); }
  .region-pelagic h3 { font-size: clamp(1.08rem,5.45vw,1.65rem); }
  .region-outer h3 { font-size: clamp(1.04rem,5.25vw,1.55rem); line-height: 1; }
  .region-orbital h3 { font-size: clamp(1.08rem,5.45vw,1.65rem); line-height: 1; }
  .chapter-archives { padding-top: 8rem; padding-bottom: 9rem; }
  .archives-head { margin-bottom: 4.5rem; }
  .archives-head h2 { font-size: clamp(3.1rem,14.5vw,4.5rem); overflow-wrap: anywhere; }
  .archives-head > p:last-child { margin-top: 2rem; }
  .archive-fastread { grid-template-columns: 1fr; }
  .archive-fastread article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(124,183,184,.13) !important; }
  .archive-fastread article:last-child { border-bottom: 0 !important; }
  .archive-fastread h3 { margin-top: 2.5rem; }
  .archive-instruction { align-items: flex-start; }
  .lore-dossier summary { grid-template-columns: 1fr 2rem; min-height: 0; padding: 1.7rem .35rem; }
  .dossier-number { grid-column: 1 / -1; }
  .lore-dossier summary > span:nth-child(2) { grid-column: 1; }
  .lore-dossier summary > i { grid-column: 2; grid-row: 2; width: 2rem; height: 2rem; }
  .lore-dossier summary b { font-size: clamp(1.5rem,7vw,2.15rem); hyphens: manual; overflow-wrap: normal; word-break: normal; }
  .dossier-body { padding-left: .35rem; padding-right: .35rem; }
  .faith-register, .creature-register, .civil-night-register, .weather-register, .lock-years { grid-template-columns: 1fr; }
  .faith-register article, .creature-register article, .civil-night-register article, .weather-register article, .lock-years li { border-right: 0; padding: 1.5rem 1.25rem; }
  .creature-register article { min-height: 0; }
  .archive-rule { grid-template-columns: 1fr; padding: 1.5rem 1.25rem; }
  .synapsa-depths { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .synapsa-depths span:nth-child(3) { border-right: 1px solid rgba(124,183,184,.12); }
  .synapsa-depths span:nth-child(2n) { border-right: 0; }
  .synapsa-depths span:nth-child(-n+4) { border-bottom: 1px solid rgba(124,183,184,.12); }
  .archive-fragment { padding: 1.5rem 1.25rem 1.5rem 1.6rem; }
  .archive-cut { text-align: left; overflow-wrap: anywhere; }
}

@media (max-width: 360px) {
  .lore-dossier summary b { font-size: clamp(1.35rem,6.2vw,1.75rem); }
}