*{box-sizing:border-box}html{background:#f8f7f3;color:#302e28;scroll-behavior:auto}body{margin:0;font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #a86545;outline-offset:5px}button{background:none;border:0}#journey{height:320svh}#stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}.frame{position:relative;width:min(100vw,150svh);aspect-ratio:3/2;container-type:inline-size}.mast{position:absolute;inset:4.8% 4% auto;z-index:20;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:1.35cqw}.mast h1{margin:0;font-size:1.6cqw;letter-spacing:.32em;font-weight:400;text-align:center}.mast nav{display:flex;justify-content:flex-end;gap:2.2cqw;font-size:1cqw}.art{position:absolute;inset:12% 5% 13%;display:grid;place-items:center}.foot{position:absolute;inset:auto 4% 5%;display:flex;justify-content:space-between;align-items:center;font-size:.92cqw;letter-spacing:.025em}.foot em{font-style:normal;margin-left:1.4cqw}.cue{font-size:.7cqw;letter-spacing:.15em}.progress-track{position:absolute;left:4%;right:4%;bottom:2.9%;height:1px;background:#d8d4cb}.progress-track i{display:block;height:1px;width:100%;background:#9b684b;transform:scaleX(0);transform-origin:left}#stage[data-ready="false"] .art{visibility:hidden}.load-note{font-size:11px;color:#6e685e;position:absolute;left:4%;bottom:8%}#stage[data-ready="true"] .load-note{display:none}.paper{background:#efeadf url(paper.webp) center/cover}.scene-label{font-size:10px;letter-spacing:.15em;position:absolute;right:3%;top:4%;text-align:right;line-height:1.8}.scene-caption{font-size:12px;letter-spacing:.04em}.scene-caption span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.2em;margin-top:8px;color:#777065}.review-mode #journey,.reduced #journey{height:100svh}.review-mode #stage,.reduced #stage{position:relative}.reduced .cue{visibility:hidden}#end{padding:70px 8%;border-top:1px solid #ded9cd;display:flex;justify-content:space-between;align-items:center;font-size:18px}#end small{display:block;font:12px/2 system-ui;color:#777065}.review-mode #end{display:none}.error{font:14px/1.8 system-ui;padding:30px}.error a{text-decoration:underline}canvas{display:block;max-width:100%}.still-fallback{width:100%;height:100%;object-fit:contain}.js .still-fallback{display:none}
/* The dimensions belong to each composition, not a universal image transition. */
.weave{position:relative;width:100%;height:100%;overflow:hidden;background:#e7decd}.weave canvas{width:100%;height:100%;object-fit:cover}.weave .scene-label{background:#eee7d9b0;padding:12px 15px;top:4%;right:3%;font-size:1cqw}
.ink-sheet{height:100%;aspect-ratio:2/3;position:relative;box-shadow:0 1px 4px #7764470b}.ink-sheet svg{width:100%;height:100%;display:block}.ink-sign{position:absolute;right:9%;bottom:9%;font-size:.8cqw;writing-mode:vertical-rl;letter-spacing:.24em;opacity:0}
.fold-scene{width:92%;aspect-ratio:1.7;perspective:1500px;position:relative;display:grid;place-items:center}.fold-object{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(8deg)}.fold-leaf{position:absolute;width:33.3334%;height:100%;top:0;transform-style:preserve-3d}.fold-center{left:33.3333%;z-index:1}.fold-left{left:0;transform-origin:right center;z-index:3}.fold-right{left:66.6666%;transform-origin:left center;z-index:2}.fold-face{position:absolute;inset:0;backface-visibility:hidden;background:#f0eadb url(../03/print.svg) no-repeat;background-size:300% 100%;box-shadow:0 0 0 .5px #a599814a,0 20px 35px #5c4c2820}.fold-left .fold-face{background-position:0 0}.fold-center .fold-face{background-position:50% 0}.fold-right .fold-face{background-position:100% 0}.fold-back{transform:rotateY(180deg);background:#eae3d5 url(paper.webp) center/cover;display:grid;place-items:center;font-size:1cqw;letter-spacing:.3em;color:#86694d}.fold-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#5b422820,transparent 3%,transparent 96%,#785c3020)}.fold-left .fold-face:after{background:linear-gradient(90deg,transparent 91%,#775d3128)}.fold-right .fold-face:after{background:linear-gradient(90deg,#775d3128,transparent 9%)}.fold-shadow{position:absolute;inset:12% 24% 2%;background:#55422540;filter:blur(23px);transform:translateY(28px)}


.press-scene{height:100%;width:auto;aspect-ratio:1;position:relative;overflow:hidden;background:#e7e1d5}.press-scene canvas{width:100%;height:100%}.press-legend{position:absolute;left:5%;bottom:5%;font-size:.9cqw;letter-spacing:.05em;pointer-events:none}.press-legend small{display:block;font-size:.65cqw;letter-spacing:.16em;margin-bottom:8px}
.book-scene{width:78%;height:95%;position:relative;perspective:1800px;display:grid;place-items:center}.book{width:100%;height:86%;position:relative;transform:rotateX(9deg) rotateZ(-2deg);transform-style:preserve-3d;background:#c6bbaa;box-shadow:0 2px #eae4d9,0 4px #bbb3a4,0 6px #eee9df,0 8px #c2b7a7,0 10px #f0eadd,0 20px 30px #67533b30,2px 32px 55px #75603d20}.book-page{position:absolute;width:50%;height:100%;top:0;background:#f1ede4 url(paper.webp) center/cover;overflow:hidden;padding:5%;backface-visibility:hidden}.book-page.left{left:0;background-position:left}.book-page.right{left:50%;background-position:right}.book-page.left:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 80%,#71604222 99%,#fff7)}.book-page.right:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#68523038,#fbf7ef30 9%,transparent 20%)}.book-page h2{font-size:3cqw;font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:2% 0 7%}.book-page .edition{font-size:.7cqw;letter-spacing:.15em;margin:0 0 7%}.book-page p{font-size:1cqw;line-height:1.7;margin:6% 0}.book-page img{display:block;width:100%;height:49%;object-fit:cover}.book-page.right img{height:68%;object-fit:cover}.book-page .folio{position:absolute;bottom:5%;font-size:.7cqw;color:#887c69}.book-flap{position:absolute;inset:0 0 0 50%;transform-origin:left center;transform-style:preserve-3d;z-index:6;pointer-events:none;display:none}.book-flap .book-page{width:100%;left:0;padding:10%;box-shadow:0 0 10px #6b593720}.book-flap .reverse{transform:rotateY(180deg)}.book-tabs{position:absolute;top:103%;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:2cqw}.book-tabs button{font-size:1cqw;padding:.6cqw;min-width:28px;border-bottom:1px solid transparent}.book-tabs button[aria-current="true"]{border-color:#403c33}.book-tabs button:first-child,.book-tabs button:last-child{font-size:1.6cqw}
@media(max-width:600px) and (orientation:portrait){#journey{height:290svh}.frame{width:100%;height:100svh;aspect-ratio:auto}.mast{inset:4% 6% auto;font-size:14px}.mast h1{font-size:16px;letter-spacing:.2em}.mast nav{font-size:12px}.mast .review-link{display:none}.art{inset:14% 6% 16%}.foot{inset:auto 6% 7%;font-size:11px;gap:12px;align-items:flex-end}.foot em{display:block;margin:6px 0 0;font-size:12px}.cue{font-size:8px;text-align:right;max-width:90px;line-height:1.8}.progress-track{left:6%;right:6%;bottom:4%}.weave .scene-label{font-size:10px}.ink-sheet{width:100%;height:100%;aspect-ratio:auto}.ink-sign{font-size:12px}.fold-scene{width:100%;aspect-ratio:.78;perspective:900px}.fold-object{width:210%;height:70%;transform:scale(.476) rotateX(5deg)}.fold-back{font-size:15px}.press-legend{font-size:15px}.press-legend small{font-size:9px}.book-scene{width:100%;height:90%}.book{height:90%;transform:rotateZ(-1deg)}.book-page{width:100%;padding:9%}.book-page.right{display:none}.book-page.left:after{background:linear-gradient(90deg,#6f58300c,transparent 12%,transparent 93%,#80603010)}.book-page h2{font-size:36px;line-height:1.06}.book-page .edition{font-size:9px;margin-bottom:22px}.book-page p{font-size:16px;line-height:1.65}.book-page .folio{font-size:10px}.book-flap{left:0}.book-flap .book-page{padding:9%}.book-page img{height:42%}.book-tabs{top:100%;gap:20px}.book-tabs button{font-size:13px;padding:10px;min-height:44px}.book-tabs button:first-child,.book-tabs button:last-child{font-size:23px}#end{gap:25px;font-size:16px;padding:45px 6%}}
@media(prefers-reduced-motion:reduce){#journey{height:100svh}#stage{position:relative}}

@media(max-width:600px) and (orientation:portrait){.press-scene{width:100%;height:100%;aspect-ratio:auto}}
body[data-work="07"] #journey{height:100svh}body[data-work="07"] #stage{position:relative}
@media(max-width:600px) and (orientation:portrait){.fold-scene{aspect-ratio:9/14;max-height:100%}.fold-object{width:100%;height:100%;transform:rotateX(0deg)}.fold-leaf{width:100%;height:33.3334%;left:0}.fold-center{top:33.3333%;left:0}.fold-left{top:0;left:0;transform-origin:center bottom}.fold-right{top:66.6666%;left:0;transform-origin:center top}.fold-face{background-image:url(../03/print-mobile.svg);background-size:100% 300%}.fold-left .fold-face{background-position:0 0}.fold-center .fold-face{background-position:0 50%}.fold-right .fold-face{background-position:0 100%}.fold-back{background:#eae3d5 url(paper.webp) center/cover;transform:rotateX(180deg)}.fold-shadow{inset:4% 4% 2%;transform:translateY(12px);filter:blur(18px)}.fold-left .fold-face:after{background:linear-gradient(0deg,#775d3128,transparent 9%)}.fold-right .fold-face:after{background:linear-gradient(180deg,#775d3128,transparent 9%)}.fold-center .fold-face:after{background:linear-gradient(180deg,#775d3120,transparent 5%,transparent 96%,#775d3120)}}