:root{color-scheme:light;--wine:#571d29;--gold:#e2c28b;--paper:#fbf5e8;--ink:#302821;font:16px Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 25%,#8f6050,#69433a 40%,#3b2726);min-height:100svh}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd853d;outline-offset:4px}header{max-width:1320px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f4e7d4}header a,header>button:not(.brand){border:1px solid #efdec566;border-radius:4px;padding:12px 16px;background:#27161230;text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--gold);font:28px Georgia,serif}.brand span{font-size:21px;text-align:left}.brand small{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-top:4px}main{max-width:1230px;margin:auto;padding:0 28px}.chapter{text-align:center;color:#f0dac0;letter-spacing:.15em;font-size:13px;margin:12px 0 28px}.cover{max-width:465px;min-height:625px;margin:0 auto 30px;padding:24px 26px 24px 36px;background:linear-gradient(110deg,#43151f,#692837 35%,#501b28);border-radius:3px 10px 10px 3px;box-shadow:4px 3px #ead7b3,8px 6px #aa9377,12px 9px #31121c,20px 24px 48px #180c0c85;color:var(--gold)}.inset{border:1px solid #d8af7577;outline:1px solid #d8af7533;outline-offset:5px;padding:22px;text-align:center}.kicker{font-size:12px;letter-spacing:.16em}.cover h1{font:normal 64px/1 Georgia,serif;margin:20px 0}.cover h1 span{display:block;font:italic 25px/1.5 Georgia,serif}.cover img{width:100%;height:190px;object-fit:contain;background:#f5ead8;padding:8px}.dedication{font:italic 19px/1.5 Georgia,serif}.cover button{color:var(--gold);border:0;border-top:1px solid #e2c28b55;padding:16px;background:none;font-size:18px}.book{position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:5px;box-shadow:0 4px #c6b59b,0 8px #ebddc6,2px 12px #481723,0 25px 65px #170b0c9e;background:var(--paper);touch-action:pan-y}.book:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:34px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#39291d25,transparent);pointer-events:none}.page{height:730px;padding:30px 34px 22px;background:linear-gradient(90deg,#f3e9d7,#fcf7eb 15%,#fbf5e8 90%,#f3e9d7);display:flex;flex-direction:column;min-width:0}.photo-button{border:0;background:#eee3cf;padding:12px;display:block;width:100%;height:420px;flex-shrink:0;box-shadow:0 2px 8px #30282118}.photo-button img{width:100%;height:100%;object-fit:contain;display:block}.caption{overflow:auto;overscroll-behavior:contain;margin-top:20px;flex:1}.caption h2{font:normal 25px/1.18 Georgia,serif;margin:0 0 12px}.caption p{font-size:16px;line-height:1.5;margin:8px 0}.date{color:#705848}.record{display:inline-block;font-size:15px;color:var(--wine);padding:9px 0}.page-number{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #d9c9af;padding-top:12px;margin-top:12px;font-size:13px;color:#746252}.blank{align-items:center;justify-content:center;font:italic 30px Georgia,serif}.reader-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:28px 0 12px;color:#f4e7d4}.reader-controls button{min-height:48px;padding:12px 20px;border:1px solid #efdec566;background:#27161244;color:inherit;border-radius:4px}.hint,footer,#loading{text-align:center;color:#ead7bd;font-size:14px;line-height:1.6}footer{padding:24px}.skip{position:absolute;top:-100px;padding:15px;background:var(--paper);z-index:10}.skip:focus{top:8px}dialog{width:min(900px,94vw);max-height:90svh;overflow:auto;background:var(--paper);border:1px solid #d9c9af;border-radius:8px;padding:24px;color:var(--ink)}dialog::backdrop{background:#170b0cbf}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-head h2{font:normal 28px Georgia,serif;margin:0 0 22px}.dialog-head button{padding:10px;background:none;border:1px solid #bfa986;color:var(--wine);border-radius:4px}input{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #bfa986;border-radius:4px;background:white}#index-list{list-style:none;padding:0}#index-list button{display:flex;justify-content:space-between;gap:15px;text-align:left;width:100%;padding:14px 4px;border:0;border-bottom:1px solid #d9c9af;background:none;color:var(--ink);line-height:1.5}#index-list button:hover{background:#eee3cf}#zoom{width:min(1150px,96vw)}#zoom-image{display:block;max-width:100%;width:100%;height:65svh;object-fit:contain}#zoom-description{line-height:1.6}.turn{animation:turn .25s ease-out}@keyframes turn{from{opacity:.45;transform:translateX(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.turn{animation:none}}@media(max-width:760px){header{padding:16px;flex-wrap:wrap}.brand{order:-1;width:100%;justify-content:center}.brand span{font-size:18px}main{padding:0 14px}.chapter{font-size:12px;line-height:1.6}.cover{max-width:390px;min-height:0;padding:20px 20px 20px 30px}.inset{padding:16px}.cover h1{font-size:54px}.book{grid-template-columns:1fr}.book:after{display:none}.page{height:auto;min-height:620px;padding:22px}.photo-button{height:390px;height:clamp(280px,50svh,460px)}.caption{overflow:visible}.caption h2{font-size:25px}.reader-controls{gap:10px;justify-content:space-between}.reader-controls button{padding:12px}.reader-controls p{font-size:14px;text-align:center}.page-number{margin-top:20px}.dialog-head h2{font-size:23px}} 

/* A sheet turns around the binding; original photographs remain unaltered. */
.book{perspective:2200px}.book.is-turning{pointer-events:none}.turn-leaf{position:absolute;top:0;bottom:0;width:50%;z-index:8;transform-style:preserve-3d;pointer-events:none;will-change:transform}.turn-forward{left:50%;transform-origin:left center;animation:sheet-next .68s cubic-bezier(.35,.05,.25,1) both}.turn-backward{left:0;transform-origin:right center;animation:sheet-previous .68s cubic-bezier(.35,.05,.25,1) both}.turn-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--paper)}.turn-face>.page{width:100%;height:100%;margin:0}.turn-reverse{transform:rotateY(180deg)}.turn-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#39291d25,transparent 35%,#39291d0d);animation:sheet-shade .68s ease-in-out both}.turn-reverse:after{background:linear-gradient(270deg,#39291d25,transparent 45%)}@keyframes sheet-next{0%{transform:rotateY(0deg)}100%{transform:rotateY(-180deg)}}@keyframes sheet-previous{0%{transform:rotateY(0deg)}100%{transform:rotateY(180deg)}}@keyframes sheet-shade{0%,100%{opacity:0}45%,65%{opacity:1}}.turn-single{left:0;width:100%}.turn-single.turn-backward{transform-origin:right center}@media(prefers-reduced-motion:reduce){.turn-leaf,.turn-face:after{animation:none!important}}