.codex{--paper:#efe7d8;--paper-2:#e6dbc7;--paper-3:#d9ccb4;--ink:#1b130c;--ink-2:#4a3d30;--ink-3:#7a6a58;--copper:#b8561f;--copper-2:#d9773f;--night:#0a0806;--serif:var(--font-serif), "Instrument Serif", ui-serif, Georgia, serif;--mono:var(--font-mono), "IBM Plex Mono", ui-monospace, monospace;--g:clamp(16px, 4vw, 64px);--ease:cubic-bezier(.22, 1, .36, 1)}.codex,.codex *{box-sizing:border-box}.codex :where(h1,h2,h3,p,figure,ul,ol){margin:0}.codex{background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.75}.codex a{color:inherit;text-decoration:none}.codex img{max-width:100%;display:block}.codex em{color:var(--copper);font-style:italic}.codex h1,.codex h2,.codex h3{font-family:var(--serif);letter-spacing:-.02em;font-weight:400}.codex .nav{z-index:30;padding:14px var(--g);border-bottom:1px solid var(--paper-3);background:#efe7d8f2;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.codex .brand{font-family:var(--serif);font-size:28px;line-height:1}.codex .links{color:var(--ink-2);gap:28px;font-size:13px;display:flex}.codex .links a:hover{color:var(--copper)}.codex .btn{font-family:var(--mono);background:var(--ink);color:var(--paper);border:1px solid var(--ink);transition:transform .14s var(--ease), background-color .18s ease;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:inline-flex}.codex .btn:hover{background:var(--copper);border-color:var(--copper);transform:translateY(-2px)}.codex .btn:active{transform:scale(.97)}.codex .btn.ghost{color:var(--ink);background:0 0}.codex .btn.ghost:hover{background:var(--paper-2);color:var(--ink);border-color:var(--ink)}.codex .nav .btn{justify-self:end;padding:8px 14px;font-size:13px}.codex .actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.codex .hero{padding:clamp(40px, 6vw, 90px) var(--g) 0;position:relative}.codex .folio{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--paper-3);justify-content:space-between;padding-bottom:14px;font-size:11px;display:flex}.codex .hero-grid{grid-template-columns:1fr minmax(240px,380px);gap:40px;padding-top:30px;display:grid}.codex .hero h1{letter-spacing:-.045em;font-size:clamp(88px,13vw,240px);line-height:.84}.codex .hero h1 .l{padding-bottom:.05em;display:block;overflow:hidden}.codex .hero h1 .l span{display:inline-block}.codex .coin-col{text-align:center;padding-top:10px}.codex .coin{filter:drop-shadow(0 26px 40px #3a20104d);width:100%}.codex .coin-col figcaption{font-family:var(--serif);margin-top:14px;font-size:24px;font-style:italic}.codex .coin-col small{letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;font-size:11px;display:block}.codex .hero-foot{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:50px;padding:30px 0 70px;display:grid}.codex .hero-foot p{color:var(--ink-2)}.codex .hero-foot .lead{color:var(--ink);font-size:17px}.codex .dropcap:first-letter{float:left;font-family:var(--serif);color:var(--copper);padding:6px 10px 0 0;font-size:84px;line-height:.78}.codex .window{margin:0 var(--g);background:var(--night);clip-path:inset(0);height:min(78vh,760px);position:relative;overflow:hidden}.codex #gate-canvas{position:absolute;inset:0}.codex #gate-canvas canvas{display:block;width:100%!important;height:100%!important}.codex .window-copy{color:#f4ede4;pointer-events:none;max-width:640px;position:absolute;bottom:clamp(20px,3vw,44px);left:clamp(20px,3vw,48px)}.codex .window-copy h2{font-size:clamp(44px,5.4vw,92px);line-height:.96}.codex .window-copy em{color:#f0a878}.codex .legend{color:#b9ab9b;gap:22px;margin-top:14px;font-size:12px;display:flex}.codex .dot{border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.codex .dot.ok{background:var(--copper-2)}.dot.no{background:#c0392b}.codex .window-tag{letter-spacing:.2em;color:#7d6f60;text-transform:uppercase;font-size:11px;position:absolute;top:18px;right:22px}.codex .chapter{padding:clamp(90px, 11vw, 160px) var(--g) 0}.codex .chap-head{grid-template-columns:140px 1fr;align-items:start;gap:30px;display:grid}.codex .roman{font-family:var(--serif);color:var(--copper);font-size:clamp(64px,7vw,120px);line-height:.8}.codex .chap-head h2{max-width:14ch;font-size:clamp(52px,6.6vw,118px);line-height:.95}.codex .chap-head p{max-width:640px;color:var(--ink-2);margin-top:20px}.codex .agent{border:1px solid var(--ink);grid-template-columns:.9fr 1.1fr;margin-top:50px;display:grid}.codex .plate{border-right:1px solid var(--ink);background:var(--night);min-height:560px;position:relative;overflow:hidden}.codex .plate img{object-fit:cover;will-change:transform;width:100%;height:112%;position:absolute;inset:-6% 0}.codex .plate figcaption{color:#f4ede4;background:linear-gradient(#0000,#0a0806e6);padding:60px 22px 18px;position:absolute;bottom:0;left:0;right:0}.codex .plate figcaption b{font-family:var(--serif);font-size:30px;font-style:italic;font-weight:400;display:block}.codex .meter{background:#ffffff1f;height:8px;margin-top:10px}.codex .meter i{background:var(--copper-2);width:100%;height:100%;transition:width .7s var(--ease);display:block}.codex .meter-row{color:#d9ccb4;justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.codex .ledger{background:var(--paper)}.codex .ledger-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.codex .ledger-head span{color:var(--ink-3);font-size:12px}.codex .ledger-head .btn{padding:8px 14px;font-size:13px}.codex .entry{border-bottom:1px dashed var(--paper-3);opacity:.28;grid-template-columns:96px 1fr;gap:16px;padding:14px 22px;transition:opacity .5s,background-color .5s;display:grid}.codex .entry.on{opacity:1}.codex .entry.now{background:#b8561f14}.codex .entry .who{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding-top:3px;font-size:11px}.codex .entry .who.a{color:var(--copper)}.entry .who.v{color:var(--ink);font-weight:600}.codex .entry h3{font-family:var(--mono);letter-spacing:0;font-size:15px;font-weight:600}.codex .entry p{color:var(--ink-2);font-size:13.5px}.codex .entry.warn h3{color:#a8321f}.codex .checks{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.codex .checks span{border:1px solid var(--paper-3);color:var(--ink-3);padding:2px 8px;font-size:12px;transition:all .3s}.codex .checks span.pass{border-color:var(--copper);color:var(--copper)}.codex .checks span.pass:before{content:"✓ "}.codex .checks span.fail{color:#fff;background:#a8321f;border-color:#a8321f}.codex .checks span.fail:before{content:"✕ "}.codex .verdict{background:var(--ink);color:var(--paper);margin-top:6px;padding:2px 9px;font-size:12.5px;display:inline-block}.codex .verdict.bad{color:#a8321f;background:0 0;border:1px solid #a8321f}.codex .verdict a{border-bottom:1px dashed}.codex .hjourney{background:var(--ink);color:var(--paper);margin-top:clamp(90px,11vw,160px);position:relative}.codex .hj-sticky{flex-direction:column;justify-content:center;height:calc(100vh - 58px);display:flex;position:sticky;top:58px;overflow:hidden}.codex .hj-head{padding:0 var(--g);grid-template-columns:140px 1fr;gap:30px;display:grid}.codex .hj-head .roman{color:var(--copper-2)}.codex .hj-head h2{max-width:18ch;font-size:clamp(44px,5.2vw,92px);line-height:.98}.codex .hj-head em{color:#f0a878}.codex .hj-track{width:max-content;padding:50px var(--g) 0;will-change:transform;gap:36px;display:flex}.codex .hj-card{will-change:transform, opacity;background:#1f1710;border:1px solid #3a2c20;flex-direction:column;width:min(560px,40vw);min-height:380px;padding:40px;display:flex}.codex .hj-card:nth-child(2n){background:var(--paper);color:var(--ink);border-color:var(--paper)}.codex .hj-card .n{font-family:var(--serif);color:var(--copper-2);font-size:120px;line-height:.8}.codex .hj-card:nth-child(2n) .n{color:var(--copper)}.codex .hj-card h3{margin-top:auto;font-size:42px;line-height:1.05}.codex .hj-card p{opacity:.8;margin-top:12px;font-size:15px}.codex .march{clip-path:inset(0 12%);height:min(80vh,720px);transition:clip-path 1.2s var(--ease);margin-top:50px;position:relative;overflow:hidden}.codex .march.in{clip-path:inset(0)}.codex .march img{object-fit:cover;will-change:transform;width:100%;height:116%;position:absolute;inset:-8% 0}.codex .receipt{background:var(--paper);width:min(360px,80%);padding:18px 20px;font-size:13px;position:absolute;bottom:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px);box-shadow:0 20px 40px #0006}.codex .receipt h3{margin-bottom:8px;font-size:26px}.codex .receipt div{border-bottom:1px dashed var(--paper-3);justify-content:space-between;gap:12px;padding:4px 0;display:flex}.codex .receipt div:last-child{border-bottom:0}.codex .receipt a,.codex .receipt .c{color:var(--copper)}.codex .proof{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:50px;display:grid}.codex .proof article{padding:26px 30px 0 0}.codex .proof b{font-family:var(--serif);color:var(--copper);font-size:clamp(56px,6vw,100px);font-weight:400;line-height:1;display:block}.codex .proof h3{margin:6px 0 8px;font-size:30px}.codex .proof p{color:var(--ink-2);font-size:14px}.codex .colophon{padding:80px var(--g) 0;background:var(--ink);color:var(--paper);text-align:center;margin-top:clamp(100px,12vw,180px);overflow:hidden}.codex .colophon .coin-mini{width:110px;margin:0 auto 30px}.codex .colophon h2{max-width:13ch;margin:0 auto;font-size:clamp(60px,8.5vw,150px);line-height:.92}.codex .colophon em{color:#f0a878}.codex .colophon .actions{justify-content:center;margin-top:40px}.codex .colophon .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.codex .colophon .btn.ghost{color:var(--paper);background:0 0;border-color:#5a4636}.codex .giant{font-family:var(--serif);letter-spacing:-.045em;color:#2a2017;margin-top:70px;font-size:clamp(110px,24vw,400px);line-height:.78}.codex .foot{padding:20px var(--g);background:var(--ink);color:#7a6a58;border-top:1px solid #2a2017;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.codex .foot div{gap:22px;display:flex}.codex .preview-tag{z-index:40;background:var(--copper);color:#fff;letter-spacing:.1em;padding:8px 12px;font-size:11px;position:fixed;bottom:14px;right:14px}@media (prefers-reduced-motion:no-preference){.codex.js [data-r]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(30px)}.codex.js [data-r].in{opacity:1;transform:none}.codex.js .hero h1 .l span{animation:rise 1.2s var(--ease) both;animation-delay:calc(var(--i) * .12s)}@keyframes rise{0%{transform:translateY(105%)}}.codex.js .coin{animation:1.4s .3s both fade}@keyframes fade{0%{opacity:0}}}@media (prefers-reduced-motion:reduce){.march{clip-path:none}}@media (max-width:900px){.codex .links{display:none}.nav{grid-template-columns:1fr auto}.codex .hero-grid{grid-template-columns:1fr}.coin-col{order:-1;width:200px;margin:0 auto}.codex .hero-foot{grid-template-columns:1fr;gap:18px}.codex .chap-head,.codex .hj-head{grid-template-columns:1fr;gap:10px}.codex .agent{grid-template-columns:1fr}.plate{border-right:0;border-bottom:1px solid var(--ink);min-height:380px}.codex .entry{grid-template-columns:1fr;gap:2px}.codex .hjourney{height:auto!important}.hj-sticky{height:auto;padding:80px 0;position:static}.codex .hj-track{scroll-snap-type:x mandatory;width:auto;overflow-x:auto;transform:none!important}.codex .hj-card{scroll-snap-align:start;flex:0 0 82vw;width:82vw;opacity:1!important;transform:none!important}.codex .march{clip-path:none}.receipt{width:auto;margin:-60px 16px 0;position:relative;bottom:auto;right:auto}.codex .march{height:auto;overflow:visible}.march img{height:320px;position:relative;inset:auto}.codex .proof{grid-template-columns:1fr}}