.book-stage{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;margin:0;padding:25px 20px 16px;min-width:0;background:radial-gradient(ellipse at 50% 55%,#e9dfce,transparent 70%)}
.book-stage--devotional{padding:20px 10px 13px;margin:0 -10px 18px;background:radial-gradient(ellipse at 50% 60%,#eee7d9,transparent 70%)}
.book-toggle{display:block;position:relative;border:0;padding:0;background:none;border-radius:2px;width:min(100%,280px);aspect-ratio:2/3;cursor:pointer;perspective:1300px;-webkit-tap-highlight-color:transparent}
.book-stage--memoir .book-toggle{width:min(100%,306px)}
.book-object{--depth:16px;display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-19deg) rotateZ(1deg);transition:transform .8s cubic-bezier(.22,.65,.2,1)}
.book-toggle[aria-pressed=true] .book-object{transform:rotateY(161deg) rotateZ(-1deg)}
.book-front,.book-back{position:absolute;display:block;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1px 4px 4px 1px;background-color:#f5ead9;box-shadow:0 0 0 1px #806d4938,10px 15px 24px #243b351c;overflow:hidden}
.book-front{transform:translateZ(calc(var(--depth)/2))}
.book-front img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:none;box-shadow:none;border-radius:inherit}
.book-front:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#48351f48,#fff3 1.1%,#49342124 2.4%,transparent 5%,transparent 98%,#fff3);box-shadow:inset 0 1px 1px #fff6,inset 0 -2px 2px #61432330}
.book-back{transform:rotateY(180deg) translateZ(calc(var(--depth)/2));background-size:auto 100%;background-position:left center;background-repeat:no-repeat}
.book-back-copy{position:absolute;inset:0;display:block;padding:7.4%;text-align:left;font:11.7px/1.47 Georgia,serif;color:var(--cover-ink,#38352f);background:linear-gradient(#fcf8efcf,#fcf8efdc);overflow:hidden}
.book-stage--memoir .book-back-copy{font-size:11.1px;line-height:1.43}
.back-headline{display:block;font-size:1.3em;line-height:1.25;font-style:italic;margin:0 0 1.05em}
.back-paragraph{display:block;margin:0 0 .8em}
.back-closing{display:block;font-size:1.05em;font-style:italic;margin-top:1.1em}
.book-spine,.book-pages{position:absolute;display:block;top:2px;bottom:2px;width:var(--depth);transform-origin:left center;backface-visibility:hidden}
.book-spine{left:0;transform:rotateY(-90deg) translateX(calc(var(--depth)/-2));background:linear-gradient(90deg,#a88b68,#e3cba6 45%,#b59775)}
.book-pages{left:100%;transform:rotateY(90deg) translateX(calc(var(--depth)/-2));background:repeating-linear-gradient(90deg,#f8f3e6 0,#f8f3e6 1.2px,#cec6b7 1.6px,#f4eee2 2.2px);box-shadow:inset 2px 0 3px #c2b9a455}
.book-ground-shadow{position:absolute;bottom:82px;left:50%;width:260px;max-width:90%;height:24px;background:#243b3530;border-radius:50%;filter:blur(13px);transform:translateX(-45%);z-index:-1;pointer-events:none}
.book-stage figcaption{text-align:center;margin-top:22px;position:relative;max-width:100%}
.book-hint{display:block;font:11px/1.5 var(--sans);color:#61716a}
.book-read{display:block;margin:2px auto 0;min-height:44px;padding:8px 3px;border:0;background:none;text-decoration:underline;text-underline-offset:4px;font:12px/1.5 var(--sans);color:var(--ink);cursor:pointer}
.book-request{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:12px;font-size:13px}
.book-dialog{width:min(640px,calc(100% - 32px));max-height:88vh;overflow:auto;padding:30px 34px 36px;border:1px solid #c9d3c8;border-radius:5px;background:#faf9f4;color:var(--ink);box-shadow:0 24px 80px #0004}
.book-dialog::backdrop{background:#142b27a8}
.dialog-close{display:flex;gap:20px;align-items:center;margin:0 0 20px auto;min-height:44px;padding:8px 14px;border:1px solid #b8c5b8;border-radius:2px;background:transparent;color:var(--ink);font-size:13px;cursor:pointer}
.dialog-description h2{font:normal 33px/1.2 Georgia,serif;margin:12px 0 22px}
.dialog-description p{font:16px/1.75 Georgia,serif;margin:0 0 18px}
.dialog-description .description-headline{font-style:italic;font-size:20px}
.cross-photo .cover-cross{object-position:center 75%}
.optional{font-size:12px;font-weight:normal;color:var(--muted)}
.request-note{font-size:14px;color:var(--muted);margin-bottom:25px}
.form-honey{display:none!important}
.book-selection{margin-bottom:28px}
.select-all{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;background:#edf1e9;border:1px solid #c4d0c0;margin-bottom:12px;font-size:14px;cursor:pointer}
.preorder-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #d6ded3;padding:15px 14px;margin-bottom:10px;cursor:pointer;background:#fff}
.preorder-choice:has(input:checked){border-color:#67816a;background:#f3f7ef}
.preorder-choice strong{display:block;font:normal 19px/1.3 Georgia,serif}
.preorder-choice small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted)}
.confirmation{padding-top:50px}
header nav .preorder-nav{white-space:nowrap}
@media(max-width:1040px) and (min-width:761px){.books{gap:25px}.book-stage--devotional{padding-left:0;padding-right:0}.book-toggle{width:min(100%,245px)}header nav{gap:18px}.hero{gap:35px}}
@media(max-width:760px){header{align-items:flex-start;gap:14px}header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;max-width:56%}header nav a{padding:8px 0}header nav .button{padding:8px 11px;min-height:42px}.hero .actions{gap:12px}.book-stage{padding:20px 6px 12px}.book-stage--memoir .book-toggle{width:min(100%,294px)}.book-stage--devotional{padding:20px 10px 15px;margin:0 0 18px}.book-toggle{width:min(100%,280px)}.book-object{--depth:14px}.book-ground-shadow{width:245px}.books{gap:42px}.book{padding-top:28px}.book-dialog{padding:18px 22px 25px}.dialog-description h2{font-size:28px}.dialog-description p{font-size:16px}.book-stage figcaption{margin-top:18px}.wordmark{font-size:22px;flex-shrink:0}.wordmark small{font-size:8px;letter-spacing:1.7px}}
@media(max-width:370px){header{padding:20px 16px}.hero{padding-left:20px;padding-right:20px}header nav{max-width:52%;gap:5px}.wordmark{font-size:20px}.book-back-copy{font-size:10.8px}.book-stage--memoir .book-back-copy{font-size:10.2px}}
@media(prefers-reduced-motion:reduce){.book-object{transition:none}}