:root{--paper:#fff9eb;--ink:#491c36;--pink:#eac7bc;--gold:#facb62}*{box-sizing:border-box}body{margin:0;background:#eee5d3;color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bb562e;outline-offset:5px}a{color:inherit;text-underline-offset:4px}header{max-width:1400px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center}header button,footer button{border:0;background:none}header button span{margin-left:15px}.brand{text-decoration:none;font-family:Fraunces,serif;font-size:25px}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:5px}main{max-width:1320px;margin:auto;padding:24px 40px 60px}h1,h2,blockquote{font-family:Fraunces,serif;font-weight:400}h1{letter-spacing:-3px}#cover{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center;max-width:1080px;margin:10px auto 50px}.cover-book{position:relative;background:var(--ink);color:var(--paper);border-radius:4px 16px 16px 4px;padding:42px 45px 42px 55px;box-shadow:inset 13px 0 0 #36172a,inset 16px 0 1px #79485b,10px 10px 0 #d7c9aa,11px 12px 0 #aa9372,20px 27px 55px #553a3028;transform:rotate(-2deg)}.edition,.little-label{font-size:10px;font-weight:600;letter-spacing:2px}.cover-book h1{font-size:clamp(60px,7vw,100px);line-height:.97;margin:75px 0 24px}.cover-book h1 em{color:var(--gold)}.cover-book p{max-width:230px;line-height:1.6;font-size:14px}.cover-stamp{position:absolute;right:25px;top:82px;border:1px solid #facb6288;color:var(--gold);border-radius:50%;width:86px;height:86px;text-align:center;padding-top:20px;font-family:Fraunces;transform:rotate(12deg)}.cover-stamp small{font:8px 'DM Sans';letter-spacing:1px}.cover-book button{margin:20px 0 32px;border:0;border-bottom:1px solid #facb6277;background:none;color:var(--gold);padding:12px 0;width:100%;text-align:left}.cover-book button span{float:right}.scribble,.handwritten,.keepsakes{font-family:Caveat,cursive;font-size:25px}.scribble{display:block;color:var(--pink);font-size:21px}.cover-aside blockquote{font-size:clamp(25px,3vw,38px);line-height:1.4;margin:26px 0}.cover-aside p{font-size:12px}.keepsakes{margin-top:85px;transform:rotate(4deg);color:#985439;font-size:30px}.chapter-line{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.chapter-line button{border:0;background:none;font-size:12px;letter-spacing:0;text-transform:none}.spread{display:grid;grid-template-columns:1fr 1fr;box-shadow:0 24px 65px #4e2f2020;border-radius:3px 10px 10px 3px;overflow:hidden;animation:arrive .35s ease both}.page{min-width:0;background:var(--paper);padding:40px;position:relative}.note-page{background:linear-gradient(90deg,var(--paper) 95%,#e7dece);min-height:710px}.photo-page{background:linear-gradient(90deg,#ded3bf 0%,#f8f0df 5%);display:flex;flex-direction:column;align-items:center;padding:38px 30px}.note-page h1{font-size:clamp(30px,4vw,49px);line-height:1.04;margin:20px 0 38px;max-width:340px}.quote-note{background:#f6d880;padding:27px 25px 23px;position:relative;transform:rotate(-2deg);box-shadow:3px 7px 12px #3d1d1615}.tape{position:absolute;width:90px;height:24px;background:#eedbb8bb;top:-13px;left:38%;transform:rotate(4deg)}.quote-note blockquote{font-size:clamp(21px,2.35vw,32px);line-height:1.38;margin:0 0 20px}.quote-note p{font-size:12px;margin:0}.quote-note a{font-size:10px;display:inline-block;margin-top:12px}.fold{margin-top:37px;border:1px solid #d7bbac;background:#f0d4c6;padding:17px 18px;box-shadow:2px 4px 0 #ddc4b5;width:100%;text-align:left;font-family:Caveat;font-size:22px}.fold span{float:right}#extra{background:#f9e5d9;padding:22px;font-family:Fraunces;font-size:19px;line-height:1.5}#extra small{display:block;font:11px 'DM Sans';margin-top:12px}.handwritten{display:block;color:#9a6147;margin-top:25px;transform:rotate(-3deg);font-size:25px}.photo-caption{font-family:Caveat;font-size:24px;margin-bottom:20px;transform:rotate(2deg)}#photo{padding:10px;border:0;background:white;box-shadow:0 4px 15px #40251b25;transform:rotate(1.5deg);width:100%;transition:transform .2s}#photo:hover{transform:rotate(0deg) scale(1.015)}#post-image{width:100%;max-height:630px;object-fit:contain;object-position:top;display:block}.photo-bottom{display:flex;justify-content:space-between;gap:20px;width:100%;font-size:10px;margin-top:25px;line-height:1.6}.turner{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.turner button,.ending-actions button{border:1px solid #b9a793;border-radius:25px;padding:12px 22px;background:transparent}.turner button:hover,.ending-actions button:hover{background:var(--ink);color:var(--paper)}.turner button:disabled{opacity:.35;cursor:default}.turner span{font-size:11px}.progress{height:2px;background:#d7cbb9;margin:25px auto 0;max-width:300px}.progress span{display:block;background:var(--ink);height:100%;transition:width .4s}.reader-hint{text-align:center;font-size:10px;color:#92745e}.close{position:absolute;right:18px;top:14px;background:none;border:0;font-size:30px}dialog{border:0;background:var(--paper);color:var(--ink);border-radius:8px;padding:45px;max-width:650px;width:calc(100% - 30px);max-height:90vh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#24141dcc;backdrop-filter:blur(6px)}dialog h2{font-size:42px;margin:20px 0}#chapters button{width:100%;display:block;text-align:left;background:none;border:0;border-top:1px solid #d7cbb9;padding:20px 0;font-family:Fraunces;font-size:26px}#chapters small{display:block;font:11px 'DM Sans';margin-top:8px}dialog p{font-size:12px;line-height:1.7}#lightbox{max-width:1000px;text-align:center}#full-image{width:100%;height:auto;display:block}#full-source{display:inline-block;margin-top:20px;font-size:13px}#ending{max-width:770px;margin:50px auto 90px;text-align:center}#ending h1{font-size:clamp(50px,7vw,90px);line-height:1.05;margin:35px 0}#ending h1 em{color:#ad613f}#ending blockquote{font-size:26px;line-height:1.5;margin:35px 0}#ending p{font-size:12px}.ending-actions{display:flex;gap:15px;justify-content:center;margin:38px 0}footer{font-size:10px;padding:25px 5%;display:flex;justify-content:space-between;border-top:1px solid #d8cbb7;gap:20px}footer button{font-size:10px}[hidden]{display:none!important}@keyframes arrive{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){header{padding:22px}.brand{font-size:20px}main{padding:10px 18px 35px}#cover{grid-template-columns:1fr;gap:55px;max-width:480px}.cover-book{padding:35px 35px 35px 45px;margin:15px 12px}.cover-book h1{font-size:75px}.cover-aside{padding:10px 22px}.keepsakes{margin-top:35px}.spread{grid-template-columns:1fr}.page{padding:30px 25px}.note-page{min-height:0;background:var(--paper)}.photo-page{background:#f8f0df;border-top:1px solid #e3d5bd}.note-page h1{font-size:40px}.quote-note blockquote{font-size:27px}#post-image{max-height:600px}.chapter-line{align-items:center;line-height:1.6}.chapter-line button{max-width:140px;text-align:right}.turner button{padding:10px 13px;font-size:12px}dialog{padding:45px 25px 25px}.cover-aside blockquote{font-size:30px}footer{align-items:center}#ending blockquote{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Opening: a simple cover, clear invitation, and real faces. */
.cover-book{min-height:530px;display:flex;flex-direction:column;justify-content:center}.cover-book h1{font-size:clamp(48px,6.7vw,90px);margin:70px 0 30px;line-height:1.05;letter-spacing:-2px}.cover-book p{font-size:17px;max-width:290px;margin-bottom:45px}.cover-stamp{top:28px}.start-book{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--paper);border:0;border-radius:9px;padding:18px 24px;font-size:17px;font-weight:600;width:100%;margin:28px 0 32px;min-height:60px;box-shadow:0 5px 0 #351326;transition:transform .15s,background .15s}.start-book:hover{background:#642847;transform:translateY(-2px)}.cover-photo{width:238px;max-width:85%;margin:22px auto 0;padding:9px 9px 13px;background:#fffaf0;box-shadow:3px 9px 20px #491c3622;transform:rotate(4deg)}.cover-photo a{text-decoration:none}.cover-photo img{width:100%;height:auto;display:block}.cover-photo figcaption{font-family:Caveat,cursive;font-size:18px;line-height:1.2;margin-top:8px}.cover-aside blockquote{font-size:clamp(25px,2.6vw,35px);margin-bottom:18px}.cover-aside>p{font-size:14px}@media(max-width:760px){.cover-book{min-height:450px}.cover-book h1{font-size:clamp(45px,13vw,73px)}.cover-book p{margin-bottom:32px}.cover-photo{width:230px}#cover{gap:38px}.cover-aside{padding-top:0}}

/* The book itself is the invitation. */
.cover-book{padding-bottom:90px;transform-origin:left center;transition:transform .45s ease,box-shadow .45s ease;min-height:560px}.cover-event{font-size:18px;line-height:1.35;letter-spacing:.5px;color:var(--gold);max-width:200px;margin-top:5px}.cover-book h1{margin:35px 0 25px}.cover-stamp{width:67px;height:67px;padding-top:13px;right:24px;top:28px}.cover-book .cover-open{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;padding:0;border-radius:inherit;background:transparent;color:var(--gold);cursor:pointer}.open-cue{position:absolute;right:30px;bottom:30px;font-family:Caveat,cursive;font-size:29px;border-bottom:1px solid #facb6288;padding:0 0 5px}.cover-book .open-cue span{float:none;margin-left:15px;display:inline-block;transition:transform .3s}.cover-book:has(.cover-open:hover),.cover-book:has(.cover-open:focus-visible){transform:perspective(1100px) rotate(-2deg) rotateY(-6deg);box-shadow:inset 13px 0 0 #36172a,inset 16px 0 1px #79485b,14px 10px 0 #d7c9aa,15px 12px 0 #aa9372,25px 30px 60px #553a3038}.cover-open:hover .open-cue span{transform:translate(3px,-3px)}.cover-open:focus-visible{outline:3px solid #facb62;outline-offset:7px}.cover-photo{width:310px;max-width:95%;margin-top:35px}.photo-stack{display:block;position:relative;aspect-ratio:1.16;background:#eee5d3;overflow:hidden}.cover-photo .memory-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease}.cover-photo .memory-slide.active{opacity:1}.memory-controls{display:flex;align-items:center;gap:13px;margin-top:10px;font-size:12px}.memory-controls button{background:none;border:0;padding:6px;min-width:28px;min-height:30px;font-size:14px}.memory-controls #memory-pause{margin-left:auto;font-size:12px;text-decoration:underline;text-underline-offset:3px}.memory-controls button:hover{background:#eee5d3}.cover-photo figcaption{font-size:18px}@media(max-width:760px){.cover-book{min-height:520px;padding-bottom:85px}.cover-event{font-size:16px;max-width:165px}.cover-book h1{margin-top:30px}.cover-photo{width:300px}.cover-stamp{right:18px;top:22px}}@media(prefers-reduced-motion:reduce){.cover-book:has(.cover-open:hover),.cover-book:has(.cover-open:focus-visible){transform:rotate(-2deg)}}

/* Official Summit wordmark, campfire symbol, typography and palette. */
@font-face{font-family:Summit Cooper;src:url('assets/cooper-light.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}:root{--ink:#461634;--paper:#f1e9d2;--gold:#facb62;--summit-red:#f83d34}body{background:#f1e9d2}.brand{display:flex;align-items:center;gap:13px}.header-mark{width:30px;height:43px;object-fit:contain}.brand small{letter-spacing:1.4px;font-size:10px}.cover-book{background:#461634}.cover-event-logo{width:164px;height:auto;max-width:55%;margin-top:0}.cover-fire{position:absolute;right:32px;top:38px;width:41px;height:57px;filter:brightness(0) saturate(100%) invert(38%) sepia(93%) saturate(2957%) hue-rotate(338deg) brightness(101%) contrast(95%)}.cover-book h1{font-family:'Summit Cooper',Fraunces,serif;font-size:clamp(46px,6.1vw,80px);letter-spacing:-2px;line-height:1.08;margin-top:32px}.cover-book h1 em{font-style:normal;color:#f1e9d2}.cover-book .open-cue{color:#facb62}.cover-aside blockquote{font-family:'Summit Cooper',Fraunces,serif;line-height:1.4}.cover-photo{border-bottom:4px solid #f83d34}.memory-slide[src$="edith-friends.png"]{object-position:center 22%}.chapter-line{border-bottom:2px solid #f83d34;padding-bottom:13px}.progress span{background:#f83d34}footer{border-top-color:#46163433}@media(max-width:760px){.cover-event-logo{width:145px}.cover-fire{width:32px;height:45px;right:25px;top:30px}.cover-book h1{font-size:clamp(43px,11.8vw,66px)}.header-mark{width:25px;height:36px}.brand{gap:9px}}

.memory-slide[src$="caitlin-portrait.jpg"],.memory-slide[src$="sam-outdoors.jpg"],.memory-slide[src$="dmitrii-portrait.jpg"]{object-position:center 27%}.memory-slide[src$="gela-library.jpg"]{object-position:center 35%}.memory-slide[src$="bonnie-roundtable.jpg"]{object-fit:contain}.cover-photo figcaption{min-height:1.3em}

/* One title, a quiet Summit signature. Hover mechanics stay unchanged. */
.cover-book h1{margin:12px 0 28px;font-size:clamp(48px,6.5vw,85px)}.cover-book p{margin:0 0 34px;max-width:285px}.cover-event-logo{width:108px;max-width:35%;height:auto;opacity:.8;margin:0}.cover-book{min-height:560px;padding-top:45px;justify-content:center}.memory-slide[src$="anisha-mural.jpg"]{object-position:center 75%}.memory-slide[src$="mirza-hall.jpg"]{object-position:center 40%}@media(max-width:760px){.cover-book{min-height:490px}.cover-book h1{font-size:clamp(43px,12vw,67px);margin-top:0}.cover-event-logo{width:98px}.cover-book p{margin-bottom:28px}}

.cover-aside blockquote{font-size:clamp(31px,3.2vw,43px);line-height:1.35;margin-top:0}@media(max-width:760px){.cover-aside blockquote{font-size:clamp(29px,7.7vw,37px)}}

/* Summit as the publisher’s mark, above the title. */
.cover-imprint{display:flex;align-items:center;gap:24px;margin:0 0 47px;width:100%}.cover-imprint .cover-event-logo{width:110px;max-width:40%;height:auto;opacity:1;flex-shrink:0}.cover-imprint>span{height:1px;flex:1;background:#f1e9d266}.cover-book{justify-content:flex-start;padding-top:43px;min-height:560px}.cover-book h1{margin:0 0 27px}.cover-book p{margin:0;max-width:285px}.cover-imprint .cover-event-logo{filter:none}@media(max-width:760px){.cover-imprint{margin-bottom:36px;gap:20px}.cover-imprint .cover-event-logo{width:95px}.cover-book{padding-top:35px;min-height:490px}}

/* A shorter reflection, and more space for people. */
.cover-aside blockquote{font-size:clamp(27px,2.45vw,33px);line-height:1.35;margin:0 0 24px}.cover-photo{width:380px;max-width:95%;margin-top:25px}.cover-aside{min-width:0}@media(max-width:760px){.cover-aside blockquote{font-size:clamp(25px,6.4vw,30px)}.cover-photo{width:350px;max-width:100%;margin-top:25px}}
/* Modest, book-like proportions and a quieter photo scale. */
.cover-photo{width:315px;max-width:95%}.cover-book{min-height:610px}@media(max-width:760px){.cover-photo{width:290px;max-width:100%}.cover-book{min-height:530px}}

/* Full collection: every contribution has a main-page home. */
.note-page>.little-label{display:block;font-size:13px;letter-spacing:1px;margin-bottom:35px}.note-page .quote-note{margin-top:12px}.note-page .quote-note blockquote{font-size:clamp(22px,2.25vw,30px)}.tucked-note{margin-top:37px;background:#f0d4c6;border:1px solid #d7bbac;box-shadow:2px 4px 0 #ddc4b5}.tucked-note summary{cursor:pointer;padding:17px 18px;font:22px Caveat,cursive}.extra-note{padding:0 22px 22px}.extra-note blockquote{font:20px/1.5 Fraunces,serif;margin:8px 0 15px}.extra-note p,.extra-note a{font-size:13px}.post-photo{padding:10px;border:0;background:white;box-shadow:0 4px 15px #40251b25;transform:rotate(1.5deg);width:100%;transition:transform .2s}.post-photo:hover{transform:rotate(0)}.post-photo img{width:100%;max-height:630px;object-fit:contain;object-position:top;display:block}.photo-bottom{font-size:13px}.photo-bottom small{display:block;font-size:11px;margin-top:7px}.empty-page{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-page p{font:32px Caveat,cursive}.spread:focus{outline:none}@media(max-width:760px){.empty-page{display:none}.note-page .quote-note blockquote{font-size:27px}.post-photo img{max-height:660px}}

/* A collected book: poster, letter, note, and mounted-photo compositions. */
#reader .spread{overflow:visible;position:relative;border:1px solid #cfbfa2;box-shadow:0 3px 0 #efe4cd,0 6px 0 #cfc0a1,0 26px 50px #4616341c;background:#f8f0df}#reader .page{padding:32px 35px 38px;min-height:620px}#reader .page:first-child{border-right:1px solid #d5c6af}#reader .page-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:30px}#reader .little-label{font-size:12px;letter-spacing:1.2px}#reader .folio{font:12px 'DM Sans';opacity:.5}#reader .note-page{display:flex;flex-direction:column;background:#fbf5e7}#reader .quote-note{margin:7px 0 0;position:relative;padding:27px 26px;transform:rotate(-1.6deg);box-shadow:3px 7px 0 #46163408,0 10px 22px #46163412}#reader .quote-note blockquote{font-family:'Summit Cooper',Fraunces,serif;font-size:clamp(25px,2.6vw,35px);line-height:1.33;margin-bottom:25px;overflow-wrap:break-word}#reader .quote-short .quote-note blockquote{font-size:clamp(32px,3.25vw,46px);line-height:1.2}#reader .quote-long .quote-note blockquote{font-size:clamp(22px,2.15vw,29px);line-height:1.43}#reader .quote-glyph{display:none}#reader .quote-signature{display:flex;gap:10px;justify-content:space-between;align-items:end;border-top:1px solid #46163433;padding-top:17px}#reader .quote-signature p{font:24px/1.15 Caveat,cursive;margin:0}#reader .quote-signature a{font:12px 'DM Sans';flex-shrink:0;margin:0}#reader .treatment-gold .quote-note{background:#f7c55e}#reader .treatment-letter .quote-note{background:#fffdf5;transform:rotate(1deg);border-top:5px solid #f83d34;padding-top:32px}#reader .treatment-letter .tape{display:none}#reader .treatment-letter .quote-note blockquote{font-family:Fraunces,serif}#reader .treatment-plum .quote-note{background:#461634;color:#f1e9d2;transform:rotate(-.6deg);padding-top:20px}#reader .treatment-plum .quote-glyph{display:block;font:95px/.7 'Summit Cooper',serif;color:#f7c55e;height:60px;padding-top:10px}#reader .treatment-plum .quote-signature{border-color:#f1e9d255}#reader .treatment-plum .tape{display:none}#reader .treatment-rose .quote-note{background:#edc5b8;transform:rotate(1.5deg);border-bottom:3px solid #b5725d}#reader .treatment-rose .tape{left:16%;transform:rotate(-7deg)}#reader .keepsake-row{display:flex;gap:16px;justify-content:center;align-items:start;margin:32px 0 9px;isolation:isolate}#reader .keepsake-photo{display:block;flex:1;max-width:240px;min-width:0;background:#fffaf0;padding:7px 7px 10px;box-shadow:0 4px 12px #46163425;transform:rotate(var(--tilt));text-decoration:none;transition:transform .25s,box-shadow .25s}#reader .keepsake-photo img{display:block;width:100%;height:150px;object-fit:cover;object-position:center 35%}#reader .keepsake-photo span{display:block;font:18px/1.2 Caveat,cursive;margin-top:7px}#reader .keepsake-photo:hover,#reader .keepsake-photo:focus-visible{transform:rotate(0) translateY(-5px);box-shadow:0 9px 18px #46163430;z-index:2}#reader .tucked-note{margin-top:34px;box-shadow:0 5px 0 #d9bcb0;border:1px solid #c7a594;background:#f2d9c7}#reader .tucked-note summary{font-size:21px;padding:16px 18px}#reader .extra-note{background:#fff5e4;padding:18px;margin:0 10px 10px;box-shadow:0 2px 7px #46163414}#reader .photo-page{background:#efe3ce;display:flex;flex-direction:column;align-items:stretch}#reader .photo-caption{font-size:25px;margin:0}#reader .post-mount{position:relative;padding:0 3px}#reader .post-photo{transform:rotate(.8deg);box-shadow:0 4px 0 #46163409,0 9px 18px #46163420;padding:9px;position:relative}#reader .post-photo img{max-height:650px}#reader .mount-tape{position:absolute;z-index:2;top:-10px;left:36%;height:25px;width:95px;background:#d3b48c99;transform:rotate(-3deg);pointer-events:none}#reader .mounting-1 .mount-tape{display:none}#reader .mounting-1 .post-mount{padding:11px;background:#b8c0b0;transform:rotate(-1deg)}#reader .mounting-1 .post-photo{transform:rotate(1deg);box-shadow:0 2px 9px #46163420}#reader .mounting-2 .post-mount{padding:10px;background:#e3bdaf}#reader .mounting-2 .mount-tape{left:auto;right:-5px;top:3px;width:60px;height:22px;transform:rotate(39deg)}#reader .photo-bottom{margin-top:25px;align-items:baseline}#reader .photo-bottom>span{font:24px/1.1 Caveat,cursive}#reader .photo-bottom small{font:11px 'DM Sans';margin-top:8px}#reader .photo-bottom>a{font-size:12px;white-space:nowrap}#reader .photo-page .keepsake-row{justify-content:flex-end;margin-top:25px}#reader .photo-page .keepsake-photo{max-width:190px}#reader .photo-page .keepsake-photo img{height:125px}#reader .composition-1 .note-page{background:#f1e9d2}#reader .composition-2 .photo-page{background:#e6d9c1}#reader .composition-3 .note-page{background:#f6ebd6}#reader .post-pair .page:nth-child(2){padding-top:57px}#reader .quote-pair .page:nth-child(2){padding-top:60px}#reader .quote-pair .tucked-note{margin-top:auto}#reader .quote-pair .keepsake-row{margin-bottom:28px}#reader .empty-page{background:#e8d9bf;align-items:center}#reader .last-keepsake{display:block;padding:12px 12px 20px;background:#fffaf0;width:85%;transform:rotate(4deg);box-shadow:0 12px 20px #46163425;text-decoration:none}#reader .last-keepsake img{width:100%;display:block}#reader .last-keepsake span{display:block;font:26px Caveat;margin-top:12px}#reader .turner button{background:#fff9eb99}#reader .turner button:hover{background:#461634}
@media(min-width:1000px){#reader .mixed-pair.composition-1{grid-template-columns:1.08fr .92fr}#reader .mixed-pair.composition-3{grid-template-columns:.94fr 1.06fr}}
@media(max-width:760px){#reader .spread{overflow:hidden}#reader .page{min-height:0;padding:28px 25px 32px}#reader .page:first-child{border-right:0}#reader .post-pair .page:nth-child(2),#reader .quote-pair .page:nth-child(2){padding-top:32px}#reader .page-meta{margin-bottom:25px}#reader .quote-note{padding:26px 22px}#reader .quote-note blockquote{font-size:28px}#reader .quote-short .quote-note blockquote{font-size:35px}#reader .quote-long .quote-note blockquote{font-size:24px}#reader .quote-signature{flex-wrap:wrap}#reader .photo-caption{font-size:23px}#reader .keepsake-row{gap:11px}#reader .keepsake-photo img{height:125px}#reader .keepsake-photo span{font-size:16px}#reader .tucked-note{margin-top:30px!important}#reader .photo-bottom{gap:10px}#reader .photo-bottom>span{font-size:22px}#reader .empty-page{display:none}}
@media(prefers-reduced-motion:reduce){#reader .keepsake-photo:hover,#reader .keepsake-photo:focus-visible{transform:rotate(var(--tilt))}}

#reader .quote-signature:empty{display:none}

/* Keep text at the page width; preview the upper part of tall posts. */
#reader .post-preview{display:block;position:relative;overflow:hidden;width:100%;background:#fff;aspect-ratio:1/1.2}
#reader .post-preview img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}
#reader .post-preview.is-cropped:after{content:"";position:absolute;inset:auto 0 0;height:42px;background:linear-gradient(transparent,#fff);pointer-events:none}

/* A single clean post surface and a quiet, recognizable quote disclosure. */
#reader .post-mount,#reader .mounting-1 .post-mount,#reader .mounting-2 .post-mount{padding:0;background:transparent;transform:none}
#reader .mount-tape{display:none}
#reader .post-photo,#reader .mounting-1 .post-photo{padding:0;border:0;border-radius:3px;overflow:hidden;transform:none;background:transparent;box-shadow:0 3px 12px #46163420}
#reader .tucked-note{background:transparent;border:0;border-top:1px solid #46163430;box-shadow:none}
#reader .tucked-note summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font:16px/1.4 'DM Sans',sans-serif;padding:18px 0;cursor:pointer}
#reader .tucked-note summary::-webkit-details-marker{display:none}
#reader .tucked-note summary:after{content:'+';font-size:24px;line-height:1;color:#922e45}
#reader .tucked-note[open] summary:after{content:'−'}
#reader .tucked-note summary:hover{color:#922e45}
#reader .tucked-note summary:focus-visible{outline:2px solid #922e45;outline-offset:4px}
#reader .extra-note{background:transparent;box-shadow:none;padding:0 0 12px 16px;margin:0 0 10px;border-left:3px solid #d6a65a}

/* Turn from the book's outer corners without covering its content. */
#reader .book-shell{position:relative;perspective:1600px}
#reader .spread{animation:paper-turn .23s ease-out both;transform-origin:center left}
#reader .page-corner{position:absolute;z-index:3;top:0;width:44px;height:44px;border:0;padding:0;color:#7b5d44;background:linear-gradient(45deg,transparent 49%,#e8d5b5 50%,#fff6e2 80%);cursor:pointer;transition:filter .18s,transform .18s}
#reader .corner-next{right:0;border-radius:0 9px 0 0;transform-origin:top right}
#reader .corner-back{left:0;transform:scaleX(-1);transform-origin:center}
#reader .page-corner span{position:absolute;right:8px;top:1px;font:27px/1 'DM Sans',sans-serif}
#reader .corner-back span{transform:scaleX(-1)}
#reader .page-corner:disabled{visibility:hidden}
#reader .corner-next:hover{transform:scale(1.12)}
#reader .corner-back:hover{transform:scaleX(-1) scale(1.12)}
#reader .page-corner:hover{filter:drop-shadow(-2px 3px 2px #46163422)}
#reader .page-corner:focus-visible{outline:2px solid #922e45;outline-offset:4px}
@keyframes paper-turn{from{opacity:.65;transform:rotateY(var(--turn-angle,-2deg))}to{opacity:1;transform:rotateY(0)}}
@media(prefers-reduced-motion:reduce){#reader .spread{animation:none!important}#reader .corner-next:hover{transform:none}#reader .corner-back:hover{transform:scaleX(-1)}}

/* Quieter cover quote, with the approved book and photo proportions preserved. */
.cover-aside blockquote{font-size:clamp(25px,2.2vw,30px);line-height:1.38;max-width:440px;margin:0 auto 20px}
@media(max-width:760px){.cover-aside blockquote{font-size:clamp(24px,6.5vw,27px);margin-bottom:20px}}
/* One colored paper backing, no white mat. */
#reader .post-mount{isolation:isolate;margin:4px 5px 0 2px}
#reader .post-mount:before{content:"";position:absolute;inset:-7px -6px -8px -7px;background:#bdc6b2;transform:rotate(-1.4deg);z-index:-1;box-shadow:0 3px 6px #4616340b}
#reader .mounting-1 .post-mount:before{background:#e3b8a6;transform:rotate(1.3deg)}
#reader .mounting-2 .post-mount:before{background:#e3c277;transform:rotate(-1deg)}
#reader .post-photo,#reader .mounting-1 .post-photo{padding:0;background:transparent;box-shadow:0 2px 7px #46163415}
#reader .composition-1 .keepsake-row{justify-content:flex-start}
#reader .composition-2 .keepsake-row{justify-content:flex-end}
#reader .keepsake-pair{gap:13px;margin-top:35px;align-items:center}
#reader .keepsake-pair .keepsake-photo:nth-child(2){margin-top:28px}
#reader .photo-page .keepsake-pair .keepsake-photo{max-width:190px}
@media(max-width:760px){#reader .keepsake-pair .keepsake-photo img{height:115px}#reader .keepsake-pair .keepsake-photo span{font-size:15px}}

#reader .page-meta .little-label,#reader .page-meta .photo-caption{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:1.2px;transform:none;margin:0}
#reader .note-page .keepsake-row{margin-top:38px;margin-bottom:14px}

/* Balance the right-side cover composition without changing the book. */
.cover-aside{display:flex;flex-direction:column;align-items:center;gap:26px}
.cover-aside blockquote{width:100%;max-width:340px;font-size:clamp(24px,2.1vw,28px);line-height:1.42;margin:0}
.cover-aside .cover-photo{margin:0;width:315px;max-width:95%;transform:rotate(2deg)}
/* Give each screenshot breathing room directly on a single colored sheet. */
#reader .post-mount,#reader .mounting-1 .post-mount,#reader .mounting-2 .post-mount{padding:12px 11px 14px;margin:4px 3px 0;background:transparent}
#reader .post-mount:before{inset:0;transform:rotate(-.8deg)}
#reader .mounting-1 .post-mount:before{transform:rotate(.9deg)}
#reader .mounting-2 .post-mount:before{transform:rotate(-.7deg)}
#reader .mount-tape,#reader .mounting-1 .mount-tape,#reader .mounting-2 .mount-tape{display:block;left:calc(50% - 42px);right:auto;top:-8px;width:84px;height:24px;background:#dbc39a99;transform:rotate(-3deg);z-index:2}
/* Larger centered single photos; complementary pairs stay comfortably spaced. */
#reader .keepsake-row,#reader .photo-page .keepsake-row,#reader .composition-1 .keepsake-row,#reader .composition-2 .keepsake-row{justify-content:center;gap:15px}
#reader .keepsake-photo,#reader .photo-page .keepsake-photo{max-width:290px;flex:0 1 290px;padding:9px 9px 13px}
#reader .keepsake-photo img,#reader .photo-page .keepsake-photo img{height:195px}
#reader .keepsake-pair .keepsake-photo,#reader .photo-page .keepsake-pair .keepsake-photo{flex:1;max-width:200px}
#reader .keepsake-pair .keepsake-photo img{height:155px}
#reader .keepsake-pair .keepsake-photo:nth-child(2){margin-top:16px}
#reader .page:last-child{transform-origin:left center;transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover) and (min-width:761px){}
@media(max-width:760px){.cover-aside{gap:22px;padding:0 20px}.cover-aside blockquote{font-size:25px;max-width:315px;line-height:1.4}.cover-aside .cover-photo{width:290px;max-width:100%}#reader .keepsake-photo,#reader .photo-page .keepsake-photo{max-width:270px}#reader .keepsake-photo img,#reader .photo-page .keepsake-photo img{height:185px}#reader .keepsake-pair .keepsake-photo{padding:7px 7px 11px}#reader .keepsake-pair .keepsake-photo img{height:135px}#reader .post-mount,#reader .mounting-1 .post-mount,#reader .mounting-2 .post-mount{padding:10px 9px 12px}}
@media(prefers-reduced-motion:reduce){#reader .page:last-child{transition:none!important}}

/* No source image may stretch the book indefinitely. Full posts remain one tap away. */
#reader .post-preview{max-height:480px}
@media(max-width:760px){#reader .post-preview{max-height:420px}}

#reader .keepsake-photo img[src$="anisha-mural.jpg"]{object-position:center bottom}
@media(hover:hover) and (min-width:761px){}
@media(prefers-reduced-motion:reduce){}

#reader .post-preview{max-height:600px}
@media(max-width:760px){#reader .post-preview{max-height:525px}}

/* Approved photo additions use the established Polaroid treatment. */
#reader figure.added-keepsake{margin:0}
#reader .added-keepsake .keepsake-open{display:block;width:100%;padding:0;border:0;background:#f2ecdf;cursor:zoom-in}
#reader .added-keepsake figcaption{font:18px/1.2 Caveat,cursive;margin-top:7px;overflow-wrap:anywhere}
#reader .added-keepsake figcaption a{text-decoration:none}
#reader .added-keepsake figcaption a:hover{text-decoration:underline}
#reader .added-keepsake:focus-within{transform:rotate(0) translateY(-5px);box-shadow:0 9px 18px #46163430;z-index:2}
@media(max-width:760px){#reader .keepsake-pair .added-keepsake figcaption{font-size:15px}}
@media(prefers-reduced-motion:reduce){#reader .added-keepsake:focus-within{transform:rotate(var(--tilt))}}

#reader .added-keepsake.is-portrait{max-width:210px;flex-basis:210px}
#reader .added-keepsake.is-portrait img{height:260px}
@media(max-width:760px){#reader .added-keepsake.is-portrait{max-width:200px;flex-basis:200px}#reader .added-keepsake.is-portrait img{height:245px}}

/* Small photo groups sit beneath the left-page quotation. */
#reader .keepsake-row{width:100%;flex-wrap:wrap}
#reader .keepsake-pair .keepsake-photo,#reader .keepsake-pair .added-keepsake.is-portrait{flex:0 1 calc(50% - 8px);max-width:200px}
#reader .keepsake-pair .added-keepsake.is-portrait img{height:190px}
@media(max-width:760px){#reader .keepsake-pair .added-keepsake.is-portrait img{height:165px}}

/* A visible folded corner is a clear, friendly invitation to turn the page. */
#reader .page:last-child{transform:none;box-shadow:none;transition:none;padding-bottom:88px}
#reader .page-edge{position:absolute;right:0;bottom:0;top:auto;width:150px;height:82px;padding:0;border:0;background:none;color:var(--ink);z-index:3;cursor:pointer;touch-action:manipulation;overflow:visible}
#reader .page-edge:before{content:"";position:absolute;right:0;bottom:0;width:64px;height:64px;background:linear-gradient(135deg,transparent 49%,#d9c8a8 50%);border-radius:0 0 8px 0}
#reader .page-edge:after{content:"";position:absolute;right:0;bottom:0;width:64px;height:64px;clip-path:polygon(0 0,100% 0,0 100%);border-radius:9px 0 0 0;background:linear-gradient(135deg,#fffdf3 18%,#f6dfaa 78%,#b89d70 100%);filter:drop-shadow(-3px -3px 3px #491c3626);transition:width .2s ease,height .2s ease}
#reader .page-edge .turn-cue{position:absolute;right:77px;bottom:19px;font:25px/1 Caveat,cursive;transform:rotate(-7deg);white-space:nowrap;transition:transform .2s ease}
#reader .page-edge .fold-arrow{position:absolute;right:33px;bottom:34px;z-index:1;font:25px/1 'DM Sans',sans-serif;transform:rotate(-10deg);transition:transform .2s ease}
#reader .page-edge:hover:after,#reader .page-edge:focus-visible:after{width:73px;height:73px}
#reader .page-edge:hover .turn-cue,#reader .page-edge:focus-visible .turn-cue{transform:rotate(-3deg) translateX(-3px)}
#reader .page-edge:hover .fold-arrow,#reader .page-edge:focus-visible .fold-arrow{transform:rotate(-10deg) translate(-3px,-3px)}
#reader .page-edge:focus-visible{outline:2px dashed #ad613f;outline-offset:5px;border-radius:8px}
@media(prefers-reduced-motion:reduce){#reader .page-edge:after,#reader .page-edge span{transition:none}}