/* A cloth-bound title leaf. The cat, the two characters and the poem carry the cover. */
.cover-leaf{background:#495444;color:#ece6cd}
.cover-leaf .paper-grain{opacity:.16;mix-blend-mode:soft-light;background-size:175% 110%}
.cover-leaf .leaf-content.cover-design{padding:0;background:none;box-shadow:inset 13px 0 18px #202c264f,inset -1px 0 0 #e5e2b955;overflow:hidden}
.cover-leaf .cover-design:before{display:none}
.cover-leaf .cover-design:after{content:'';position:absolute;left:3.6%;width:1.2%;top:0;bottom:0;border-left:1px solid #1e2e2580;border-right:1px solid #bbbf9461;background:#353f3022;box-shadow:2px 0 5px #19231b26;pointer-events:none}
.cover-authors{position:absolute;top:7.6%;left:12.5%;right:11%;display:flex;align-items:baseline;gap:13px;font:italic calc(var(--leaf-w)*.028)/1.4 Georgia,serif;letter-spacing:.025em;color:#d1d4b8}
.cover-authors i{font-style:normal;font-size:.7em;color:#a5af8d}
.cover-leaf h1.cover-title,.compact-book .cover-leaf h1.cover-title{position:absolute;inset:0;margin:0;padding:0;text-align:left;line-height:1;font-weight:400;white-space:normal;text-shadow:0 -1px 0 #15291ec9,0 1px 0 #fffce66b}
.cover-leaf .cover-title>span{position:absolute;display:block;margin:0;font-family:var(--song);font-weight:400;font-size:calc(var(--leaf-w)*.29);line-height:1.06;letter-spacing:-.06em;vertical-align:baseline;color:#e4dfbd}
.cover-leaf .cover-title .title-cat{left:12.5%;top:16%}
.cover-leaf .cover-title .title-ruler{left:58%;top:31%;color:#c9cfab}
.cover-leaf .cover-title .title-and{left:47%;top:33%;font-size:calc(var(--leaf-w)*.065);color:#b4c09c;writing-mode:vertical-rl;text-shadow:0 1px 0 #faffd31f,0 -1px 0 #213420a8}
.cover-press{position:absolute;left:9%;top:47.5%;width:80%;height:auto;min-height:0;padding:0;border:0;background:none;cursor:zoom-in;filter:drop-shadow(0 -1px 0 #243522b3) drop-shadow(0 1px 0 #f4f8c91f)}
.cover-press img{display:block;width:100%;height:auto;pointer-events:none;transition:filter .4s}.cover-press:hover img{filter:brightness(1.1)}
.cover-leaf .cover-poem{position:absolute;left:13%;right:18%;bottom:11.5%;margin:0;padding:0;text-align:left;border:0;color:#e3e2c8}
.cover-leaf .cover-poem p,.compact-book .cover-leaf .cover-poem p{font:calc(var(--font)*.92)/2 var(--song);letter-spacing:.07em}
.cover-leaf .cover-poem .citation{color:#c9d0af;font:calc(var(--font)*.56)/1.6 var(--sans);min-height:26px;margin-top:12px;letter-spacing:.025em}
.cover-date{position:absolute;right:9%;bottom:12.7%;writing-mode:vertical-rl;font:calc(var(--leaf-w)*.018)/1.4 var(--song);letter-spacing:.22em;color:#b0bda0}
.cover-leaf .leaf-foot{border:0;color:#acb698;left:13%;right:9%;bottom:2.8%;padding:0}
.cover-leaf .mobile-intro{position:absolute;left:13%;right:12%;bottom:8%;font:11px/1.7 var(--song);color:#c3cbae;margin:0}
/* Short foreword. Its last words belong to Ambrose, with a link to the diary. */
.opening-note h2{letter-spacing:.035em;line-height:1.65;margin-bottom:29px}
.opening-body .intro-name{font-family:Georgia,'Times New Roman',serif;font-size:1.04em}
.opening-body p{line-height:1.95;margin-bottom:20px}
.opening-body .intro-question{color:#403c2e;margin-top:23px;margin-bottom:0}
.opening-coda{margin-top:27px;padding-top:19px}
.opening-coda blockquote{font-size:14px;line-height:1.95;color:#5a513d}
.opening-coda button{margin-top:8px;color:#695336}
/* Only ink responds to the blurred artwork. No local backdrop or rectangular veil. */
.echo-panel{--voice-ink:#374631;filter:none;isolation:auto;background:none;box-shadow:none}
.echo-panel.echo-right{--voice-ink:#563c2b}
.echo-panel:after{display:none;content:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
.echo-panel blockquote{color:#262b23;text-shadow:none;font-weight:500}
.echo-panel .echo-date{font-size:11px}.echo-panel .echo-source{color:var(--voice-ink)}
.echo-panel .ink-letter{color:#262b23;text-shadow:0 .4px 1px #fffae9b3;transition:color .18s linear,text-shadow .18s linear}
.echo-panel .ink-letter[data-tone=light]{color:#fffbed;text-shadow:0 .5px 1.4px #171c17e6}
.echo-panel .margin-kicker .ink-letter,.echo-panel .echo-source .ink-letter{color:var(--voice-ink)}
.echo-panel .margin-kicker .ink-letter[data-tone=light],.echo-panel .echo-source .ink-letter[data-tone=light]{color:#f4eed5}
.echo-panel[data-tone=light]:before{color:#f4eed5}
.echo-panel .echo-byline{border-color:#74644370}.echo-panel[data-tone=light] .echo-byline{border-color:#e9e5d077}
.echo-panel .echo-folio{color:#7a704219;-webkit-text-stroke:.55px #72683e55}
.echo-panel[data-tone=light] .echo-folio{color:#f4e9c813;-webkit-text-stroke:.55px #f6edcf66}
.echo-panel .thought-thread path{stroke:#6a644f99}.echo-panel[data-tone=light] .thought-thread path{stroke:#f1ebd299}
/* Zero is a full, equally spaced division; the first folio still points to 01. */
:root{--cat-w:min(120px,calc((90vw - 36px)/16 + 18px))}
.wood-ruler:before,.wood-ruler:after{display:none;content:none}
.ruler-track{inset:0 22px 0 14px}
.wood-ruler input{left:6.25%;right:0;width:93.75%}
.wood-ruler:has(input:focus-visible){outline:1px solid #675b43;outline-offset:2px}
.is-cat-dragging .wood-ruler:has(input:focus-visible){outline:none}
.cat-thumb{top:calc(var(--cat-w) * -.36 + 1px);filter:drop-shadow(0 1px 0 #eae9cbaa) drop-shadow(1px 2px 1px #29302345)}
@media(min-width:1800px){.opening-note h2{font-size:37px}.opening-body p{font-size:17px;line-height:1.95}.opening-coda blockquote{font-size:17px;line-height:1.95}}
@media(max-width:1100px){.opening-note h2{font-size:23px;margin-bottom:19px}.opening-body p{font-size:12px;margin-bottom:15px}.opening-body .intro-question{margin-top:18px}.opening-coda{margin-top:20px;padding-top:15px}.opening-coda blockquote{font-size:12px}.echo-panel .echo-date{font-size:10px}}
@media(max-width:800px){.cover-leaf .cover-poem{bottom:13%}.cover-leaf .cover-poem p,.compact-book .cover-leaf .cover-poem p{font-size:11px;line-height:1.8}.cover-leaf .cover-poem .citation{margin-top:7px;font-size:9px}.cover-date{bottom:15%;font-size:8px}.cover-authors{font-size:12px}.cover-press{top:45%}.cover-leaf .mobile-intro{bottom:4.8%;font-size:9px;line-height:1.65}.cover-leaf .leaf-foot{display:none}}
@media(max-height:700px) and (min-width:801px){.opening-note h2{font-size:24px;line-height:1.5;margin-bottom:17px}.opening-body p{font-size:12px;line-height:1.8;margin-bottom:12px}.opening-body .intro-question{margin-top:13px}.opening-coda{margin-top:16px;padding-top:13px}.opening-coda blockquote{font-size:12px;line-height:1.8}.opening-coda button{margin-top:3px;min-height:28px}}
@media(max-height:550px){.cover-leaf .cover-poem{bottom:9%}.cover-leaf .cover-poem .citation{margin-top:4px;min-height:20px}.cover-leaf .cover-poem p,.compact-book .cover-leaf .cover-poem p{font-size:10px;line-height:1.6}.cover-authors{font-size:10px}.cover-date{font-size:8px}.cover-leaf .mobile-intro{display:none}.cover-press{top:44%}}
@media(prefers-reduced-motion:reduce){.echo-panel .ink-letter{transition:none}.cover-press img{transition:none}}

/* One unchanging plate mount per scene; every source remains uncropped. */
.sea-leaf .mounted-art,.ship-leaf .mounted-art.ship-process{position:relative;padding:0;width:calc(100% + 12%);margin-left:-6%;height:auto;max-height:none;aspect-ratio:3/2;flex:none;overflow:hidden;background:#d1c9b8;transform:none;isolation:isolate}
.ship-leaf .mounted-art.ship-process{aspect-ratio:7/5;margin-bottom:18px}
.sea-leaf .mounted-art{margin-top:0;margin-bottom:18px}
.process-plate{position:absolute;inset:0;display:block;background:#d1c9b8;pointer-events:none;will-change:opacity}
.mounted-art .process-plate>img,.mounted-art:hover .process-plate>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none;transition:none;background:none;z-index:auto}
.process-tabs{position:relative;padding-bottom:8px;border-bottom:0}
.process-tabs:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#766a4b33}
.process-tabs:after{content:'';position:absolute;left:0;bottom:-1px;width:28px;height:2px;background:#726747;transform:translateX(calc(var(--plate-position,0) * var(--plate-rail,0px)));transition:none}
.process-tabs button{position:relative;min-height:30px}.process-tabs button:after{display:none}
.process-credit{min-height:2.8em;line-height:1.6}
.room-leaf .room-print,.compact-book .room-leaf .room-print{width:min(100%,calc(var(--leaf-h)*.56));align-self:center;margin-left:0;height:auto;max-height:none;aspect-ratio:1;flex:none}
.room-leaf .room-print>img{object-fit:contain;filter:none}
.cafe-leaf .mounted-art{height:auto;aspect-ratio:3/2}
.umbrella-leaf .mounted-art{width:min(100%,calc(var(--leaf-h)*.48));align-self:center;margin-left:0;height:auto;aspect-ratio:1}
.cafe-leaf .mounted-art>img,.umbrella-leaf .mounted-art>img,.last-night .last-cat>img,.farewell-mini>img{object-fit:contain;transform:none!important;filter:none;background:transparent}
@media(max-width:480px){.ruler-marks>span{display:none}.ruler-marks>span:nth-child(3n + 1),.ruler-marks>span:last-child{display:block}#ruler-lines .minor{opacity:.45}}
@media(max-height:550px){.room-leaf .room-print,.compact-book .room-leaf .room-print{max-height:51%;aspect-ratio:auto;height:51%}.ship-leaf .mounted-art.ship-process{aspect-ratio:3/2;margin-bottom:9px}.process-tabs{padding-bottom:3px}.process-credit{min-height:0;font-size:8px}.sea-leaf .mounted-art{margin-bottom:9px}.umbrella-leaf .mounted-art{max-height:44%;height:44%;aspect-ratio:auto}}