/* A continuous silk scroll, with the archive as its reading room. */
body[data-room=story]{overflow-y:auto}.story{min-height:850px;background:#f2ead9}.story-intro{top:120px;align-items:center;z-index:3}.story-intro h1{font-size:30px;letter-spacing:.04em}.story-intro .eyebrow{color:#91714c}.story-intro p{color:#777c71;line-height:1.9}.scroll-chapter-label{position:absolute;top:183px;left:5%;z-index:3;font:10px var(--sans);letter-spacing:.16em;color:#8b7051}.scroll-chapter-label strong{font-weight:400}.scroll-rail{top:218px;height:calc(100% - 365px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab}.scroll-rail:active{cursor:grabbing}.scroll-world{height:100%;min-height:485px}.scroll-trail{display:none}.panorama-scenes{position:absolute;inset:140px 0 0;pointer-events:none}.panorama-scenes img{position:absolute;left:calc(var(--scene) * 31% - 2%);bottom:0;width:40%;height:100%;object-fit:cover;object-position:center 68%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 84%,transparent);opacity:.95}.panorama-scenes:after{content:'';position:absolute;inset:0;background:linear-gradient(#f2ead9,transparent 24%,transparent 92%,#f2ead9)}.scroll-atmosphere{position:absolute;inset:40% 0 0;background:radial-gradient(ellipse at 30% 70%,#fff8d722,transparent 45%);pointer-events:none;animation:scroll-air 18s ease-in-out infinite alternate}.memory-node,.memory-node:nth-child(even),.memory-node.is-current{top:0;z-index:2}.memory-node button{min-height:220px;padding:14px 15px 20px;gap:7px;background:linear-gradient(#f2ead9fa,#f2ead9e8 72%,transparent);border-color:#b1997955}.memory-node time{font-size:24px!important;color:#946344;min-height:32px}.memory-node h2{font-size:21px;line-height:1.5;letter-spacing:.025em}.memory-node p{margin:0}.memory-node p.history-summary{font-size:12px;line-height:1.85;color:#4b584f}.memory-node .history-read{margin-top:9px;font-size:10px}.memory-node button:hover{background:linear-gradient(#fbf5e8,#f2ead9ee 72%,transparent)}.scroll-footer{bottom:48px;background:none;z-index:3}.era-nav{font-size:12px}.story-caption{font-size:9px;left:5%;right:5%}.scroll-control button{min-height:34px}.scroll-control input{accent-color:#94724e}.gate .gate-heading h1>.title-line .title-ink{margin-left:0}.gate-poem{letter-spacing:.09em}.gate .gate-heading{top:24%}.brand small{opacity:.85}.masthead nav{letter-spacing:.08em}.masthead nav button{white-space:nowrap}.archive-related{border-bottom:1px solid #bba583;font-size:12px;margin-top:12px;padding:7px 0;color:#755938}.reader-art img{object-position:center}.reader-art{background:#d9ccb4}.reader-art .art-index{text-shadow:0 1px 12px #26392c;color:#fff5d8}.reader-copy h2{letter-spacing:.02em}.reader-copy p{line-height:2.05}.reader-copy .reader-note{padding-top:18px;border-top:1px solid #b99a6633}.film-entry{background:#e4d9c444;padding:18px 14px;border-radius:2px}
#reader.archive-reader{width:min(1060px,94vw);max-height:90svh;padding:48px 58px;background:#f4efe4;border-radius:5px}#reader.archive-reader .dialog-close{position:sticky;float:right;top:0;margin:-25px -32px 0 0;background:#f4efe4;z-index:4}.archive-heading h2{font:34px/1.6 var(--serif);margin:14px 0}.archive-heading p{font-size:13px;color:#7b8074}.archive-search{display:flex;align-items:center;gap:18px;padding:20px 0 12px;border-bottom:1px solid #ac947266;margin-top:20px}.archive-search label{font:12px var(--serif);white-space:nowrap;color:#8b714f}.archive-search input{font:15px var(--sans);border:0;outline-offset:5px;min-width:0;flex:1;background:transparent;padding:10px 0;color:#354b42}.archive-search span{font-size:11px;white-space:nowrap;color:#827e6e}.archive-filters{display:flex;gap:24px;padding:18px 0}.archive-filters button{padding:6px 0;font-size:12px;border-bottom:1px solid transparent}.archive-filters button[aria-pressed=true]{border-color:#9c7147;color:#9c7147}.archive-row{display:grid;grid-template-columns:52px 1fr 40px;gap:20px;padding:24px 0;border-bottom:1px solid #b9aa8e44}.archive-kind{font:11px var(--serif);color:#976d44;padding-top:5px}.archive-row h3{font:20px/1.5 var(--serif);margin:0;text-align:left;color:#354c42}.archive-row button{padding:0;text-align:left}.archive-row button:hover h3{text-decoration:underline;text-underline-offset:5px}.archive-row p{font-size:12px;line-height:1.9;color:#667366;margin:8px 0}.archive-row small{font-size:10px;color:#8b8877}.archive-arrow{font-size:24px!important;align-self:center;color:#a18156}.archive-boundary{font-size:11px;line-height:1.9;color:#7a806f;margin:26px 0 0}.archive-empty{padding:38px 0;color:#7a806f;font-size:14px}.reader-label{color:#94734d}.scroll-rail:focus-visible{outline-offset:-3px}
@keyframes scroll-air{to{transform:translateX(35px);opacity:.3}}
@media(max-width:900px){.story{min-height:850px}.story-intro{top:105px;left:7%;right:7%}.story-intro h1{font-size:23px}.story-intro p{font-size:11px}.scroll-chapter-label{top:208px;left:7%;font-size:9px}.scroll-rail{top:245px;height:calc(100% - 410px)}.scroll-world{min-height:440px}.memory-node button{min-height:245px;gap:8px;padding:12px 14px}.memory-node time{font-size:23px!important}.memory-node h2{font-size:20px}.memory-node p.history-summary{font-size:12px}.panorama-scenes{top:205px}.panorama-scenes img{object-position:center 70%}.scroll-footer{bottom:46px;left:7%;right:7%}.era-nav{font-size:11px;gap:20px;overflow-x:auto;padding-bottom:8px;justify-content:flex-start}.era-nav button{flex-shrink:0}.story-caption{font-size:8px;line-height:1.6}.scroll-control{font-size:10px}.scroll-footer>.text-link{font-size:10px}.gate .gate-heading{top:24%}.gate h1{font-size:44px}.reader-art{height:220px}.reader-art img{object-position:center 65%}#reader.archive-reader{padding:32px 23px}#reader.archive-reader .dialog-close{margin:-15px -10px 0 0}.archive-heading h2{font-size:25px}.archive-search{gap:9px}.archive-search label{display:none}.archive-search input{font-size:13px}.archive-filters{gap:20px;overflow-x:auto}.archive-filters button{flex-shrink:0}.archive-row{grid-template-columns:30px 1fr 20px;gap:11px;padding:21px 0}.archive-row h3{font-size:18px}.archive-row p{font-size:12px}.archive-row small{line-height:1.8}.masthead nav{gap:12px;font-size:10px}.brand small{font-size:8px;letter-spacing:.1em}}
@media(max-width:430px){.masthead{padding-left:6%;padding-right:6%}.brand{font-size:14px;letter-spacing:.04em}.masthead nav{gap:9px;font-size:9px}.masthead nav button{font-size:9px}.brand small{font-size:7px}.gate-poem{font-size:12px}.reader-copy{padding:26px 24px}}
@media(prefers-reduced-motion:reduce){.scroll-atmosphere{animation:none}.panorama-scenes img{transition:none}}
@media(max-width:900px){.era-nav{flex-wrap:nowrap}.era-nav button{min-width:auto;padding:7px 5px}}