/* Motion only. The original artwork, typesetting and resting layouts are untouched. */
.spread,.spread::after,.cover-art{animation:none}
.cover-art{position:relative;isolation:isolate}
.cover-art::before{content:'';position:absolute;inset:12% 5% 8%;z-index:-1;background:radial-gradient(ellipse,#eab95424,transparent 68%);transform:scale(1.12);opacity:.65;animation:book-breath 8s ease-in-out infinite;pointer-events:none}
.cover-art:hover{transform:none}
.firefly{animation:forest-mote 24s ease-in-out infinite;animation-delay:calc(var(--delay) * -8);opacity:.24;will-change:transform,opacity}
.firefly:nth-child(3n){animation-duration:31s}.firefly:nth-child(2n){animation-direction:reverse;animation-duration:28s}
@keyframes forest-mote{0%,100%{transform:translate3d(0,4px,0);opacity:.12}35%{opacity:.42}65%{transform:translate3d(var(--drift),-19px,0);opacity:.2}}
@keyframes book-breath{0%,100%{opacity:.35;transform:scale(1.07)}50%{opacity:.75;transform:scale(1.15)}}
body.motion-paused .firefly,body.motion-paused .cover-art::before{animation-play-state:paused}
.motion-root{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;isolation:isolate;contain:layout style}
.motion-root *{pointer-events:none!important}
.motion-root .spread,.motion-root .spread::after,.motion-root .cover-art,.motion-root .cover-art::before{animation:none!important;transition:none!important}
.motion-root .spread{margin:0!important;min-height:0!important}
.motion-root .cover-art::before{display:none}
.motion-root :focus{outline:none!important}
.motion-stage{position:absolute;transform-origin:0 0;perspective:2200px;perspective-origin:50% 45%;transform-style:preserve-3d;will-change:transform}
.motion-surface{position:absolute;left:0;top:0;transform-origin:0 0}
.motion-surface>.spread{width:100%;height:100%}
.turn-static,.turn-leaf,.turn-face{position:absolute;top:0;height:100%}
.turn-static{overflow:hidden;width:50%}
.turn-leaf{width:50%;transform-style:preserve-3d;will-change:transform}
.turn-face{width:100%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.2px)}
.turn-back{transform:rotateY(180deg) translateZ(.3px)}
.turn-shade{position:absolute;inset:0;background:linear-gradient(90deg,#23170c5c,transparent 45%);opacity:0;backface-visibility:hidden;will-change:opacity}
.turn-back .turn-shade{background:linear-gradient(270deg,#23170c55,transparent 50%)}
.turn-edge{position:absolute;inset:0 0 0 auto;width:2px;background:linear-gradient(transparent,#f7d68bab 25%,#fff2c5b0 55%,transparent);box-shadow:0 0 10px #edc46660;opacity:0;transform:translateZ(1px);will-change:opacity}
.motion-root[data-direction=back] .turn-edge{inset:0 auto 0 0}
.motion-dust{position:absolute;inset:0;overflow:visible;pointer-events:none}
.motion-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe5a1;box-shadow:0 0 5px #e7b95485;opacity:0;will-change:transform,opacity}
.motion-root[data-kind=opening] .motion-dust i{width:4px;height:4px}
.opening-veil{position:absolute;inset:0;background-color:var(--night)}
.opening-outside{position:absolute;left:0;width:100%}
.opening-outside .cover{margin:0!important}
.opening-outside .cover-art{visibility:hidden}
.opening-pages{position:absolute;transform-origin:50% 50%;will-change:transform,opacity}
.opening-pages>.motion-surface{filter:drop-shadow(0 14px 14px #0008)}
.opening-book{position:absolute;perspective:1800px;perspective-origin:40% 45%;transform-style:preserve-3d;transform-origin:0 0;will-change:transform,opacity}
.opening-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse,#e6b45b45,transparent 63%);opacity:0;will-change:transform,opacity}
.opening-stack{position:absolute;inset:9% 6% 10% 9%;border-radius:8px 18px 13px 8px;background:#e8cea0 url('assets/parchment-sheet.jpg') center/100% 100%;box-shadow:4px 3px 0 #b68d48,7px 5px 0 #715129;opacity:0}
.opening-lid{position:absolute;inset:0;transform-origin:9% 50%;transform-style:preserve-3d;will-change:transform}
.opening-lid-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.5px)}
.opening-lid-face img{display:block;width:100%;height:100%;object-fit:fill;clip-path:var(--book-silhouette)}
.opening-lid-back{transform:rotateY(180deg) translateZ(.5px);clip-path:polygon(10% 5%,93% 9%,93% 93%,10% 94%);background:#dcc08c url('assets/parchment-sheet.jpg') center/100% 100%;box-shadow:inset 0 0 30px #56371e50}
body[data-motion=opening]>.site-header{z-index:21}

@media(max-width:820px){.motion-stage{perspective:1500px}.turn-leaf.mobile-leaf{left:0;width:100%}.mobile-leaf .turn-face{border-radius:16px 9px 13px 7px}.opening-stack{box-shadow:3px 2px 0 #b68d48,5px 4px 0 #715129}}
@media(prefers-reduced-motion:reduce){.firefly,.cover-art::before{animation:none!important}.firefly{opacity:.18}.motion-root{display:none!important}}
@media print{.motion-root{display:none!important}}