.guestbook-intro{padding-top:2.5rem;padding-bottom:2rem!important}.guestbook-intro h1{padding-top:.75rem;max-width:24ch}.book-demo-note{font-size:.75rem;color:var(--muted);margin-top:1.4rem}.memory-book{max-width:72rem;padding-bottom:1rem}.book-stage{position:relative;perspective:1800px;isolation:isolate;border-radius:4px 10px 10px 4px;background:#a8875a;padding:5px 5px 8px;box-shadow:0 22px 45px -24px #30281db3,0 4px 10px #30281d1a;outline-offset:8px}.book-stage:focus-visible{outline:3px solid var(--gruen)}.book-spread{display:grid;grid-template-columns:1fr 1fr;position:relative;background:#faf4e6}.book-spread:not(:last-child){margin-bottom:2rem}.is-ready .book-spread{margin-bottom:0}.book-side{position:relative;min-width:0;margin:0;padding:1.2rem;background:#faf4e6;box-sizing:border-box;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.book-photo img{width:100%;height:100%;object-fit:cover;display:block;background:#e6e0d0}.book-left{background:linear-gradient(90deg,#faf4e6 92%,#d9cfb7);border-right:1px solid #bca77f80}.book-right{background:linear-gradient(90deg,#d9cfb7,#faf4e6 8%)}.book-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.8rem 0 .4rem}.book-controls button{font:500 .8rem var(--sans);color:var(--umbra);border:1px solid var(--line);border-radius:4px;background:var(--creme);padding:.7rem 1rem;min-height:46px;display:flex;gap:1rem;align-items:center;cursor:pointer}.book-controls button:hover:not(:disabled){background:var(--sand);border-color:var(--gruen)}.book-controls button:disabled{opacity:.4;cursor:default}.book-controls p{font-size:.75rem;text-align:center;color:var(--muted);margin:0}.book-gesture{text-align:center;font-size:.65rem;color:var(--muted);margin:.5rem auto 1.5rem}.book-credits{max-width:none!important;font-size:.75rem;margin-top:1rem}.book-credits summary,.book-credits p{font-size:.75rem;color:var(--muted)}.book-credits li{margin-bottom:.5rem}.book-invitation{text-align:center;max-width:46rem}.book-invitation h2{margin:1rem auto 1.4rem}.book-invitation p{margin-inline:auto;color:var(--muted)}.book-flip{position:absolute;top:5px;bottom:8px;width:calc(50% - 5px);right:5px;transform-origin:left center;transform-style:preserve-3d;z-index:5;pointer-events:none;will-change:transform}.book-flip.is-backward{right:auto;left:5px;transform-origin:right center}.book-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#faf4e6;box-shadow:0 0 25px #3c342029}.book-face>.book-side{width:100%;height:100%;aspect-ratio:auto}.book-face-back{transform:rotateY(180deg)}.book-mask{position:absolute;top:5px;bottom:8px;left:5px;width:calc(50% - 5px);z-index:3;pointer-events:none}.book-mask.is-right{left:auto;right:5px}.book-mask>.book-side{width:100%;height:100%;aspect-ratio:auto}.is-ready .book-stage{touch-action:pan-y;overflow:clip}.is-turning .book-controls button{opacity:.5;cursor:wait}@media(max-width:600px){.guestbook-intro{padding-top:1.6rem;padding-bottom:1.5rem!important}.guestbook-intro h1{font-size:2.65rem}.guestbook-intro>.lead{font-size:.95rem}.book-demo-note{font-size:.67rem}.memory-book{padding-inline:1rem}.book-spread{grid-template-columns:1fr}.book-side{aspect-ratio:4/5;padding:.8rem}.book-left,.book-right{background:#faf4e6;border:0}.book-controls{gap:.5rem;padding-top:1.4rem}.book-controls button{padding:.65rem .75rem;gap:.5rem;font-size:.7rem}.book-controls button[data-book-prev] span{display:none}.book-controls p{font-size:.65rem;max-width:7rem}.book-gesture{font-size:.6rem}.book-flip,.book-flip.is-backward{width:calc(100% - 10px)}.book-mask{display:none}.book-invitation{padding-top:3rem}}@media(prefers-reduced-motion:reduce){.book-flip{display:none}}.book-photo-mount{position:relative;width:80%;height:73%;flex:none;padding:.65rem .65rem 1.7rem;background:#fffdf7;box-shadow:0 5px 15px #3c342026;transform:rotate(-2deg)}.book-photo img{object-fit:contain;background:#fffdf7}.book-right .book-photo-mount{transform:rotate(2deg)}.book-tape{position:absolute;top:-.75rem;left:calc(50% - 2.3rem);width:4.6rem;height:1.6rem;background:#c6b89499;transform:rotate(-5deg);clip-path:polygon(2% 0,98% 2%,100% 95%,0 100%)}@media(max-width:600px){.book-photo-mount{width:79%;height:72%;padding:.5rem .5rem 1.35rem}.book-tape{width:3.8rem;height:1.4rem;left:calc(50% - 1.9rem)}}@media(prefers-reduced-motion:reduce){.book-photo-mount,.book-right .book-photo-mount{transform:none}}