/* Motion has one owner: the frame loop. Camera transforms never switch origins. */
main .book,main .book-pose{transition:none!important;transform-origin:50% 50%!important}
main .book{animation:none!important}
.ambient-sheen{opacity:.25;mix-blend-mode:normal}
[data-mode=intro] .ambient-sheen,[data-mode=opening] .ambient-sheen,[data-mode=unfolding] .ambient-sheen{display:none}
.intro-action{bottom:16%;z-index:25}
.book-edge{position:absolute;pointer-events:none;backface-visibility:hidden;background:repeating-linear-gradient(0deg,#d2bda0 0px,#d2bda0 2px,#a99276 2.5px,#e4cfb0 3px);transform-style:preserve-3d}
.edge-bottom{left:50%;top:100%;width:50%;height:18px;transform-origin:top;transform:rotateX(-90deg);border-radius:0 0 4px 4px}
.edge-right{left:100%;top:0;width:18px;height:100%;transform-origin:left;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#d2bda0 0px,#d2bda0 2px,#a99276 2.5px,#e4cfb0 3px)}
.edge-bottom{width:46.5%;border-radius:0}.edge-right{height:86%;top:7%}
.cover-title{font-size:4.4cqw;left:8%;width:86%;top:11.5%;letter-spacing:-.025em;color:#f5e4cd}
.cover-title small{font-size:1.65cqw;margin-top:14px;line-height:1.3}
.page.right.warm-page .page-copy,.mobile-copy.warm-copy .right-copy{color:#4c2516}
.paper-block{box-shadow:1px 2px 0 #bca58a,2px 4px 0 #dbc4a3,3px 6px 0 #b69a79;transform:translateZ(-8px)}
.book-board{transform:translateZ(-18px);box-shadow:0 3px 0 #674d38,0 14px 26px #0006}
.turning-leaf{translate:0 0 2px}
.turning-leaf .face{transform:translateZ(.05px);box-shadow:none}
.turning-leaf .face.back{transform:rotateY(180deg) translateZ(.05px)}
.face:after{display:none}
.cover-inside{transform:rotateY(180deg) translateZ(2px);box-shadow:none}
.progress button{transition:width 1.65s cubic-bezier(.42,0,.25,1)}
.progress button:after{transition:background .6s}
.navigation button[aria-disabled=true]{opacity:.45}
.navigation button{transition:opacity .5s,color .2s}
.book.busy #interactions{transition:opacity .4s}
#interactions{transition:opacity .6s}
@media(max-width:700px){.intro-action{bottom:22%}}
.hero-cursor{position:fixed;top:0;left:0;z-index:45;display:flex;align-items:center;gap:8px;color:#fff;pointer-events:none;user-select:none;opacity:0;visibility:hidden;white-space:nowrap;font:400 12px/16px 'General Sans',Arial,sans-serif;letter-spacing:-.24px;will-change:transform;transition:opacity .16s,visibility .16s}
.hero-cursor img{display:block;width:16px;height:16px;flex:none}
@media(hover:hover) and (pointer:fine){.hero-cursor.visible{opacity:1;visibility:visible}#experience.hero-cursor-active,#experience.hero-cursor-active .cover{cursor:none}}
@media(prefers-reduced-motion:reduce){.hero-cursor{transition:none}}
/* The rear of the front cover shares its hinge and timeline, including return. */
.left-board{transform-origin:right center}
[data-mode=intro] .left-board,[data-mode=opening] .left-board,[data-mode=returning] .left-board{visibility:visible;transform:translateZ(-18px) rotateY(180deg)}
[data-mode=unfolding] .left-board,[data-mode=folding] .left-board{visibility:visible}
[data-mode=folding] .base-pages .left,[data-mode=returning] .base-pages .left{visibility:hidden}
[data-mode=folding] .cover{display:block;transform:rotateY(-180deg)}
[data-mode=returning] .cover{display:block;transform:rotateY(0)}
[data-mode=folding] .spine,[data-mode=returning] .spine,[data-mode=returning] .ambient-sheen{visibility:hidden}
[data-mode=folding] .hint,[data-mode=returning] .hint{opacity:0}
@media(min-width:701px) and (min-height:700px){.stage{inset:130px 0 120px}}
@media(min-width:701px){.ending h2{top:9.56%}.end-actions{top:80.1%}}
/* One baseline on hero, reading and ending; hidden controls cannot resize it. */
footer{height:88px;min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:20px 32px;line-height:20px}
#chapter{grid-column:1;grid-row:1;white-space:nowrap}
#reading-time,.navigation{grid-column:3;grid-row:1;justify-self:end}
.navigation{height:32px;white-space:nowrap}
.navigation button{height:32px;line-height:16px}
.progress{position:relative;left:auto;bottom:auto;transform:none;grid-column:2;grid-row:1;justify-self:center;height:32px}
.hint{height:24px;line-height:24px;min-height:24px;white-space:nowrap}
@media(max-width:700px){footer{height:106px;min-height:106px;padding:18px 20px;grid-template-columns:1fr auto;align-items:end}#reading-time,.navigation{grid-column:2}.navigation{height:44px}.navigation button{height:44px}#chapter,#reading-time{align-self:end;line-height:44px}.progress{position:absolute;left:50%;bottom:74px;transform:translateX(-50%)}.hint{white-space:normal;height:40px;line-height:20px;bottom:121px}}