:root{--bg:#131b26;--ink:#d9e4f2;--ink-soft:#a0afc2}body{background:#131b26}header{background:linear-gradient(#111b29e6,transparent);color:#e5edf8}.mark,.pill{background:#365e88}.brandname{font-size:20px}.pill{font:500 13px Inter,sans-serif;color:white}.archive-tools{position:fixed;z-index:23;right:20px;top:72px;display:flex;gap:8px}.archive-tools button{border:1px solid #8192aa66;background:#162437e6;color:#e1edff;border-radius:24px;padding:10px 16px;cursor:pointer;font:500 12px Inter,sans-serif}.archive-tools button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #80b5ff;outline-offset:5px}.archive-index{position:fixed;inset:0;z-index:19;background:#101925;overflow:auto;padding:120px max(24px,5vw) 60px;scrollbar-color:#526883 #101925}.archive-ready:not(.show-index) .archive-index{display:none}.archive-ready.show-index header .pill{visibility:hidden}.archive-intro{max-width:700px;margin-bottom:44px}.archive-intro>p:first-child{font:500 11px Inter,sans-serif;letter-spacing:.2em;color:#86abdb}.archive-intro h1{font:400 clamp(50px,7vw,100px)/1.1 'EB Garamond',Georgia,serif;margin:20px 0}.archive-intro>p:last-child{font:400 16px/1.7 Inter,sans-serif;color:#aebed1}.archive-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:38px 26px}.archive-volume{padding:0;border:0;background:none;color:#e0e8f4;text-align:left;cursor:pointer}.archive-cover{aspect-ratio:2/3;display:flex;position:relative;flex-direction:column;justify-content:space-between;padding:22px 18px;background:linear-gradient(140deg,var(--spine),#121923);box-shadow:inset 7px 0 5px #0006,0 14px 25px #0004;overflow:hidden;border-radius:2px 6px 6px 2px;isolation:isolate;transition:transform .3s}.archive-cover:after{content:'';position:absolute;inset:10px;border:1px solid #d9e5f340;pointer-events:none}.archive-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.65}.archive-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(#09111af2,transparent 70%,#09111ade);z-index:-1}.archive-cover>span{font:500 clamp(20px,2.1vw,32px)/1.12 'EB Garamond',Georgia,serif;overflow-wrap:anywhere}.archive-cover small{font:400 9px Inter,sans-serif;letter-spacing:.18em;color:#d4deec}.archive-volume:hover .archive-cover{transform:translateY(-6px)}.archive-volume-meta{display:flex;justify-content:space-between;font:400 10px Inter,sans-serif;letter-spacing:.08em;color:#9cacc0;padding-top:15px}.archive-volume-meta>span{color:#b7d4fa}.archive-all{display:inline-block;color:#b7d4fa;font:400 14px Inter,sans-serif;margin-top:44px}.archive-reader{position:fixed;inset:12px;margin:auto;width:calc(100% - 24px);height:calc(100svh - 24px);max-width:none;max-height:none;padding:0;background:#0d141e;color:#e7edf7;border:1px solid #4b607b;border-radius:12px;overflow:hidden;z-index:100}.archive-reader[open]{display:flex;flex-direction:column}.archive-reader::backdrop{background:#020811d9;backdrop-filter:blur(8px)}.archive-reader-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #34465b;gap:16px}.archive-reader-bar h2{font:500 16px Inter,sans-serif;margin:0}.archive-reader-bar button{border:1px solid #617797;background:#19283d;color:#dceafa;padding:10px 16px;border-radius:22px;cursor:pointer;white-space:nowrap}.archive-reader iframe{width:100%;flex:1;border:0;min-height:0}.archive-unavailable #loader{display:none}.archive-unavailable .archive-tools #archive-pause{display:none}.detail .meta,.detail h2,.detail p{color:#241a12}.detail{padding-left:42px;padding-right:90px}.detail .acts{flex-wrap:wrap;max-width:360px}.detail .acts button{padding:13px 18px;font-size:13px}.detail h2{font-size:40px}.tli p,.tli h2{color:#241a12}.menubtn span{background:#dceafa}.menu{color:#241a12}.menu button{color:#241a12}.mbar-txt p,.mbar-txt h2{color:#241a12}.archive-ready header .pill{background:#213c5c}body.mobile .brandname{font-size:17px}body.mobile header .right{margin-right:35px}body.mobile .pill{padding:10px 12px}body.mobile .archive-tools{top:65px;right:14px}.archive-ready .archive-tools{opacity:.9}@media(max-width:900px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail{padding-left:26px;padding-right:50px}.detail h2{font-size:32px}.detail p{font-size:14px}.archive-cover>span{font-size:26px}}@media(max-width:600px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.archive-cover{padding:20px 16px}.archive-cover>span{font-size:24px}.archive-intro{margin-bottom:30px}.archive-intro h1{font-size:56px}.archive-index{padding:120px 20px 45px}.archive-reader{inset:5px;width:calc(100% - 10px);height:calc(100svh - 10px);border-radius:7px}.archive-reader-bar{padding:10px 12px}.archive-reader-bar h2{font-size:13px}.archive-reader-bar button{font-size:11px;padding:10px}.archive-tools button{padding:9px 12px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.archive-tools #archive-pause{display:none}#loader{display:none}.rise{opacity:1;transform:none}}
.archive-selected .archive-cover{outline:2px solid #91bfff;outline-offset:5px}.archive-selected .archive-volume-meta{color:#c0dbff}
#loader{display:none}.archive-unavailable .rise{opacity:1;transform:none}
.detail.on{opacity:1;transition:none}
.detail .acts button,.mbar-acts button{color:#241a12}.mbar-acts button.solid{background:#244667;color:#f2f6fc}.detail.on{background:linear-gradient(90deg,rgba(222,206,180,.98) 65%,rgba(222,206,180,.90) 83%,transparent);border-radius:0 8px 8px 0}.mbar-txt{min-width:0;flex:1}.mbar-txt h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbar-acts button{padding:13px 14px;font-size:13px}.mbar-acts{gap:6px}.mbar-txt p{font-size:10px}.mbar-txt h2{font-size:22px}

/* Reading-first archive: the books are an opt-in ThreeUI scene, not site navigation. */
.archive-index{background:#0e1822;padding-top:clamp(115px,12vh,160px)}
.archive-intro{max-width:840px}
.archive-intro h1{font:600 clamp(46px,7vw,94px)/1.02 Onest,Inter,sans-serif;letter-spacing:-.06em}
.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.archive-volume{display:grid;grid-template-columns:minmax(118px,29%) minmax(0,1fr);align-items:center;min-height:156px;background:#172634;border:1px solid #344a60;padding:10px;gap:18px}
.archive-volume:hover,.archive-volume:focus-visible{border-color:#8cbcff;background:#213548}
.archive-cover{aspect-ratio:16/10;box-shadow:none;border-radius:0;padding:12px;min-width:0}
.archive-cover>span{font:600 clamp(12px,1.5vw,18px)/1.25 Onest,Inter,sans-serif;letter-spacing:-.025em}
.archive-cover small{font-size:9px}
.archive-volume-meta{font:500 11px/1.6 Onest,Inter,sans-serif;letter-spacing:.02em;padding:0;flex-direction:column;gap:12px}
.archive-volume-meta>span{font-size:14px}
.archive-tools{z-index:25}
.show-index .archive-index{display:block}
@media(max-width:720px){.archive-grid{grid-template-columns:1fr}.archive-volume{min-height:124px;grid-template-columns:38% minmax(0,1fr)}}
.archive-volume{text-decoration:none}.archive-grid .archive-volume:focus-visible{outline:2px solid #9fc2ff;outline-offset:7px}header .brandname{font-size:19px}