:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#f1e9e7;background:#100d12;--ink:#100d12;--paper:#f1e9e7;--muted:#c5b5be;--line:#55434f;--accent:#e3afc2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background-color:#100d12!important;color:var(--paper)}body{line-height:1.6;background:radial-gradient(ellipse at 85% 10%,#44263444,transparent 60%)}a{color:inherit;text-decoration:none}a:hover{color:#f0bdd4}button,input{font:inherit}button{cursor:pointer}button,a,summary,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #f0bed5;outline-offset:5px}[hidden]{display:none!important}.experience-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 5vw;border-bottom:1px solid #57414e66}.brand{font-size:1.6rem;font-weight:700;letter-spacing:-.06em;line-height:1.25;padding-right:.2em}.brand em{font-family:Georgia,serif;font-size:2rem;font-weight:400}.brand small{display:block;font-size:.7rem;font-weight:400;letter-spacing:.18em;color:var(--muted)}nav{display:flex;gap:25px;font-size:.9rem;color:#d4c4ce}main{min-height:80vh}h1,h2,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;line-height:1.03;font-size:clamp(3rem,5.7vw,6.1rem);white-space:pre-line}h2{font-family:Georgia,serif;font-weight:400;line-height:1.15;font-size:1.8rem;letter-spacing:-.025em}.stage{position:relative;isolation:isolate;min-height:calc(100vh - 116px);display:grid;grid-template-columns:1fr 1.1fr;max-width:1700px;margin:auto}.stage-image{position:sticky;top:0;align-self:start;height:calc(100vh - 100px);min-height:600px;overflow:hidden}.stage-image img{width:100%;height:100%;object-fit:cover;opacity:.87;mask-image:linear-gradient(90deg,#000 65%,transparent),linear-gradient(#000 80%,transparent);mask-composite:intersect}.stage-content{padding:32px 5vw 45px 10px;max-width:850px;position:relative}.stage-top{display:flex;justify-content:space-between;gap:20px;font:12px/1.5 'Courier New',monospace;letter-spacing:.1em;color:#c9b2c2;border-top:1px solid #806271;padding-top:12px;margin-bottom:48px}.perspective{font-size:.8rem;color:#b9a8b6;margin-bottom:18px}.stage h1{margin-bottom:25px}.scene-intro{color:#d6bfcf;font-size:1.05rem;max-width:550px;margin-bottom:30px}.passages{max-width:620px}.passages p{font-family:Georgia,serif;font-size:1.15rem;line-height:1.85;color:#eee2e7;margin-bottom:22px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid #a98496;background:#e4cbd5;color:#241620;border-radius:30px 6px 30px 6px;padding:14px 26px;font-size:1rem;box-shadow:inset 0 1px #fff8}.primary:hover{background:#f2dce6;color:#241620}.stage-actions{margin:30px 0}.choices{display:grid;gap:12px}.choices a{border-top:1px solid #785a6b;border-bottom:1px solid #3c2c38;background:linear-gradient(90deg,#42283566,transparent);padding:16px 18px;color:#f1d3e0;font-size:1rem}.choices a:hover{background:#50334266}.stage-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#bba6b5;font-size:.8rem;border-top:1px solid #54414e;padding-top:16px}.subtle{background:none;border:0;color:#d3bbc9;padding:5px 0;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}.scene-notes{margin-top:30px;font-size:.85rem;color:#c6b5c1}.scene-notes summary{font-size:.85rem}.scene-notes p{font-size:.85rem}.scene-notes a{display:block;margin:10px 0;text-decoration:underline}.eyebrow{font:12px/1.5 'Courier New',monospace;letter-spacing:.15em;color:#d0a8bf}.connections,.library,.about,.lore-page{max-width:1200px;margin:auto;padding:60px 5vw 85px}.connections h1,.library h1,.about h1,.lore-page h1{font-size:clamp(2.8rem,5vw,4.8rem)}.lede{font-size:1.1rem;color:#d6bfcd;max-width:720px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.connection{display:block;border:1px solid #614855;border-radius:28px 5px 28px 5px;background:linear-gradient(145deg,#36212d,#17111a);padding:26px 22px}.connection small{font:12px 'Courier New',monospace;color:#cfb2c5}.connection h2{margin:20px 0;font-size:1.7rem}.connection p{font-size:.95rem;color:#cbb8c5}.visited-label{font-size:.8rem;color:#e5b5cd}.connection.seen{border-color:#bb8fa4}.connection.seen .visited-label{color:#f0dce6}.library label{display:block;margin:20px 0 10px;color:#d5c2cd}.library input{background:#211722;border:1px solid #aa8399;border-radius:5px;padding:14px;color:#fff;width:100%;max-width:650px}#result-count{font-size:.85rem;margin-top:12px;color:#c2a9ba}.record-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.record-card{position:relative;display:block;padding:25px 28px;border-top:1px solid #694958;background:#21162166}.record-card>span{font-size:.75rem;color:#c9a9bd}.record-card h2{font-size:1.75rem;margin:13px 0}.record-card p{color:#d1bdc9;font-size:.95rem;margin-bottom:10px}.record-card b{position:absolute;right:10px;top:22px;font-weight:400}.lore-page{max-width:1050px}.back{display:block;font-size:.9rem;color:#dfb6ce;margin-bottom:40px}.lore-body{max-width:740px;margin-left:auto}.lore-body>p{font:1.15rem/1.9 Georgia,serif;color:#eee2e9}details{border-top:1px solid #795667;padding:18px 0;margin-top:30px;color:#cbb7c4}summary{cursor:pointer;font-size:1rem}details p{font-size:.95rem;line-height:1.75;margin:16px 0}.related{margin-top:40px}.related a{display:block;border-bottom:1px solid #513847;padding:12px 0;color:#e3bfd4}.about{max-width:850px}.about p{font:1.1rem/1.85 Georgia,serif}.about .small{font:.85rem/1.7 Arial,sans-serif;color:#c1aebc}.about a:not(.primary){text-decoration:underline}footer{display:flex;justify-content:space-between;gap:25px;padding:24px 5vw;border-top:1px solid #513d4a;font-size:.75rem;color:#bda7b7}.skip{position:absolute;top:-100px;left:15px;background:#f0d8e4;color:#211620;padding:12px;z-index:100}.skip:focus{top:10px}@media(prefers-reduced-motion:no-preference){.passages p:last-child{animation:appear .45s ease-out}@keyframes appear{from{opacity:1;transform:translateY(7px)}to{opacity:1;transform:none}}.connection,a,button{transition:background .2s,border-color .2s,color .2s}}@media(max-width:1000px){.stage{grid-template-columns:.65fr 1fr}.stage-content{padding-right:4vw}.stage h1{font-size:clamp(2.8rem,5.6vw,4.8rem)}.connection-grid{grid-template-columns:1fr 1fr}.stage-top{margin-bottom:32px}}@media(max-width:700px){.experience-header{align-items:start;padding:18px 5vw;gap:15px;flex-direction:column}nav{gap:22px;font-size:.9rem;flex-wrap:wrap}.stage{display:block}.stage-image{position:absolute;inset:0;height:480px;min-height:0;z-index:-1;opacity:.45}.stage-image img{mask-image:linear-gradient(#000,transparent);mask-composite:add}.stage-content{padding:28px 6vw 40px;background:linear-gradient(transparent,#100d12 500px)}.stage-top{font-size:11px;margin-bottom:55px}.stage h1{font-size:clamp(2.8rem,10.5vw,4rem)}.scene-intro{font-size:1rem}.passages p{font-size:1.1rem}.record-list,.connection-grid{grid-template-columns:1fr}.connections,.library,.about,.lore-page{padding:40px 6vw 60px}.lore-body{margin:0}.connection{padding:23px}.stage-bottom{gap:12px}.primary{min-height:48px}.choices a{min-height:50px}footer{flex-wrap:wrap}}
/* The reader: a sequence of framed moments, with a visible path through the world. */
.brand small{font-size:12px}.experience-header{padding:20px 4vw}nav{font-size:14px}nav a[aria-current=page]{color:#fff;border-bottom:1px solid #e3afc2}#nav-count{display:inline-grid;place-items:center;background:#3d2937;border-radius:50%;min-width:22px;height:22px;font-size:12px;margin-left:4px}.story-banner{padding:17px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #55434f66}.story-banner h1{font:500 14px/1.6 Arial,sans-serif;letter-spacing:0;margin:0;white-space:normal}.story-banner h1 span{color:#c5b5be;font-weight:400}.story-banner>a{font-size:12px;color:#d2bdc8}.journey-bar{display:flex;align-items:center;gap:25px;padding:15px 4vw;background:#1a141d}.journey-bar>a{font:12px/1.5 'Courier New',monospace;letter-spacing:.08em}.journey-bar>span{margin-left:auto;font-size:12px;color:#d0bbc7;white-space:nowrap}progress{border:0;height:3px;width:110px;background:#4b3543;accent-color:#e3afc2}progress::-webkit-progress-bar{background:#4b3543}progress::-webkit-progress-value{background:#e3afc2}.stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:1600px;min-height:calc(100vh - 196px);padding:28px 4vw 55px;gap:4vw}.stage-image{height:calc(100vh - 236px);min-height:510px;max-height:860px;top:24px;border:1px solid #76576377;border-radius:100px 5px 100px 5px;background:#25141e}.stage-image img{mask-image:linear-gradient(#000 60%,transparent);opacity:.72;filter:saturate(.7);object-fit:cover}.stage-image:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #160e18aa;border-radius:inherit}.art-caption{position:absolute;bottom:35px;left:28px;right:35px;display:grid;gap:8px;z-index:1}.art-caption span:first-child{font:12px/1.5 'Courier New',monospace;letter-spacing:.08em;color:#f5d9e7}.art-caption span:last-child{font-size:12px;color:#cbb7c6}.image-ordinal{position:absolute;top:25px;left:26px;font:italic 60px/1 Georgia,serif;color:#f3d6e0a8}.stage-content{padding:4px 0 20px;max-width:750px}.stage-top{margin-bottom:28px;font-size:12px}.stage-top a{letter-spacing:0;font:12px Arial,sans-serif}.stage h2#scene-title{font-size:clamp(2.7rem,4.1vw,4.5rem);line-height:1.05;letter-spacing:-.045em;white-space:pre-line;margin:0 0 22px;color:#f9eded}.scene-intro{font-size:16px;line-height:1.6;margin-bottom:26px;color:#dbc5d3;max-width:550px}.panel-frame{position:relative;background:linear-gradient(135deg,#39233180,#201822);border:1px solid #796071;border-radius:3px 28px 3px 3px;min-height:205px;padding:21px 27px 24px;box-shadow:5px 5px 0 #0d090f,6px 6px 0 #48333f}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px;color:#cdb7c8;font:12px/1.5 'Courier New',monospace}.panel-dots{display:flex;gap:6px}.panel-dots button{border:1px solid #a78398;color:#eee0e8;background:transparent;padding:0;width:27px;height:27px;font:12px Arial,sans-serif}.panel-dots button[aria-current=step]{background:#edd4df;color:#221521}.panel-dots button:disabled{opacity:.35;cursor:default}.passages{max-width:none;outline:none}.passages p{font:1.18rem/1.8 Georgia,serif;margin-bottom:18px;color:#f5e9ee}.passages p:last-child{margin-bottom:0}.panel-controls{display:flex;justify-content:space-between;margin-top:15px}.subtle{font-size:14px}.subtle:disabled{opacity:.4;cursor:default}.stage-actions{margin:22px 0}.primary{border-radius:3px 20px 3px 20px;min-height:48px}.stage-actions>.primary{width:100%;justify-content:space-between}.discovery{padding:18px 20px;border-left:2px solid #efb5cd;background:#362432;margin-bottom:18px}.discovery p{font:16px/1.65 Arial,sans-serif;margin:9px 0;color:#fff2f8}.discovery>a{font-size:14px;color:#e0b9d0;text-decoration:underline;text-underline-offset:3px}.chapter-finish{padding:20px;border:1px solid #ad849b;border-radius:3px 24px 3px 24px;margin-bottom:20px}.chapter-finish p{font-size:16px;line-height:1.7;margin:12px 0 0}.choices{gap:0}.choices a.next-scene{display:grid;gap:12px;border:1px solid #bd8da5;background:#ecd1dd;color:#261322;padding:20px 24px;border-radius:3px 24px 3px 3px}.next-scene .eyebrow{color:#614354}.next-scene strong{font:1.35rem/1.45 Georgia,serif}.next-label{font-size:14px}.choices a.next-scene:hover{background:#fae4ed}.choices details{margin-top:16px;padding:12px 0}.choices .branch-link{font-size:14px;display:block;margin-top:8px}.stage-bottom{font-size:12px;gap:12px}.stage-bottom a{font-size:14px}.scene-notes,.scene-notes p,.scene-notes summary{font-size:14px}.scene-notes a{font-size:14px}.chapter-map{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px}.chapter-card{padding:25px;border:1px solid #694e5f;border-radius:3px 36px 3px 3px;background:linear-gradient(125deg,#33202d,#171119)}.chapter-card-head{display:flex;gap:20px}.chapter-numeral{font:italic 3rem/1 Georgia,serif;color:#c194ad}.chapter-card-head h2{font-size:1.8rem;margin-bottom:10px}.chapter-card-head p:not(.eyebrow){font-size:16px;line-height:1.55;color:#dac4d1}.chapter-progress{font-size:12px;color:#e4bcd3}.chapter-card ol{list-style:none;padding:0;margin:24px 0 0}.chapter-card .connection{border:0;border-top:1px solid #624552;border-radius:0;padding:13px 0;background:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;line-height:1.5}.chapter-card .connection .visited-label{font-size:12px;white-space:nowrap;color:#c6aebb}.chapter-card .connection.seen .visited-label{color:#efccdf}.chapter-card .connection.current>span:first-child:before{content:'↳ ';color:#f0b5d2}.notebook{max-width:1050px;padding:55px 5vw 70px;margin:auto}.notebook h1{font-size:clamp(3rem,5vw,4.5rem)}.notebook-intro{max-width:650px;color:#d5bdcd;font-size:16px;margin-bottom:25px}.notebook-chapter{padding:30px 0;border-bottom:1px solid #6a4b5e}.notebook-chapter h2{margin-bottom:25px}.unread-question{color:#d5bdcd;font-size:16px}.finding{display:flex;gap:18px;margin-bottom:25px}.finding-mark{font-size:16px;color:#e5b4cd}.finding p{font-size:16px;line-height:1.75;margin:0 0 8px;max-width:700px}.notebook-link{color:#e3b6d0;font-size:14px;text-decoration:underline;text-underline-offset:4px}.chapter-summary{padding:20px 24px;border-left:2px solid #d39ab6;background:#30212d;font:1.1rem/1.8 Georgia,serif}.record-card>span{font-size:12px}.record-card p{font-size:16px}#result-count{font-size:14px}footer{font-size:12px}.connections h1,.library h1{margin-bottom:24px}
@media(max-width:1000px){.stage{grid-template-columns:.7fr 1fr;gap:3vw}.stage h2#scene-title{font-size:clamp(2.5rem,4.8vw,4rem)}.panel-frame{padding:20px}.stage-image{border-radius:65px 3px 65px 3px}.story-banner>a{display:none}.chapter-map{gap:18px}.chapter-card{padding:20px}}
@media(max-width:700px){.experience-header{flex-direction:row;align-items:center;padding:16px 5vw;flex-wrap:wrap}.brand{font-size:1.35rem}.brand em{font-size:1.7rem}.brand small{font-size:12px;letter-spacing:.1em}nav{gap:18px;flex:1 0 100%;justify-content:space-between}.story-banner{padding:12px 5vw}.story-banner h1{font-size:12px}.journey-bar{padding:14px 5vw;gap:12px;flex-wrap:wrap}.journey-bar>a{font-size:12px}.journey-bar>span{font-size:12px}.journey-bar progress{width:100%;height:2px}.stage{display:flex;flex-direction:column;padding:0 5vw 35px;gap:24px}.stage-image{position:relative;inset:auto;width:100%;height:170px;min-height:0;max-height:none;border-radius:3px 3px 60px 3px;opacity:1;z-index:0;margin-top:20px}.stage-image img{mask-image:linear-gradient(90deg,#000,transparent);object-position:center 40%}.image-ordinal{font-size:48px;top:19px;left:20px}.art-caption{bottom:20px;left:20px;right:15px;gap:3px}.art-caption span:last-child{font-size:12px}.stage-content{background:none;padding:0;max-width:none}.stage-top{margin-bottom:25px;font-size:12px}.stage h2#scene-title{font-size:clamp(2.45rem,9.6vw,3.6rem);margin-bottom:18px}.scene-intro{font-size:16px;margin-bottom:24px}.panel-frame{min-height:215px;padding:18px 21px}.passages p{font-size:1.12rem;line-height:1.8}.panel-controls{margin-top:14px}.stage-bottom{gap:16px}.stage-bottom #save-status{flex:1 0 100%}.chapter-map{grid-template-columns:1fr}.chapter-card{padding:22px}.notebook{padding:40px 6vw}.notebook h1{font-size:2.8rem}.chapter-summary{padding:18px}.choices a.next-scene{padding:20px}.next-scene strong{font-size:1.25rem}.chapter-card .connection{min-height:52px}}

#content:focus{outline:none}@media(max-width:700px){.stage-image{height:120px}.stage-top{margin-bottom:18px}.stage h2#scene-title{font-size:clamp(2.4rem,8.6vw,3.35rem)}}