.taped-photo[data-astro-cid-o2c7jnqn]{position:relative;display:block;width:100%;max-width:22rem;margin:0;padding:.85rem .85rem 1.4rem;rotate:var(--tilt, -1.8deg);border:2px solid var(--color-ink);background:var(--color-paper);box-shadow:var(--shadow-hard)}.taped-photo[data-astro-cid-o2c7jnqn] img[data-astro-cid-o2c7jnqn]{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;background:var(--color-paper-2)}.taped-photo[data-astro-cid-o2c7jnqn] figcaption[data-astro-cid-o2c7jnqn]{margin-top:.75rem;font-family:var(--font-display);font-style:italic;font-size:.95rem;line-height:1.25;text-align:center;color:var(--color-ink-2)}.taped-photo-tape[data-astro-cid-o2c7jnqn]{position:absolute;width:4.25rem;height:4.25rem;pointer-events:none;overflow:visible}.taped-photo-tape[data-astro-cid-o2c7jnqn].is-start{top:-1rem;left:-1rem}.taped-photo-tape[data-astro-cid-o2c7jnqn].is-end{right:-1rem;bottom:-1rem;rotate:180deg}.post-book{position:relative;margin-top:2rem}.post-note{display:none}.post-note a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.post-note a:hover{background-color:var(--color-marker)}.post-book .post-photo{margin:4.5rem auto 0}.post-book.is-book .post-photo{position:absolute;top:50%;left:50%;width:55%;max-width:none;margin:0;translate:-50% -50%}.post-more{max-width:56rem;margin:4.5rem auto 0}.post-more-grid{margin-top:2rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.post-page{position:relative;max-width:56rem;margin-inline:auto;border:2px solid var(--color-ink);background-color:var(--color-paper);box-shadow:var(--shadow-hard);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.75rem - 1px),color-mix(in srgb,var(--color-rule) 45%,transparent) calc(1.75rem - 1px),color-mix(in srgb,var(--color-rule) 45%,transparent) 1.75rem),linear-gradient(to right,transparent 4.4rem,color-mix(in srgb,var(--color-accent) 32%,transparent) 4.4rem,color-mix(in srgb,var(--color-accent) 32%,transparent) calc(4.4rem + 1px),transparent calc(4.4rem + 1px))}.post-rings{position:absolute;left:-.7rem;top:1.6rem;bottom:1.6rem;width:1.4rem;background-image:radial-gradient(circle at 50% 50%,transparent 4.5px,var(--color-ink) 4.5px,var(--color-ink) 6px,transparent 6.5px);background-size:1.4rem 2.1rem}.post-page-inner{padding:2.5rem 1.75rem 3rem 2.25rem}@media(max-width:639px){.post-book{padding-inline:1.25rem}.post-rings{display:none}.post-page{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.75rem - 1px),color-mix(in srgb,var(--color-rule) 45%,transparent) calc(1.75rem - 1px),color-mix(in srgb,var(--color-rule) 45%,transparent) 1.75rem)}}@media(min-width:640px){.post-page-inner{padding:3.5rem 3.5rem 4rem 5.75rem}}.post-book.is-book>.post-page{display:none}.book-track{position:relative;height:calc(var(--turns, 1) * 90vh + 100vh)}.book-scene{--page-h: min(88vh, 54rem);position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;padding-top:2.5rem;perspective:3200px}.post-book.is-book .post-note{display:block;position:absolute;top:50%;left:calc(75% + min(12.5rem,12%));width:min(13rem,calc(50% - min(25rem,24%) - 4.5rem));margin:0;translate:-50% -50%}.book{position:relative;z-index:1;width:min(100rem,96%);height:var(--page-h);transform-style:preserve-3d;transform:translate(-25%)}.post-book.is-book .post-more{position:absolute;top:calc(50% + 1.25rem);left:calc(50% + 2.5rem);width:min(50rem,48%);z-index:2;display:flex;flex-direction:column;height:var(--page-h);max-width:none;margin:0;translate:-50% -50%;opacity:0}.post-book.is-book .post-more-grid{flex:1;min-height:0;grid-template-columns:1fr;grid-auto-rows:1fr}.post-book.is-book .post-more .post-sheet{min-height:0}.book-front-board{position:absolute;top:0;bottom:0;left:0;width:50%;border:2px solid var(--color-ink);background-color:var(--color-paper-3);box-shadow:-5px 5px 0 var(--color-ink);transform:translateZ(-3px)}.book-front-board:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to left,color-mix(in srgb,var(--color-ink) 14%,transparent),transparent 9%)}.book-leaf{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.leaf-face{position:absolute;inset:0;overflow:hidden;border:2px solid var(--color-ink);background-color:var(--color-paper);backface-visibility:hidden;-webkit-backface-visibility:hidden;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.7rem - 1px),color-mix(in srgb,var(--color-rule) 45%,transparent) calc(1.7rem - 1px),color-mix(in srgb,var(--color-rule) 45%,transparent) 1.7rem),linear-gradient(to right,transparent 3.4rem,color-mix(in srgb,var(--color-accent) 30%,transparent) 3.4rem,color-mix(in srgb,var(--color-accent) 30%,transparent) calc(3.4rem + 1px),transparent calc(3.4rem + 1px));background-position:0 1.3rem,0 0}.leaf-face:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--color-ink) 14%,transparent),transparent 9%)}.leaf-back{transform:rotateY(180deg);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.7rem - 1px),color-mix(in srgb,var(--color-rule) 45%,transparent) calc(1.7rem - 1px),color-mix(in srgb,var(--color-rule) 45%,transparent) 1.7rem),linear-gradient(to left,transparent 3.4rem,color-mix(in srgb,var(--color-accent) 30%,transparent) 3.4rem,color-mix(in srgb,var(--color-accent) 30%,transparent) calc(3.4rem + 1px),transparent calc(3.4rem + 1px))}.leaf-back:after{background-image:linear-gradient(to left,color-mix(in srgb,var(--color-ink) 14%,transparent),transparent 9%)}.leaf-board{background-color:var(--color-paper-3);background-image:none}.leaf-board.leaf-front{box-shadow:var(--shadow-hard)}.leaf-inner{position:absolute;inset:0;padding:3rem 3rem 3.4rem 4.4rem;overflow:hidden;font-size:1rem;line-height:1.7rem}.leaf-inner>:first-child{margin-top:0}.leaf-folio{position:absolute;left:0;right:0;bottom:1.2rem;text-align:center;color:var(--color-dim)}.book-rings{position:absolute;left:50%;top:1.5rem;bottom:1.5rem;width:1.5rem;transform:translate(-50%) translateZ(90px);background-image:radial-gradient(circle at 50% 50%,transparent 4.5px,var(--color-ink) 4.5px,var(--color-ink) 6px,transparent 6.5px);background-size:1.5rem 2.3rem}
