:root{--page-w:320px;--page-h:450px;--shade:1}@property --a{syntax:"<number>";inherits:true;initial-value:0}*{box-sizing:border-box}.site-head{max-width:46rem;margin:0 auto;padding:2.5rem 1.25rem 1rem}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-green);margin:0 0 .5rem;font-size:.75rem}.lede{color:var(--color-gray-600);margin:0;line-height:1.6}.notes{border-top:1px solid var(--color-gray-200);max-width:46rem;color:var(--color-gray-600);margin:3rem auto 4rem;padding:1.5rem 1.25rem;font-size:.9rem;line-height:1.65}.reader{padding:1rem .75rem 0}.stage{perspective:2400px;perspective-origin:50% 45%;justify-content:center;padding:1rem 0 1.5rem;display:flex}.book{width:calc(var(--page-w) * 2);height:var(--page-h);transform-style:preserve-3d;filter:drop-shadow(0 18px 30px rgba(11, 28, 19, calc(.18 * var(--shade))));position:relative}.book.single{width:var(--page-w)}.book{transition:transform .5s cubic-bezier(.22,.72,.24,1)}.book.at-start{transform:translate(-25%)}.book.at-end{transform:translate(25%)}.edge{width:10px;height:99%;opacity:calc(.9 * var(--shade));background:repeating-linear-gradient(90deg,#efe7d6 0 1px,#dcd2bd 1px 2px);border-radius:2px;position:absolute;top:.5%}.edge-left{left:-8px;box-shadow:inset -3px 0 6px #0000002e}.edge-right{right:-8px;box-shadow:inset 3px 0 6px #0000002e}.book.single .edge-left,.book.at-start .edge-left,.book.at-end .edge-right{display:none}.gutter{pointer-events:none;z-index:60;width:56px;opacity:var(--shade);background:linear-gradient(90deg,#0000 0%,#3c2d1933 42%,#3c2d1947 50%,#3c2d1933 58%,#0000 100%);margin-left:-28px;position:absolute;inset:0 auto 0 50%}.book.single .gutter{display:none}.leaves{transform-style:preserve-3d;position:absolute;inset:0 0 0 50%}.book.single .leaves{inset:0}.leaf{transform-origin:0;transform-style:preserve-3d;transform:rotateY(calc(var(--a) * -180deg));will-change:transform;position:absolute;inset:0}.leaf.anim{transition:transform .62s cubic-bezier(.22,.72,.24,1),--a .62s cubic-bezier(.22,.72,.24,1)}.leaf.grab{cursor:grab}.leaf.grab:active{cursor:grabbing}.face{backface-visibility:hidden;background:#f4ecdc;border-radius:1px;position:absolute;inset:0;overflow:hidden}.face.front{transform:rotateY(0);box-shadow:inset 2px 0 5px #3c2d191a}.face.back{transform:rotateY(180deg);box-shadow:inset -2px 0 5px #3c2d191a}.face img{object-fit:cover;object-position:center;filter:sepia(.12)contrast(1.04)brightness(1.02);width:100%;height:100%;display:block}.face img:not([src]){visibility:hidden}.face:after{content:"";pointer-events:none;position:absolute;inset:0}.face.front:after{opacity:calc(sin(var(--a) * 180deg) * .85 * var(--shade));background:linear-gradient(90deg,#23190a8c 0%,#23190a1a 28%,#ffffff1a 78%,#ffffff38 100%)}.face.back:after{opacity:calc((1 - var(--a)) * .9 * var(--shade));background:linear-gradient(270deg,#23190a8c 0%,#23190a1a 28%,#ffffff1f 100%)}.face.blank{background:#efe6d3}.face.blank img{display:none}.leaf.lifting{z-index:100}.leaf.lifting .face{box-shadow:inset 2px 0 5px #3c2d191a, 0 14px 40px rgba(11, 28, 19, calc(sin(var(--a) * 180deg) * .4 * var(--shade)))}.controls{align-items:center;gap:1rem;max-width:34rem;margin:0 auto;display:flex}.btn-round{border:1px solid var(--color-gray-200);width:44px;height:44px;color:var(--color-green-dark);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.btn-round:hover:not(:disabled){background:var(--color-green);color:#fff;border-color:var(--color-green)}.btn-round:disabled{opacity:.35;cursor:default}.btn-round svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.scrubber{flex:1}.scrubber input[type=range]{width:100%;accent-color:var(--color-green)}.pageno{text-align:center;color:var(--color-gray-500);margin:.35rem 0 0;font-size:.8rem}.options{color:var(--color-gray-500);flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:1.25rem auto 0;font-size:.82rem;display:flex}.options label{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.link-btn{font:inherit;color:var(--color-green);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){.leaf.anim{transition-duration:.01ms}}.scan-actions{align-items:stretch;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.scan-actions .btn{justify-content:center;align-items:center;min-height:2.9rem;display:inline-flex}.scan-actions__download{align-items:center;gap:var(--space-2);display:inline-flex}.scan-reader__intro{margin-bottom:var(--space-6)}.scan-reader__lede{max-width:62ch;color:var(--color-gray-600)}.scan-actions__glyph{font-size:1.15rem;line-height:1}@media (width<=51.24rem),(pointer:coarse){:root{--shade:0}.book{filter:none}.face.front,.face.back,.leaf.lifting{box-shadow:none}}@media (prefers-reduced-motion:reduce){.leaf.anim,.book{transition:none}}