/* One coordinate system, two sheets. Only the artwork is repeated. */
.spread-window{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none}
.spread-world{position:absolute;top:0;left:0;width:900px;height:700px}
.spread-world.right-world{left:-450px}
.spread-outline{position:absolute;inset:0;width:900px;height:700px;overflow:visible;pointer-events:none}
.spread-outline path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
.spread-opening .leaf-content,.spread-reflection .leaf-content{padding:0}
.opening-visual{position:absolute;left:20px;top:165px;width:730px;height:568px;transform:translateX(var(--opening-pan,0px));will-change:transform}
.opening-voice{position:absolute;left:28px;top:30px;width:365px;font-size:25px;z-index:2}
.opening-work{position:absolute;left:32px;top:590px;font:90px/.92 var(--display);z-index:2}
.opening-work span{display:block;font:19px/1.3 var(--lettering);margin:8px 0 0 4px}
.opening-hook{position:absolute;left:23px;top:11px;width:400px;height:205px;z-index:3}
.opening-hook>h1{font:56px/1.02 var(--display);letter-spacing:.015em}
.opening-finish-voice{position:absolute;left:235px;top:500px;width:185px;padding:12px;font-size:25px;line-height:1.3;z-index:3}
.opening-mobile-beat,.mobile-opening-title{display:none}
.page-number{position:absolute;bottom:17px;right:25px;font:14px/1 var(--lettering);color:#777;z-index:4}
.leaf:nth-child(even) .page-number{left:25px;right:auto}

/* The thought and the figure share a diagonal panel over the gutter. */
.reflection-image-cut{position:absolute;inset:0;clip-path:polygon(33.3333% 50.7143%,52.7778% 5%,96.6667% 9.2857%,98.3333% 68.2857%,52.2222% 74.2857%,33.3333% 95.7143%)}
.reflection-visual{position:absolute;left:420px;top:75px;width:425px;height:420px;transform:translateX(var(--reflection-pan,0px));will-change:transform}
.words .leaf-content>h2{position:absolute;left:28px;top:28px;width:394px;font-size:43px;line-height:1.05;margin:0;z-index:2;background:white}
.words .interaction-hint{position:absolute;left:28px;top:139px;width:394px;font-size:20px;margin:0;z-index:2;background:white}
.words .word-panels{position:absolute;left:28px;top:189px;width:394px;height:175px;margin:0;z-index:3;background:white}
.desktop-thought{position:absolute;left:28px;top:390px;width:394px;height:264px;z-index:3}
.reader-monologue{width:394px;height:264px;margin:0}
.reader-monologue>p{font-size:25px;line-height:1.18}
.courage-spread-copy{position:absolute;left:30px;top:530px;width:380px;font-size:25px;line-height:1.34;background:white;z-index:2}
.courage-spread-copy strong{font-size:28px;line-height:1.4}
.mobile-word-picture,.mobile-thought{display:none}
.reader-help{display:flex;align-items:baseline;justify-content:center;gap:14px}
.motion-replay{background:none;border:0;border-bottom:1px solid #aaa;padding:3px 0;margin:5px 0 20px;font:12px/1.3 var(--lettering);cursor:pointer;color:#666}
.motion-replay[hidden]{display:none}
.reader-help .reading-hint{margin-bottom:25px}
.nigami-sequence{padding-top:80px}
.interpretation-label{font-size:26px;color:var(--ink);font-style:normal}

/* Mobile pages are composed anew, rather than showing half a face or sentence. */
.book-stage[data-mode=single] .opening .spread-world{width:450px;left:0}
.book-stage[data-mode=single] .opening-visual{left:20px;top:278px;width:410px;height:320px}
.book-stage[data-mode=single] .opening-outline{display:none}
.book-stage[data-mode=single] .mobile-opening-title{display:block;position:absolute;left:28px;top:26px;font:84px/1 var(--display)}
.book-stage[data-mode=single] .opening-voice{left:28px;top:145px;width:394px}
.book-stage[data-mode=single] .opening-work{top:622px;font-size:48px;display:flex;align-items:baseline;gap:12px}
.book-stage[data-mode=single] .opening-work span{font-size:19px;margin:0}
.book-stage[data-mode=single] .finish .opening-window{display:none}
.book-stage[data-mode=single] .opening-finish-voice{left:28px;top:35px;width:360px}
.book-stage[data-mode=single] .opening-mobile-beat{display:block;position:absolute;left:28px;right:28px;top:173px;height:215px}
.book-stage[data-mode=single] .opening-mobile-beat>.panel{height:100%}
.book-stage[data-mode=single] .opening-hook{left:25px;top:427px;width:400px;height:225px}
.book-stage[data-mode=single] .reflection-window,.book-stage[data-mode=single] .desktop-thought,.book-stage[data-mode=single] .desktop-description{display:none}
.book-stage[data-mode=single] .words .leaf-content>h2{font-size:36px;top:27px}
.book-stage[data-mode=single] .words .interaction-hint{top:117px}
.book-stage[data-mode=single] .words .word-panels{top:158px;height:132px}
.book-stage[data-mode=single] .mobile-word-picture{display:block;position:absolute;left:42px;top:320px;width:366px;height:328px}
.book-stage[data-mode=single] .mobile-word-picture>.art{inset:12px;transform:translateX(calc(var(--reflection-pan,0px) * .3))}
.book-stage[data-mode=single] .mobile-thought{display:block;position:absolute;left:28px;top:65px;width:394px;height:300px}
.book-stage[data-mode=single] .mobile-thought>.reader-monologue{height:300px}
.book-stage[data-mode=single] .courage-spread-copy{left:38px;top:430px;width:366px;font-size:27px;line-height:1.4}
.book-stage[data-mode=single] .courage-spread-copy strong{font-size:29px}
@media(prefers-reduced-motion:reduce){.opening-visual,.reflection-visual,.mobile-word-picture>.art{transform:none!important;will-change:auto}}
@media print{.motion-replay{display:none!important}}
.opening-work{top:570px;font-size:82px}.opening-work span{font-size:17px;margin-top:4px}
.opening-finish-voice{left:210px;width:210px;font-size:24.5px}
.reflection-visual{left:455px;width:390px}
.book-stage[data-mode=single] .opening-finish-voice{font-size:25px}

.narrow-hint{display:none}.book-stage[data-mode=single] .wide-hint{display:none}.book-stage[data-mode=single] .narrow-hint{display:inline}