:root{--cream:#f8f5ee;--ink:#173651;--gold:#a58b50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--cobalt);outline-offset:6px}header{height:115px;margin:0 5%;border-bottom:1px solid #dcd8cb;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:150px;height:90px;overflow:hidden;position:relative}.brand img{position:absolute;width:220px;max-width:none;left:-35px;top:-65px;mix-blend-mode:multiply}nav{display:flex;gap:35px;font-size:12px}nav button,.closing button{border:0;background:none;color:inherit;padding:0}nav span{margin-left:12px}.edition,.eyebrow,.instruction,.shelf-heading,.shelf-caption,.wood-shelf,footer,.reader-meta{font-size:10px;letter-spacing:2px}.edition{font-size:9px;color:#7c8079}.intro{text-align:center;padding:56px 20px 38px}.eyebrow{color:var(--muted-light);font-weight:600}h1{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:clamp(56px,6.3vw,92px);line-height:1.04;letter-spacing:-3px;margin:22px 0}em{font-weight:500;color:var(--cobalt)}.lede{font-size:14px;line-height:1.8;color:#717571}.instruction{font-size:9px;margin-top:30px}.instruction span{display:inline-block;margin-right:10px;font-size:18px}.library{max-width:1140px;margin:0 auto;padding:0 24px;scroll-margin-top:20px}.shelf-heading{display:flex;justify-content:space-between;margin:0 0 16px;font-size:9px}.shelf-heading i{font-style:normal;color:#b3a381;margin:0 8px}.cabinet{border:15px solid #936c48;border-top-width:18px;border-radius:5px;background:#8b613f;box-shadow:0 22px 40px #58371924,inset 0 0 0 3px #c19b72;position:relative;background-image:repeating-linear-gradient(92deg,#7b54301a 0px,#d7af7b16 2px,#5a3d2212 4px,transparent 9px)}.bay{position:relative;display:flex;align-items:flex-end;padding:35px 55px 0;height:292px;box-shadow:inset 0 22px 30px #26170c66,inset 15px 0 30px #29190e33;background:linear-gradient(90deg,#28160720,transparent 35%,#ddac791c 70%,#28160730)}.books{display:flex;gap:15px;align-items:flex-end;position:relative;z-index:2}.book{width:78px;height:220px;border:0;border-radius:3px 5px 2px 2px;position:relative;color:#ede3c7;background:var(--book);box-shadow:5px 0 5px #25160e70,inset 4px 0 4px #ffffff20,inset -5px 0 5px #0005;transform-origin:bottom center;transition:transform .5s,filter .5s;padding:14px 10px;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.book:before,.book:after{content:'';position:absolute;left:5px;right:5px;height:3px;border-top:1px solid #d3bd7970;border-bottom:1px solid #d3bd7970;top:10px}.book:after{top:auto;bottom:12px}.book:hover,.book:focus-visible{transform:translateY(-13px) perspective(800px) rotateY(-17deg) scale(1.025);filter:brightness(1.14)}.book.selected{opacity:.25}.spine-title{writing-mode:vertical-rl;font-family:Georgia,serif;font-size:19px;letter-spacing:.5px}.spine-author{writing-mode:vertical-rl;font-size:8px;letter-spacing:1.4px}.book-number{font:11px Georgia;color:#cdbb88}.book:nth-child(2){height:237px;width:86px}.book:nth-child(3){height:208px;width:71px}.book:nth-child(4){height:225px;width:83px}.wood-shelf{height:27px;background:linear-gradient(#c09a70,#9f7852 35%,#b88b5e 55%,#68472d);box-shadow:0 10px 13px #29180e77;position:relative;z-index:3;color:#e9d4b5;padding:8px 25px;font-size:7px;letter-spacing:2px;text-align:right}.second{height:277px;justify-content:center;gap:38px;padding-top:28px}.second .book{height:210px;width:90px}.second .book:nth-child(2){height:224px;width:78px}.lanyard{position:absolute;right:68px;top:0;width:145px;height:257px;border:0;background:none;padding:0;z-index:4;transform:rotate(9deg);transform-origin:top center;transition:transform .5s}.lanyard:hover{transform:rotate(-3deg)}.strap{position:absolute;top:-15px;left:57px;width:30px;height:92px;background:repeating-linear-gradient(90deg,#18364b 0,#2c4c5e 2px,#18364b 4px);box-shadow:3px 2px 4px #0005}.clip{position:absolute;top:66px;left:65px;width:15px;height:24px;border:3px solid #bcb9a8;border-radius:7px;z-index:2}.badge{position:absolute;top:86px;left:0;width:145px;padding:15px 10px 9px;background:#f1eee4;border:4px solid #d7d1c4;border-radius:6px;box-shadow:7px 13px 14px #24170d66;display:flex;align-items:center;flex-direction:column;color:#173651}.badge-top{font-size:7px;letter-spacing:2px}.portrait{background:#d9ddcf;width:67px;height:67px;display:grid;place-items:center;font:27px Georgia;margin:12px 0}.badge strong{font:17px Georgia}.badge small{font-size:5px;letter-spacing:1px;margin:7px 0 12px}.badge-bottom{border-top:1px solid #ccc7b7;padding-top:9px;font-size:9px;width:100%}.still-life{position:relative;width:90px;height:180px;margin-right:18px}.vase{position:absolute;bottom:0;width:76px;height:98px;background:linear-gradient(90deg,#a39a85,#e0d6bb 40%,#958c76);border-radius:15% 15% 40% 40%;box-shadow:9px 5px 12px #0004;z-index:2}.stem{height:115px;width:2px;background:#5c613d;position:absolute;bottom:72px;left:36px;transform:rotate(-20deg);transform-origin:bottom}.stem:before,.stem:after{content:'';position:absolute;width:24px;height:42px;background:#66714b;border-radius:0 90% 0 90%;top:0;left:0;transform:rotate(-20deg)}.stem:after{top:35px;left:-24px;transform:rotate(15deg)}.s2{transform:rotate(24deg);height:126px}.s3{transform:rotate(50deg);height:90px}.shelf-note{color:#e8d5b4;margin-left:22px;padding-bottom:38px;transform:rotate(-5deg)}.shelf-note>span{font:27px Georgia}.shelf-note em{color:#ead4ad}.shelf-note small{display:block;font-size:7px;line-height:1.8;letter-spacing:1.5px;margin-top:20px}.shelf-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.4px;color:#85837a;margin-top:20px}.closing{text-align:center;padding:70px 20px 62px}.small-star{color:#a48b55;font-size:30px}.closing p{font:italic 400 clamp(1.75rem,1.2rem + 2vw,2.5rem)/1.25 var(--font-serif);margin:20px}.closing button{font-size:11px;border-bottom:1px solid #b0a07b;padding:12px}.closing button span{margin-left:30px}footer{display:flex;justify-content:space-between;margin:0 5%;padding:25px 0;border-top:1px solid #dcd8cb;font-size:8px;letter-spacing:1px;color:#777b76}dialog{border:0;background:#f8f5ee;color:var(--ink);max-height:94dvh;padding:35px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#1d231fe0;backdrop-filter:blur(7px)}.close{position:absolute;right:18px;top:15px;background:transparent;border:1px solid #d8d2c5;border-radius:50%;width:35px;height:35px;color:var(--ink);z-index:20}.reader-meta{text-align:center;font-size:8px;letter-spacing:2px;margin:15px 30px}.reader-meta span{margin:0 12px;color:var(--muted-light)}#reader{width:800px;overflow:auto;text-align:center;border-radius:4px}.book-stage{perspective:1700px;padding:30px 0 20px;display:flex;justify-content:center;overflow:hidden}.reading-book{width:280px;height:365px;position:relative;transform-style:preserve-3d;transition:transform .85s;box-shadow:8px 15px 20px #0002}.reading-book.open{transform:translateX(125px)}.paper{background:linear-gradient(90deg,#e3dbc6,#faf5e7 12%);position:absolute;inset:0;text-align:left;padding:28px 25px;overflow:auto;border-right:5px solid #e0d7bd}.paper h2{font:28px Georgia;margin:14px 0}.paper .eyebrow{font-size:8px}.tabs{display:flex;gap:16px;border-bottom:1px solid #d5ccb7;margin-bottom:18px}.tabs button{border:0;background:none;padding:8px 0;font-size:10px;color:#737366}.tabs button.active{border-bottom:2px solid var(--cobalt);color:#173651}#reading-text{font:13px/1.75 Georgia;color:#626354}#reading-text small{font:8px Arial;letter-spacing:1px;color:#8c794b}.page-number{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;border-top:1px solid #ddd4bd;padding-top:10px;margin-top:22px}.front-cover{position:absolute;inset:0;border:0;padding:0;background:transparent;transform-style:preserve-3d;transform-origin:left;transition:transform .85s;z-index:5;color:#efe4c7}.open .front-cover{transform:rotateY(-160deg)}.cover-face,.cover-inner{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:32px 23px;background:var(--book);box-shadow:inset 7px 0 6px #0005,inset 0 0 0 1px #e4cc8b55}.cover-face:after{content:'';position:absolute;inset:15px;border:1px solid #d5c38f80;pointer-events:none}.cover-inner{background:#e8dfc9;transform:rotateY(180deg);box-shadow:inset -10px 0 20px #0002}.cover-face h3{font:38px/1.15 Georgia;font-weight:normal;margin:8px 0}.cover-face small{font-size:8px;letter-spacing:2px}.cover-symbol{font-size:65px;color:#c8b681}.cover-face span:last-child{font-size:11px;letter-spacing:2px}.primary{background:var(--ink);color:#fff;border:0;padding:13px 25px;font-size:11px}.reader-hint{font-size:9px;color:#85837a;margin:16px 0 0}#author{width:720px;border-radius:4px}#author[open]{display:flex;gap:40px;align-items:center;padding:60px 40px}.author-monogram{width:220px;height:290px;flex-shrink:0;background:#d5d8c9;display:grid;place-content:center;text-align:center;font:80px Georgia}.author-monogram span{font:7px Arial;letter-spacing:1px;margin-top:25px}.author-copy h2{font:52px/1.05 Georgia;margin:16px 0}.author-copy p{font-size:13px;line-height:1.8}.placeholder{color:#7c7d70}.author-signature{font:italic 22px Georgia;color:var(--cobalt)}
@media(max-width:700px){header{height:95px}.edition{display:none}nav{gap:17px;font-size:10px}.brand{width:115px}.brand img{left:-49px}.intro{padding-top:35px}h1{letter-spacing:-2px}.library{padding:0 15px}.cabinet{border-width:9px}.bay{padding:25px 18px 0;height:240px}.books{gap:9px}.book{width:48px;height:175px;padding:14px 5px}.book:nth-child(2){width:52px;height:192px}.book:nth-child(3){width:45px;height:167px}.book:nth-child(4){width:48px;height:182px}.spine-title{font-size:14px}.spine-author{font-size:6px}.first .books{max-width:75%}.lanyard{right:5px;transform:rotate(7deg) scale(.65);transform-origin:top right;top:0}.first{height:265px;align-items:flex-end}.first .books{gap:8px}.shelf-heading{font-size:7px;letter-spacing:1px}.second{height:235px;gap:18px;padding-left:20px;padding-right:20px}.second .book{width:59px;height:179px}.second .book:nth-child(2){width:56px;height:191px}.still-life{width:52px;margin:0;transform:scale(.75);transform-origin:bottom center}.shelf-note{display:none}.shelf-caption{gap:20px;line-height:1.6;font-size:8px}.shelf-caption span:last-child{max-width:50%;text-align:right}.wood-shelf{font-size:6px;height:23px}.closing{padding:45px 20px}.closing p{font-size:32px}footer{gap:18px;font-size:7px;line-height:1.5}footer>span:nth-child(2){display:none}#reader{padding:40px 12px 24px;width:96vw}.book-stage{padding-top:22px}.reading-book{width:250px;height:365px}.reading-book.open{transform:translateX(0)}.open .front-cover{transform:rotateY(-105deg);pointer-events:none}.paper{padding:22px}.reader-meta{font-size:7px;letter-spacing:1px;margin:10px 12px}.open .cover-face{opacity:.3}#author[open]{flex-direction:column;padding:45px 25px 30px;gap:20px}.author-monogram{height:150px;width:100%;font-size:55px}.author-copy h2{font-size:38px}.author-copy h2 br{display:none}.author-copy h2 em:before{content:' '}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
#reader[open] .book-stage{animation:arrive .65s cubic-bezier(.2,.75,.3,1)}@keyframes arrive{from{opacity:0;transform:translateY(70px) scale(.65) rotateY(35deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}@media(max-width:700px){.first{height:350px}.lanyard{transform:rotate(7deg) scale(.55)}.first .books{max-width:none}}
/* Photographic walnut cabinet, with interactive objects on its shelf planes. */
.cabinet{border:0;border-radius:3px;aspect-ratio:3/2;background:#4a2e1e url('assets/walnut-cabinet.webp') center/100% 100% no-repeat;box-shadow:0 26px 48px #39251735,0 3px 6px #24170833;isolation:isolate}
.bay{position:absolute;left:0;width:100%;height:47%;top:0;padding:0 6%;background:none;box-shadow:none;align-items:flex-end}
.second{top:51%;height:42%;padding:0 7%;gap:38px}
.wood-shelf{display:none}
.book{background-image:linear-gradient(90deg,#0007,transparent 12%,#ffffff0c 25%,transparent 65%,#0004),repeating-linear-gradient(0deg,transparent 0 2px,#ffffff05 2px 3px);box-shadow:7px 4px 7px #0e0709a6,inset 2px 0 2px #ffffff25,inset -3px 0 3px #0007;border-radius:2px 3px 1px 1px}
.books:after{content:'';position:absolute;bottom:-4px;left:-7px;right:-18px;height:13px;background:#100904a6;filter:blur(5px);z-index:-1}
.lanyard{right:9%;top:8px;filter:drop-shadow(5px 9px 5px #140b0870)}
.badge{box-shadow:inset 0 0 0 1px #fff9,2px 4px 3px #0003;background:linear-gradient(115deg,#fffdf2,#e4dfd0)}
.still-life{display:none}
.shelf-note{color:#f1dfc0;text-shadow:1px 2px 3px #201107}
.shelf-note small{color:#dac4a1}
@media(min-width:701px){.book{height:240px}.book:nth-child(2){height:258px}.book:nth-child(3){height:225px}.book:nth-child(4){height:246px}.second .book{height:228px}.second .book:nth-child(2){height:245px}}
@media(max-width:700px){.cabinet{height:730px;aspect-ratio:auto}.bay{padding:0 7%;height:47%}.second{top:51%;height:42%;padding:0 10%;gap:22px}.lanyard{top:8px;right:8%;transform:rotate(7deg) scale(.6)}.book{flex-shrink:0}.first .books{gap:9px}.shelf-note{display:none}}
/* Ten volumes, five per shelf. */
.second{justify-content:flex-start}.shelf-note{display:none}
@media(min-width:701px){.books{gap:13px}.book,.book:nth-child(2),.book:nth-child(3),.book:nth-child(4),.second .book,.second .book:nth-child(2){width:clamp(48px,6vw,78px)}.lanyard{right:6%}}
@media(max-width:700px){.brand img{width:170px;left:-27px;top:-44px}.books,.first .books{gap:6px;width:100%}.book,.book:nth-child(2),.book:nth-child(3),.book:nth-child(4),.second .book,.second .book:nth-child(2){width:calc((100% - 24px)/5);min-width:0}.second{padding:0 7%}.spine-title{font-size:13px}.lanyard{transform:rotate(5deg) scale(.48);right:8%;top:0}.paper{padding:20px}.reading-book{height:400px}}
.real-spine{background-image:url('assets/christian-couple-wrap.webp')!important;background-size:1422.22% 100%!important;background-position:50% center!important}.real-spine:before,.real-spine:after{display:none}.cover-face.real-cover{background:#fff url('assets/christian-couple-wrap.webp') right center/215.43% 100% no-repeat;padding:0}.cover-face.real-cover:after{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Actual book: 15.84 cm wide, 23.46 cm tall, 1.83 cm spine. */
.book.real-spine{width:18.72px!important;height:240px!important;padding:0;flex-shrink:0}
.book.real-spine:before{display:block;content:'';position:absolute;inset:0 -13px;height:auto;border:0;background:transparent}
.reading-book.actual-size{height:400px;width:270.077px}
.reading-book.actual-size.open{transform:translateX(126px)}
@media(max-width:700px){.book.real-spine{height:192px!important;width:14.977px!important}.reading-book.actual-size{height:min(400px,56dvh);width:auto;aspect-ratio:15.84/23.46}.reading-book.actual-size.open{transform:translateX(0)}}
.book.booklet{height:215px!important;width:151.52px!important;padding:0;flex-shrink:0;background:#203448 url('assets/arguments-cover.webp') center/100% 100% no-repeat;transform:perspective(900px) rotateY(-10deg);border-radius:0;box-shadow:2px 0 0 #eee3cf,4px 2px 0 #203448,8px 6px 9px #0007}
.book.booklet:before{display:none}.book.booklet:after{display:block;top:auto;bottom:-5px;left:-7px;right:-7px;height:6px;background:linear-gradient(#514b43,#b8ac96,#484039);border:0;border-radius:2px;box-shadow:0 4px 5px #0007}.book.booklet:hover{transform:translateY(-10px) perspective(900px) rotateY(-3deg)}
.cover-face.booklet-cover{background:#203448 url('assets/arguments-cover.webp') center/100% 100% no-repeat;padding:0}.cover-face.booklet-cover:after{display:none}.reading-book.booklet-size{width:281.9px;height:400px}.reading-book.booklet-size.open{transform:translateX(125px)}
@media(max-width:700px){.book.booklet{height:156px!important;width:110px!important}.first .books{gap:5px}.first .book:not(.booklet):not(.real-spine){width:calc((100% - 145px)/3)!important}.reading-book.booklet-size{height:min(400px,56dvh);width:auto;aspect-ratio:148/210}.reading-book.booklet-size.open{transform:translateX(0)}}
@media(max-width:700px){.first .book.booklet{height:127.7px!important;width:90px!important}.first .book:not(.booklet):not(.real-spine){width:calc((100% - 215px)/2)!important}}
.swipe-hint{display:none}
@media(min-width:701px){.first .books{gap:15px}.first .book.booklet{height:200px!important;width:140.95px!important}}
@media(max-width:700px){.first .books{overflow-x:auto;overflow-y:hidden;gap:16px;padding:20px 8px 9px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b99b70 #362317;margin-bottom:-9px}.first .book.booklet{height:172px!important;width:121.22px!important;scroll-snap-align:center}.first .book.real-spine{margin-right:5px}.first .books:after{display:none}.swipe-hint{display:block;margin-top:5px;color:#173651}.shelf-caption>span:first-child{max-width:50%}}
@media(min-width:701px) and (max-width:1000px){.first .book.booklet{height:155px!important;width:109.24px!important}.first .books{gap:11px}.lanyard{transform:rotate(7deg) scale(.8);transform-origin:top right}}
/* Matching booklets form a single physical stack. */
.first{gap:65px}.first .books{width:auto;flex-shrink:0;overflow:visible!important;padding:0!important;margin:0!important}.booklet-stack{width:245px;height:235px;position:relative;flex-shrink:0;margin:0 0 4px 15px;perspective:900px}
.booklet-stack .book.booklet{position:absolute!important;left:0;bottom:0;height:160px!important;width:220px!important;transform:rotate(-5deg) skewX(-7deg)!important;border-bottom:5px solid #e4ddcd;border-right:3px solid #a49b87;background-size:100% 100%;background-position:center;box-shadow:4px 6px 7px #0008}
.booklet-stack .book.booklet:nth-child(2){bottom:23px;left:4px;z-index:2}.booklet-stack .book.booklet:nth-child(3){bottom:46px;left:1px;z-index:3}.booklet-stack .book.booklet:nth-child(4){bottom:69px;left:6px;z-index:4}.booklet-stack .book.booklet:after{display:none}.booklet-stack .book.booklet .sr-only{clip:auto;overflow:hidden;white-space:nowrap;position:absolute;left:0;bottom:0;top:auto;width:100%;height:20px;background:#203448;color:#f4e9d4;font-size:9px;line-height:20px;margin:0;padding:0 7px;text-align:left;letter-spacing:0}.booklet-stack .book.booklet:hover,.booklet-stack .book.booklet:focus-visible{translate:12px 0;filter:brightness(1.15)}
#full-reader{width:840px;border-radius:5px;padding:28px 30px 20px;overflow:hidden}#full-reader h2{font:26px Georgia;margin:10px 45px 18px 0}.book-select-label{font-size:10px;display:block;margin-bottom:6px;color:#77776a}#choose-book{width:100%;padding:10px;background:#fffdf6;border:1px solid #d7cfbd;color:#173651;font:12px 'DM Sans',Arial} .full-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 8px}.full-controls button,.reading-options button{border:1px solid #cfc6b2;background:#f1ecdf;color:#173651;padding:10px 14px;font-size:12px;min-height:40px}.full-controls button:disabled{opacity:.35;cursor:default}#choose-page{padding:8px;max-width:130px;background:#fffdf6;border:1px solid #d7cfbd;color:#173651}.reading-options{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:12px}.reading-options button{font-size:11px;min-height:35px;padding:6px 12px}.full-sheet{height:58dvh;overflow-y:auto;overflow-x:hidden;background:#e8e2d5;overscroll-behavior:contain}.full-sheet img{display:block;width:100%;height:auto;max-width:560px;margin:auto}.full-sheet img[hidden],#full-text[hidden]{display:none}.full-sheet article{background:#fffcf4;white-space:pre-line;padding:30px;font:17px/1.8 Georgia;max-width:680px;margin:auto;color:#293338}
@media(max-width:700px){.first{gap:30px;padding:0 7%}.first .books{width:15px!important;max-width:15px!important;overflow:visible!important}.booklet-stack{width:200px;height:205px;margin-left:0}.booklet-stack .book.booklet{width:180px!important;height:128px!important}.booklet-stack .book.booklet:nth-child(2){bottom:21px}.booklet-stack .book.booklet:nth-child(3){bottom:42px}.booklet-stack .book.booklet:nth-child(4){bottom:63px}.booklet-stack .book.booklet .sr-only{font-size:7px}.swipe-hint{display:none!important}#full-reader{width:96vw;max-width:96vw;padding:25px 14px 14px;max-height:96dvh}#full-reader h2{font-size:22px}.full-sheet{height:57dvh}.full-sheet article{padding:20px;font-size:17px}.full-controls button{padding:9px 12px;font-size:11px}}
/* Low, horizontal booklet pile. Front edges carry the selectable titles. */
.first{gap:0;justify-content:flex-start}.first .books{margin-right:12%!important}
.booklet-stack{width:290px;height:160px;margin:0 0 0 0;perspective:none;isolation:isolate}
.booklet-stack:after{content:'';position:absolute;left:-10px;right:-15px;bottom:-6px;height:15px;background:#120b07b3;filter:blur(7px);z-index:-1}
.booklet-stack .book.booklet,.booklet-stack .book.booklet:nth-child(n){width:275px!important;height:17px!important;left:0;bottom:calc(var(--stack-index)*17px);transform:none!important;translate:0 0;border:0;border-top:1px solid #f3e8d4;border-bottom:2px solid #112334;border-right:2px solid #d7cfba;border-radius:1px;background:#203448!important;box-shadow:3px 3px 3px #0007;z-index:calc(var(--stack-index) + 1);overflow:visible;padding:0}
.booklet-stack .book.booklet .sr-only{position:absolute;inset:0;clip:auto;display:block;width:100%;height:14px;margin:0;padding:0 10px;text-align:left;background:none;font:9px/14px 'DM Sans',Arial;letter-spacing:.1px;color:#ece6d7;overflow:hidden;white-space:nowrap}
.booklet-stack .book.booklet:before{display:none}
.booklet-stack .book.booklet:last-child:before{display:block;content:'';position:absolute;left:0;right:0;top:auto;bottom:16px;width:100%;height:390px;background:var(--cover-art) center/100% 100% no-repeat;border:0;transform:rotateX(77deg);transform-origin:bottom center;box-shadow:3px 0 0 #d1c7b1;pointer-events:none}
.booklet-stack .book.booklet:hover,.booklet-stack .book.booklet:focus-visible{translate:8px 0;filter:brightness(1.12)}
@media(max-width:700px){.cabinet{height:580px}.first .books{margin-right:22px!important}.booklet-stack{width:210px;height:135px}.booklet-stack .book.booklet,.booklet-stack .book.booklet:nth-child(n){width:200px!important;height:15px!important;bottom:calc(var(--stack-index)*15px)}.booklet-stack .book.booklet .sr-only{font-size:7.2px;line-height:12px;height:12px;padding:0 7px}.booklet-stack .book.booklet:last-child:before{height:284px;bottom:14px}.lanyard{transform:rotate(4deg) scale(.38);right:6%}.second .book{height:170px}.second .book:nth-child(2){height:183px}.first .book.real-spine{height:172px!important;width:13.42px!important}}
/* Sixteen-page booklets have paper-thin edges, not thick labelled spines. */
.booklet-stack{height:145px}.booklet-stack .book.booklet,.booklet-stack .book.booklet:nth-child(n){height:5px!important;bottom:calc((3 - var(--stack-index))*5px);z-index:calc(4 - var(--stack-index));border-top:1px solid #dfd7c6;border-bottom:1px solid #172f43;background:linear-gradient(#23394d 0 20%,#e0d8c5 20% 70%,#23394d 70%)!important}
.booklet-stack .book.booklet .sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);padding:0;overflow:hidden}.booklet-stack .book.booklet:last-child:before{display:none}.booklet-stack .book.booklet:first-child:before{display:block;content:'';position:absolute;left:0;bottom:4px;width:100%;height:390px;background:var(--cover-art) center/100% 100% no-repeat;border:0;transform:rotateX(72deg);transform-origin:bottom center;box-shadow:2px 0 0 #c7bea8;pointer-events:auto}
.booklet-stack:before{content:'4 MARRIAGE GUIDES · TAP TO READ';position:absolute;left:0;bottom:-17px;z-index:10;font:6px/12px 'DM Sans',Arial;letter-spacing:1px;color:#ead8bb;pointer-events:none}
@media(max-width:700px){.booklet-stack{height:115px}.booklet-stack .book.booklet,.booklet-stack .book.booklet:nth-child(n){height:4px!important;bottom:calc((3 - var(--stack-index))*4px)}.booklet-stack .book.booklet:first-child:before{height:284px;bottom:3px}.booklet-stack:before{font-size:5px;letter-spacing:.7px;bottom:-15px}}
.booklet-stack .book.booklet:first-child:before{top:auto;right:auto}
/* Shared 3D coordinate system: four A5 covers and their paper edges. */
.booklet-stack{width:235px;height:155px;margin:0;isolation:auto;perspective:none;position:relative;overflow:visible}
.booklet-stack:before{display:none}.booklet-stack:after{left:10px;right:10px;bottom:-2px;height:18px;filter:blur(7px);background:#1009059c;transform:skewX(-20deg)}
.stack-geometry{width:150px;height:213px;position:absolute;left:35px;bottom:9px;transform-style:preserve-3d;transform-origin:50% 100%;transform:perspective(650px) rotateX(62deg) rotateZ(-14deg)}
.folio{display:block;position:absolute;inset:0;border:0;padding:0;background:transparent!important;width:150px;height:213px;transform-style:preserve-3d;transform:translate3d(calc(var(--stack-index)*1.5px),calc(var(--stack-index)*-1px),calc((3 - var(--stack-index))*3px));cursor:pointer;transition:translate .3s;overflow:visible}
.folio:hover,.folio:focus-visible{translate:0 -10px}.folio-top{position:absolute;inset:0;display:block;background:var(--cover-art) center/100% 100% no-repeat;box-shadow:inset -1px 0 1px #fff5,0 0 1px #0008;backface-visibility:hidden;border-radius:1px}
.folio-front{position:absolute;left:0;top:100%;width:100%;height:2.8px;transform:rotateX(-90deg);transform-origin:50% 0;display:block;background:linear-gradient(#294056 0 20%,#d5cdbb 20% 80%,#1c3044 80%);backface-visibility:hidden}
.folio-side{position:absolute;left:100%;top:0;width:2.8px;height:100%;transform:rotateY(90deg);transform-origin:0 50%;display:block;background:repeating-linear-gradient(90deg,#dfd8c7 0 1px,#b7ae98 1px 2px);backface-visibility:hidden}
.stack-caption{position:absolute;left:20px;bottom:-28px;background:none;border:0;color:#eddfc4;font:9px 'DM Sans',Arial;letter-spacing:.7px;min-height:28px;padding:0 8px;z-index:5}
.first .books{margin-right:10%!important}
@media(max-width:700px){.booklet-stack{width:210px;height:150px;margin:0}.stack-geometry{left:24px;bottom:9px}.first .books{margin-right:14px!important}.stack-caption{left:8px;bottom:-25px;font-size:8px}.booklet-stack:after{left:8px;right:8px}}
/* Reference layout: equal-size upright covers, stepped forward and right. */
.booklet-stack{width:295px;height:255px;margin:0;perspective:900px;isolation:isolate}
.booklet-stack:after{left:0;right:0;bottom:-4px;height:14px;transform:none;filter:blur(6px);background:#160b0780}.booklet-stack:before{display:none}
.stack-geometry{position:absolute;inset:0;width:100%;height:100%;transform:none;transform-origin:center;transform-style:preserve-3d}
.folio{inset:auto;left:calc(var(--stack-index)*43px);bottom:calc((3 - var(--stack-index))*12px);width:150px;height:213px;transform:perspective(900px) rotateY(-7deg);transform-origin:bottom left;transform-style:preserve-3d;z-index:calc(var(--stack-index) + 1);box-shadow:-4px 4px 9px #10090a66;border-radius:1px}
.folio-top{inset:0;box-shadow:inset 3px 0 3px #fff1,inset -2px 0 3px #0003;transform:translateZ(1px)}
.folio-front{left:0;top:0;width:3px;height:100%;transform:translateX(-3px);background:linear-gradient(90deg,#132536,#33495c,#172a3c);box-shadow:inset 1px 0 0 #ddd4bd55;border-radius:2px 0 0 2px}
.folio-side{left:100%;top:1px;width:2px;height:calc(100% - 2px);transform:rotateY(90deg);transform-origin:0 50%;background:#ddd6c4}
.folio-number{position:absolute;right:7px;top:5px;color:#dbb46b;font:8px 'DM Sans',Arial;letter-spacing:1px;transform:translateZ(2px);pointer-events:none}
.folio:hover,.folio:focus-visible{translate:0 -9px;z-index:6}.stack-caption{left:0;bottom:-27px;font-size:9px}
@media(max-width:700px){.booklet-stack{width:210px;height:215px;margin:0}.stack-geometry{inset:0;width:100%;height:100%;transform:none}.folio{width:121.22px;height:172px;left:calc(var(--stack-index)*27px);bottom:calc((3 - var(--stack-index))*11px)}.first .books{margin-right:17px!important}.folio-number{font-size:7px;right:5px;top:4px}.stack-caption{left:0;bottom:-25px;font-size:8px}}
@media(max-width:350px){.first{padding-left:6%;padding-right:6%}.first .books{margin-right:12px!important}.booklet-stack{width:190px}.folio{width:110px;height:156.08px;left:calc(var(--stack-index)*25px)}}
.stack-geometry{transform-style:flat}.folio{isolation:isolate;transform-style:flat}.folio-top{transform:none}.folio-number{transform:none}.folio-side{transform:none;width:1px;left:100%}
.folio{bottom:calc((3 - var(--stack-index))*20px)}.booklet-stack{height:280px}@media(max-width:700px){.booklet-stack{height:230px}.folio{bottom:calc((3 - var(--stack-index))*16px)}}
/* Closely nested upright booklets, matching the compact reference. */
.booklet-stack{width:228px;height:253px}
.folio{width:174px;height:247px;left:calc(var(--stack-index)*13px);bottom:calc((3 - var(--stack-index))*8px);transform:perspective(1000px) rotateY(-5deg);box-shadow:-3px 2px 5px #10090a55}
.folio-number{left:2px;right:auto;top:5px;font-size:6px;letter-spacing:0}
.booklet-stack:after{left:28px;right:6px}
@media(max-width:700px){.booklet-stack{width:188px;height:218px}.folio{width:145px;height:205.74px;left:calc(var(--stack-index)*11px);bottom:calc((3 - var(--stack-index))*7px)}.folio-number{font-size:5px;left:1px}.stack-caption{left:17px}}
@media(max-width:350px){.booklet-stack{width:166px;height:200px}.folio{width:127px;height:180.2px;left:calc(var(--stack-index)*10px);bottom:calc((3 - var(--stack-index))*6px)}}
/* One leading cover, thin nested edges, and independent selection controls. */
.booklet-stack{width:215px;height:274px;margin-bottom:48px}
.folio{width:174px;height:247px;left:calc(24px - var(--depth)*6px);bottom:calc(var(--depth)*5px);z-index:calc(5 - var(--depth));transform:none;pointer-events:none;transition:left .3s,bottom .3s,box-shadow .3s}
.folio.leading{pointer-events:auto}.folio:hover,.folio:focus-visible{translate:0 -3px;z-index:5}.folio-number{display:none}
.booklet-selectors{position:absolute;top:100%;left:12px;display:flex;gap:2px;z-index:8}
.booklet-selectors button{width:44px;height:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:#e9d8b9;font:11px Arial;cursor:pointer}
.booklet-selectors button[aria-pressed=true]{color:#fff;border-color:#d6b668;background:#26160b50}
.selected-booklet-title{position:absolute;top:calc(100% + 47px);left:-8px;width:230px;text-align:center;font:10px/1.3 Georgia;color:#f7e9ce}
.stack-caption{left:25px;bottom:calc(100% + 3px);font-size:8px;min-height:20px}
@media(max-width:700px){.booklet-stack{width:180px;height:192px;margin-bottom:51px}.folio{width:123px;height:174.53px;left:calc(26px - var(--depth)*5px);bottom:calc(var(--depth)*4px)}.booklet-selectors{left:0}.selected-booklet-title{width:180px;left:0;font-size:9px}.stack-caption{left:24px}.first .books{margin-right:15px!important}}
@media(max-width:350px){.booklet-stack{width:176px}.folio{width:120px;height:170.27px}}
@media(prefers-reduced-motion:reduce){.folio{transition:none}}
/* Ground the display on the bay's shelf plane. Controls do not lift the books. */
.booklet-stack{margin-bottom:0}
.folio{transform:perspective(1200px) rotateY(-4deg);transform-origin:left bottom;bottom:calc(var(--depth)*3px);box-shadow:-2px 1px 3px #10090560,5px 2px 7px #140b0738}
.folio:hover,.folio:focus-visible{translate:0 0;filter:brightness(1.06)}
.booklet-stack:after{left:6px;right:12px;bottom:-3px;height:7px;background:#160b0799;filter:blur(3px);transform:skewX(-18deg);z-index:-1}
.booklet-selectors{top:calc(100% + 3px)}
.selected-booklet-title{top:calc(100% + 49px)}
@media(max-width:700px){.booklet-stack{margin-bottom:0}.folio{bottom:calc(var(--depth)*2px)}.booklet-stack:after{left:9px;right:27px;height:5px;bottom:-2px;filter:blur(2px)}}
/* Five selectors stay within the same compact mobile footprint. */
.booklet-selectors{left:0;width:100%;justify-content:center;gap:0}
.booklet-selectors button{width:20%;min-width:0;height:44px}
.second #row2:empty,.second .shelf-note{display:none}
.second{justify-content:center;gap:0}
.cabinet{margin-bottom:66px}
.second .folio-front{background:linear-gradient(90deg,#512b28,#7b413b,#63342f)}
.booklet-stack[hidden]{display:none}
.batch-picker{position:absolute;top:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#f7ead4;font:10px Arial;white-space:nowrap;z-index:8}
.batch-picker select{background:#f8f5ee;color:#173651;border:1px solid var(--cobalt);border-radius:3px;padding:8px;font:11px Arial;min-height:36px}
.second .batch-three .folio-front{background:linear-gradient(90deg,#203b40,#304e54,#263f44)}
/* Both lower-shelf collections remain visible, with 06 to 10 in the left corner. */
.second{justify-content:flex-start;gap:52px;padding-left:8%;padding-right:8%}
.second .booklet-stack{flex-shrink:0}
@media(max-width:700px){
 .second{justify-content:space-between;gap:8px;padding-left:7%;padding-right:7%}
 .second .booklet-stack{width:calc((100% - 8px)/2);height:190px;flex-shrink:1}
 .second .folio{width:calc(100% - 23px);height:auto;aspect-ratio:148/210;left:calc(21px - var(--depth)*4px)}
 .second .selected-booklet-title{left:0;width:100%;font-size:9px}
 .second .stack-caption{left:0;width:100%;text-align:center}
 .second .booklet-selectors{width:100%}
 .second .booklet-selectors button{font-size:10px}
 .second .booklet-stack:after{left:4px;right:2px}
}
.badge .portrait{width:83px;height:96px;overflow:hidden;background:#f2e6d3;margin:10px 0}
.badge .portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.lanyard[hidden]{display:none}
.author-pass{position:absolute;right:4%;top:0;width:250px;height:100%;z-index:4}
.author-pass-stage{height:100%;width:100%}
.author-pass-about{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);border:0;background:#f8f5ee;color:#173651;padding:9px 12px;font-size:10px;white-space:nowrap;border-radius:3px}
@media(max-width:700px){.author-pass{right:0;top:0;width:94px;height:180px}.author-pass-about{font-size:8px;padding:8px;bottom:-18px}}

/* Jacob's editorial portrait: restrained pointer tilt, no facial distortion. */
.jacob-introduction{max-width:1100px;margin:90px auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center;padding:0 28px}.portrait-scene{perspective:1100px;min-width:0}.portrait-frame{position:relative;transform:rotateX(var(--portrait-x,0deg)) rotateY(var(--portrait-y,0deg));transform-style:preserve-3d;transition:transform .35s ease-out;box-shadow:0 24px 55px #14283c26;border:7px solid #f8f3e9;border-radius:3px;background:#e5dbc9;will-change:transform}.portrait-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff18,transparent 45%,#0000000a);border:1px solid #b6945144}.editorial-portrait{display:block;width:100%;height:auto;border-radius:1px}.jacob-intro-copy h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);line-height:1.05;font-weight:400;margin:20px 0;color:#163654}.jacob-intro-copy p:not(.eyebrow){font-size:18px;line-height:1.8}.jacob-intro-copy button{margin-top:20px;background:transparent;border:0;border-bottom:1px solid #ac8b48;padding:12px 0;color:#163654;font:inherit;cursor:pointer}#author .author-portrait-scene{align-self:center;margin:20px;max-width:350px}#author .author-copy p{line-height:1.65}.portrait-arriving{animation:portrait-arrival .8s ease-out both}@keyframes portrait-arrival{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@media(max-width:700px){.jacob-introduction{grid-template-columns:1fr;margin:50px auto;gap:30px;padding:0 25px}.jacob-introduction .portrait-scene{max-width:350px;width:100%;margin:auto}.portrait-frame{will-change:auto}#author .author-portrait-scene{max-width:230px;margin:20px auto}.jacob-intro-copy{text-align:center}}@media(prefers-reduced-motion:reduce){.portrait-frame{transition:none;transform:none!important}.portrait-arriving{animation:none}}
/* Personal homepage with a separate publishing library. */
.personal-brand{font:25px Georgia,serif;letter-spacing:2px;white-space:nowrap}.personal-brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:9px;color:var(--muted-light)}.personal-hero{min-height:calc(100svh - 115px);margin:0 auto;padding-top:45px;padding-bottom:55px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.personal-hero .portrait-scene{max-width:365px;justify-self:center;grid-column:2;grid-row:1}.personal-hero .jacob-intro-copy{grid-column:1;grid-row:1}.personal-hero h1{font:clamp(68px,7.5vw,108px)/1.02 Georgia,serif;letter-spacing:-3px;margin:22px 0}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-actions a{font-size:13px;border-bottom:1px solid #ac8b48;padding:12px 0;margin-top:20px}.library-introduction{text-align:center;padding:65px 10px 35px;border-top:1px solid #dcd8cb}.library-introduction h2{font:clamp(42px,5vw,66px) Georgia,serif;margin:17px 0}.library-introduction>p:last-child{font-size:14px;line-height:1.8;color:#717571}.library{scroll-margin-top:22px}@media(max-width:700px){header{height:auto;min-height:100px;gap:20px;padding:18px 0;flex-wrap:wrap}.personal-brand{font-size:21px}header nav{display:flex;gap:20px;font-size:11px}header .edition{display:none}.personal-hero{min-height:0;grid-template-columns:1fr;padding-top:32px;padding-bottom:45px;gap:30px}.personal-hero .jacob-intro-copy{grid-column:1;grid-row:1}.personal-hero .portrait-scene{grid-column:1;grid-row:2;max-width:300px}.personal-hero h1{font-size:65px}.personal-hero .jacob-intro-copy p:not(.eyebrow){font-size:15px}.hero-actions{justify-content:center;gap:25px}.library-introduction{padding-top:35px}.library-introduction h2{font-size:43px}}