/* The book has its own perspective; it never crosses the left text column. */
.thought-book-stage>.chapter-medallion,.thought-book-stage>.theatre-leaves,.thought-book-stage>.corner-notes{display:none}
.thought-book-stage>.theatre-bookmark{width:32px;right:48px;top:-24px;opacity:.8}
.book-copy{position:absolute;left:74px;top:116px;width:475px;z-index:8}
.book-kicker{font-size:16px;letter-spacing:.14em;color:#9d794c;margin-bottom:24px}
.book-copy h1{font:60px/1.22 'KaiTi','STKaiti',serif;letter-spacing:.03em}
.book-description{font-size:19px;line-height:1.85;color:#866c51;margin-top:27px}
.book-honors{margin-top:46px;padding-left:19px;border-left:0}
.book-honors b{font-size:25px;color:#a43930}.book-honors span{display:block;font-size:15px;color:#927451;margin-top:10px}.book-honors p{font-size:17px;margin-top:24px}
.book-copy-study{opacity:1;transform:none;transition:opacity 280ms 420ms,transform 340ms 420ms}
.thought.revealed .book-copy-study{opacity:0;transform:translateY(-12px);transition-delay:150ms;pointer-events:none}
.book-copy-life{opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity 280ms 150ms,transform 340ms 150ms}
.book-copy-life h1{font-size:51px;line-height:1.35}.book-copy-life .book-description{margin-top:30px}
.thought.revealed .book-copy-life{opacity:1;transform:none;transition-delay:420ms;pointer-events:auto}
.book-question-word{position:relative;display:inline-block}.book-question-word svg{position:absolute;left:0;bottom:-15px;width:100%;height:18px;fill:none;stroke:#aa3b2d;stroke-width:3;stroke-linecap:round}
.book-question-word path{stroke-dasharray:570;stroke-dashoffset:570;transition:stroke-dashoffset 300ms}
.thought.revealed .book-question-word path{stroke-dashoffset:0;transition-duration:550ms;transition-delay:1000ms}
.book-bottom{position:absolute;left:74px;right:75px;bottom:38px;border-top:1px solid #d2b985;padding-top:16px;color:#a2865a;font:18px 'KaiTi',serif}
.book-bottom span{position:absolute;top:16px;transition:opacity 450ms}.book-bottom-life{opacity:0}.thought.revealed .book-bottom-life{opacity:1;transition-delay:1200ms}.thought.revealed .book-bottom-study{opacity:0}
.book-bottom svg{position:absolute;right:0;top:16px;width:136px;height:20px;fill:none;stroke:#b9914f;stroke-width:1.5;opacity:0;transition:opacity 400ms}.thought.revealed .book-bottom svg{opacity:1;transition-delay:1250ms}
.motion-reduced .thought-book-stage *{transition-duration:1ms!important;transition-delay:0ms!important;animation:none!important}

/* Every pop-up shares a horizontal paper floor and rotates around its foot. */
.book-theatre{position:absolute;left:550px;top:125px;width:680px;height:525px;perspective:2200px;perspective-origin:50% 45%;z-index:3}
.book-table-shadow{position:absolute;left:34px;right:5px;bottom:22px;height:135px;background:radial-gradient(ellipse,#9a704332,transparent 68%);transform:rotate(-3deg)}
.book-rig{position:absolute;left:15px;top:218px;width:640px;height:360px;transform-style:preserve-3d;transform:translate(-135px,-30px) rotateX(48deg) rotateZ(0);transform-origin:50% 50%;transition:transform 900ms cubic-bezier(.45,0,.2,1)}
.thought.entered .book-rig{transform:translateX(0) rotateX(72deg) rotateZ(0)}
.thought.revealed .book-rig{transform:translateX(0) rotateX(72deg) rotateZ(0);transition-duration:900ms}
.book3-base{position:absolute;top:-8px;width:328px;height:376px;background:#92362e;border:2px solid #713329;border-radius:4px;box-shadow:0 6px 0 #692a24;transform:translateZ(-9px)}
.book3-right-base{left:320px}
.book3-floor{position:absolute;top:0;width:320px;height:360px;background:repeating-linear-gradient(to bottom,#fdf0d1 0,#fdf0d1 6px,#ebd4a6 7px,#fdf0d1 8px);border:1px solid #caaa70;border-radius:2px;transform-style:preserve-3d}
.book3-floor:after{content:'';position:absolute;inset:0 0 7px;background:#fff4d8;border:1px solid #e2ca96;border-radius:2px}
.book3-right-floor{left:320px}
.book3-spine{position:absolute;left:313px;top:0;width:14px;height:354px;background:linear-gradient(90deg,transparent,#b9915340,transparent);transform:translateZ(2px)}

.book3-cover,.book3-turn{position:absolute;left:320px;transform-origin:0 50%;transform-style:preserve-3d}
/* One rigid cover, one fixed hinge, two separated faces. Never animate hinge height. */
.book3-cover{top:-8px;width:328px;height:376px;transform:translateZ(4px) rotateY(0);transition:transform 900ms 40ms cubic-bezier(.45,0,.2,1)}
.thought.entered .book3-cover{transform:translateZ(4px) rotateY(-180deg)}
.book3-cover-front,.book3-cover-back,.book3-turn-front,.book3-turn-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px}
.book3-cover-front{transform:translateZ(.7px);border:2px solid #713329;background:#9e382f;color:#f3d99e;text-align:center;padding-top:50px}
.book3-cover-front:after{content:'';position:absolute;inset:16px;border:1px solid #dcb86c}
.book3-cover-front>span{font:42px 'KaiTi',serif;display:block}.book3-cover-front small{display:block;letter-spacing:.15em;margin-top:16px;font-size:16px}.book3-cover-front b{display:block;font:24px/1.65 'KaiTi',serif;margin-top:60px}
.book3-cover-back{transform:rotateY(180deg) translateZ(.7px);background:#92362e;border:2px solid #713329}
.book3-cover-back:after{content:'';position:absolute;inset:6px 0 8px 6px;background:#fff4d8;border:1px solid #caaa70;box-shadow:inset -12px 0 12px -12px #9e7d49}
/* The inner leaf is exposed only after the outer cover has cleared it. */
.book3-turn{top:0;width:320px;height:354px;visibility:hidden;transform:translateZ(6px) rotateY(0);transition:transform 700ms 1180ms cubic-bezier(.45,0,.2,1),visibility 0ms}
.thought.entered .book3-turn{visibility:visible;transition:transform 700ms 1180ms cubic-bezier(.45,0,.2,1),visibility 0ms 940ms}
.book3-turn-front{transform:translateZ(.35px)}
.book3-turn-back{transform:rotateY(180deg) translateZ(.35px)}
.thought.revealed .book3-turn{transform:translateZ(6px) rotateY(-180deg)}
.book3-pop{position:absolute;transform-origin:50% 100%;transform:translateZ(12px) rotateX(0);backface-visibility:hidden;will-change:transform}
/* Opaque hinged cards: front row first; rear row first when folding.
   Four rows with overlapping eased tails; scene turns use book-turn.js. */
.thought{--book-rise-start:950ms}
.thought.book-phase-turn{--book-rise-start:820ms}
.book3-study,.book3-life{opacity:1;visibility:hidden;transition:transform 420ms calc((3 - var(--row))*220ms) cubic-bezier(.22,.75,.22,1),visibility 0ms calc((3 - var(--row))*220ms + 420ms)}
.thought.entered:not(.revealed) .book3-study,.thought.revealed .book3-life{visibility:visible;transform:translateZ(12px) rotateX(-90deg);transition:transform 420ms calc(var(--book-rise-start) + var(--row)*220ms) cubic-bezier(.22,.75,.22,1),visibility 0ms calc(var(--book-rise-start) + var(--row)*220ms)}
.thought.revealed .book3-study{transform:translateZ(12px) rotateX(0)}
.book3-study-back{left:74px;top:-138px;width:492px;height:290px;--row:3}
.book3-proof{left:177px;top:-26px;width:205px;height:275px;--row:1;margin:0}
.book3-proof-frame{height:100%;background:#fff9e8;border:7px solid #ddba74;box-shadow:inset 0 0 0 1px #a78046;padding:8px}
.book3-proof img{display:block;width:100%;height:218px;object-fit:contain;background:#fff}
.book3-proof figcaption{font:17px 'KaiTi',serif;text-align:center;color:#967047;padding-top:10px}
.book3-reader{left:386px;top:-96px;width:202px;height:358px;--row:1}.book3-reader img{width:100%;height:100%;object-fit:contain}
.book3-study-books{left:280px;top:298px;width:140px;height:50px;--row:0}
.book3-room{left:53px;top:-235px;width:534px;height:335px;--row:3}
.book3-conversation{left:79px;top:-81px;width:486px;height:324px;--row:1}
.book-conversation-art{position:absolute;inset:0;border-radius:95px 95px 0 0;overflow:hidden;background:#fff5df}
.book-conversation-art>.conversation-image,.book-conversation-art>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.book-conversation-art>.conversation-image{transform:none!important}
.book3-plant{left:554px;top:114px;width:78px;height:145px;--row:0}
.book-question-note{position:absolute;left:75px;top:518px;width:430px;padding:12px 20px 15px;background:#fff7e4;border:1px solid #d4b778;box-shadow:5px 5px 0 #dfc68b;opacity:0;transform:translateY(14px) rotate(-2deg);transition:transform 500ms,opacity 450ms;z-index:9}
.book-question-note span{font-size:12px;color:#a48354;letter-spacing:.08em}.book-question-note p{font:25px/1.35 'KaiTi',serif;color:#77502f;margin-top:5px}.book-question-note i{position:absolute;right:23px;top:-7px;width:11px;height:29px;border:3px solid #a43f33;border-radius:7px;transform:rotate(14deg)}
.thought.revealed .book-question-note{opacity:1;transform:translateY(0) rotate(-1deg);transition:opacity 320ms 900ms,transform 450ms 900ms cubic-bezier(.25,.7,.25,1)}
.book3-floor-caption{position:absolute;left:45px;right:40px;bottom:23px;display:flex;justify-content:space-between;color:#b28b53;font:18px 'KaiTi',serif;transform:translateZ(13px);opacity:0;transition:opacity 350ms 900ms}.thought.entered .book3-floor-caption{opacity:1}
.motion-reduced .thought-book-stage *{transition-duration:1ms!important;transition-delay:0ms!important;animation:none!important}

/* Generated art is printed on separate cream paper inserts, not a page-sized texture. */
.book-prop-art{overflow:hidden;border-radius:48% 48% 2px 2px;background:#fff4d8;border:1px solid #e0c48d}
.book-prop-art img{width:100%;height:100%;object-fit:cover;display:block}
.book3-shelf{left:34px;top:-5px;width:145px;height:180px;--row:2}
.book3-shelf img{object-fit:cover;object-position:center; transform:scale(1.1)}
.book3-notes{left:22px;top:258px;width:144px;--row:0}
.book3-notes{height:90px}
.book3-notes img{object-fit:contain;object-position:50% 60%}
.book3-ginkgo{left:548px;top:185px;width:86px;height:130px;--row:0}
.book3-life-shelf{left:12px;top:0px;width:123px;height:160px;--row:2}
.book3-life-shelf img{object-fit:cover;transform:scale(1.1)}
.book3-life-notes{left:100px;top:269px;width:135px;height:80px;--row:0}
.book3-life-notes img{object-position:50% 60%}
.book3-room{--row:3}.book3-conversation{--row:1}

.book3-ginkgo img{object-fit:contain}.book3-life-notes img{object-fit:contain}

/* Vector silhouette clips keep the original raster art and puppet coordinates intact. */
.book-prop-art{overflow:visible;border:0;border-radius:0;background:none}
.book-prop-art svg{display:block;width:100%;height:100%;overflow:visible}
.book-conversation-art{border-radius:0;overflow:visible;background:none}
.book-conversation-art>.conversation-image{mask:url(assets/book-conversation-clip.svg?v=2) center/100% 100% no-repeat;-webkit-mask:url(assets/book-conversation-clip.svg?v=2) center/100% 100% no-repeat}


/* A single half-page turns around the fixed central spine. */
.book3-exit-sheet{position:absolute;left:320px;top:0;width:320px;height:354px;transform-origin:0 50%;transform-style:preserve-3d;transform:translateZ(9px);pointer-events:none}
.book3-exit-reverse{left:0;transform-origin:100% 50%}
.book3-exit-stationary{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.book3-exit-face,.book3-exit-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.book3-exit-face{transform:translateZ(.4px)}
.book3-exit-back{transform:rotateY(180deg) translateZ(.4px)}
/* The animated leaf and resting leaf share one material at the handoff. */
.book3-turn-front,.book3-turn-back,.book3-exit-face,.book3-exit-back{background:#fff4d8;border:1px solid #caaa70;border-radius:3px}
.book3-turn-front,.book3-exit-face{box-shadow:inset 12px 0 14px -12px #977747}
.book3-turn-back,.book3-exit-back{box-shadow:inset -12px 0 14px -12px #977747}
.thought.book-phase-turn .book3-turn{transition:none}
.thought.book-turning .book3-turn{visibility:hidden}

/* The reverse face carries whole destination inserts as it lands. */
.book3-back-inserts{position:absolute;inset:0;transform-origin:0 0;transform:translateX(320px) rotateY(180deg);transform-style:preserve-3d}
.thought.book-managed .book3-pop{transition:none!important}