:root{--ink:#101311;--panel:#181c19;--paper:#eee5d1;--muted:#b1b4a7;--gold:#c6a66e;--line:#424438;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Arial,sans-serif}a{color:inherit}button,select{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{position:sticky;top:0;z-index:10;background:#101311f5;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:16px 4vw;gap:20px}.brand{font:18px var(--serif);letter-spacing:.18em;text-decoration:none;color:var(--gold)}nav{display:flex;gap:24px;align-items:center;font-size:12px;letter-spacing:.08em}nav a{text-decoration:none}.download,.button{display:inline-block;padding:11px 18px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font-size:12px;letter-spacing:.08em;background:transparent;cursor:pointer}.button.solid{background:var(--gold);color:var(--ink)}main{overflow:hidden}.wrap{max-width:1320px;margin:auto;padding:0 5vw}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:bold}.hero{min-height:730px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;border-bottom:1px solid var(--line)}.hero-copy{z-index:1;padding:65px 0}.hero h1{font:clamp(64px,8.5vw,122px)/.96 var(--serif);letter-spacing:-.05em;margin:25px 0}.hero h1 em{color:var(--gold);font-weight:normal}.lead{color:var(--muted);font-size:18px;max-width:480px}.hero-art{position:relative;height:620px;overflow:hidden;background:#191919}.hero-art img{height:100%;width:100%;object-fit:cover}.art-seal{position:absolute;bottom:25px;left:25px;border:1px solid var(--gold);padding:10px 16px;color:var(--gold);background:#101311e8;font:13px var(--serif);letter-spacing:.08em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-note{font-size:12px;max-width:450px;color:var(--muted)}.numberline{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:24px;margin-top:38px}.numberline strong{display:block;font:28px var(--serif);color:var(--gold)}.numberline span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.section{padding:90px 0;border-bottom:1px solid var(--line)}h2{font:clamp(36px,5vw,64px)/1.1 var(--serif);font-weight:normal;letter-spacing:-.03em;margin:15px 0 24px}h3{font:25px/1.2 var(--serif);font-weight:normal}h4{font:20px var(--serif);color:var(--gold);margin:0 0 10px}.intro{max-width:750px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px}.panel{background:var(--panel);border:1px solid var(--line);padding:30px}.panel p{color:var(--muted)}.tracks{margin-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.station{border-top:3px solid var(--gold);padding:17px 12px;background:#23281f}.station span{display:block;font-size:11px;color:var(--muted)}.station b{font:20px var(--serif);font-weight:normal}.station.closed{border-color:#646759;background:#171b18;color:#a0a293}.caption{font-size:12px;color:var(--muted)}.vessel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:35px}.vessel{margin:0;border:1px solid var(--line);background:var(--panel)}.vessel img{display:block;width:100%;height:330px;object-fit:cover}.vessel figcaption{padding:23px}.vessel h3{margin:0 0 6px}.vessel p{font-size:13px;color:var(--muted);margin:0}.same-oath{border-left:3px solid var(--gold);padding:18px 24px;margin-top:25px;background:var(--panel)}.order-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.order-nav a{padding:10px 16px;text-decoration:none;border:1px solid var(--line);font:16px var(--serif)}.order-nav a:hover{border-color:var(--gold)}.order{padding:70px 0;border-bottom:1px solid var(--line)}.order-layout{display:grid;grid-template-columns:43% 1fr;gap:45px}.portrait{position:relative;align-self:start;background:#191919;border:1px solid var(--line)}.portrait img{display:block;width:100%;height:470px;object-fit:cover}.portrait-foot{padding:20px 25px;background:var(--panel)}.portrait-foot blockquote{font:italic 20px/1.4 var(--serif);margin:0;color:var(--gold)}.portrait-foot p{font-size:11px;color:var(--muted);margin-bottom:0}.order h2{font-size:clamp(40px,4.5vw,62px)}.order-deck{font:italic 21px/1.5 var(--serif);color:var(--muted)}.grant{padding:15px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;gap:15px}.grant b{font-size:11px;letter-spacing:.09em;color:var(--gold);padding-top:4px}.grant p{margin:0;font-size:14px;color:var(--paper)}.status{font-size:12px;color:var(--muted);padding:15px;border:1px dashed var(--line)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.stat strong{font:23px var(--serif)}.stat small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-bar{height:3px;background:var(--line);margin-top:7px}.stat-bar i{display:block;height:100%;background:var(--gold)}details{margin-top:25px;border:1px solid var(--line);background:var(--panel)}summary{padding:19px 23px;cursor:pointer;font:20px var(--serif)}.detail-body{padding:0 25px 25px}.detail-body p{color:var(--muted);font-size:14px}.detail-body h4{margin-top:28px}.meta{display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:13px;color:var(--muted);margin:18px 0}.meta b{color:var(--paper)}.archive-label{background:#303024;color:var(--gold);padding:8px 12px;font-size:11px;letter-spacing:.04em}.resist{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px;font-size:13px}td,th{padding:17px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}td:first-child{font:19px var(--serif)}.builder{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.builder label{display:block;color:var(--gold);font-size:12px;margin:12px 0 5px}select{width:100%;padding:14px;background:#101311;color:var(--paper);border:1px solid var(--line)}#build-result h3{color:var(--gold);margin-top:0}#build-result p{font-size:14px}.expedition{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.expedition div{border-top:1px solid var(--gold);padding:20px 10px}.expedition p{color:var(--muted);font-size:14px}.end{padding:70px 0;text-align:center}.end h2{max-width:800px;margin:20px auto}.footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.review{color:var(--gold);font-size:10px;letter-spacing:.1em}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:var(--ink);padding:15px}@media(max-width:900px){nav{gap:12px}nav .optional{display:none}.hero{min-height:0;grid-template-columns:1fr}.hero-art{height:430px}.hero-copy{padding:45px 0 20px}.order-layout{grid-template-columns:1fr}.portrait{max-width:620px;width:100%}.portrait img{height:450px}.split{grid-template-columns:1fr}.vessel-grid{grid-template-columns:1fr}.vessel img{height:390px}.builder{grid-template-columns:1fr}.expedition{grid-template-columns:1fr 1fr}.section{padding:55px 0}.hero h1{font-size:80px}.order{padding:45px 0}}@media(max-width:480px){header{padding:12px 5vw}.brand{font-size:13px}nav a{font-size:10px}.download{padding:9px}.hero h1{font-size:64px}.hero-art{height:360px}.portrait img{height:370px}.grant{grid-template-columns:1fr;gap:5px}.tracks{gap:4px}.station{padding:12px 8px}.station b{font-size:16px}.expedition{grid-template-columns:1fr}.numberline{gap:20px}.footer{display:block}.wrap{padding:0 6vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.builder,.hero-actions,.download{display:none}body{background:white;color:black}.section,.order{break-before:page}.order-layout{display:block}.portrait img{height:260px;object-fit:contain}details{display:block}details>*{display:block!important}p,.lead,.intro,.grant p{color:#222!important}a{color:black}h2{font-size:30px}}

#surveyor .portrait img{height:320px}

/* Embedded inside the existing Codex Order Lore shell. */
html.codex-embed{scroll-padding-top:24px;background:transparent}
html.codex-embed body{background:transparent}
html.codex-embed header,html.codex-embed .skip{display:none}
html.codex-embed main{overflow:visible}
html.codex-embed .wrap{max-width:1320px;padding:0 2.5vw}
html.codex-embed .hero{min-height:650px}
html.codex-embed .panel,html.codex-embed .vessel,html.codex-embed details,html.codex-embed .portrait-foot{background:rgba(24,28,25,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(max-width:900px){html.codex-embed .wrap{padding:0 10px}html.codex-embed .hero{min-height:0}}