/* Book study: a cloth cover, followed by white reading pages. */
.book-site{--book-ink:#243e3c;--book-sea:#26575a;--book-cream:#f5f2e7;color:var(--book-ink);font-family:var(--serif)}
.book-site .site-header{position:absolute;inset:0 0 auto;height:88px;background:transparent;color:var(--book-cream);padding:0 5vw}
.book-site .wordmark{font-size:16px;letter-spacing:.22em}.book-site .wordmark span{display:none}
.book-site .site-header nav ul{font-size:14px;gap:25px}.book-site .site-header nav a:hover{color:white}.book-site .nav-contact{display:none}
.book-cover{position:relative;isolation:isolate;min-height:780px;height:100svh;max-height:1100px;display:grid;place-items:center;overflow:hidden;background:#26595d;color:var(--book-cream)}
.cover-garden{position:absolute;inset:-8%;z-index:-2;background:url('/assets/willow-bough-met.jpg') center 45%/cover no-repeat;filter:grayscale(1);mix-blend-mode:screen;opacity:.24}
.book-cover:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#173f4245,transparent 30%,transparent 70%,#173f4245)}
.cover-rule{position:absolute;inset:105px 3vw 30px;border:1px solid #e9e9d76b;pointer-events:none}.cover-rule:after{content:'';position:absolute;inset:5px;border:1px solid #e9e9d735}
.book-label{position:relative;margin-top:30px;width:354px;min-height:490px;background:var(--book-cream);color:var(--book-ink);padding:28px 34px 22px;box-shadow:0 2px 14px #12393b14;text-align:center}
.book-label:before{content:'';position:absolute;inset:9px;border:1px solid #506d5c63;pointer-events:none}
.label-kicker{font-size:14px;letter-spacing:.7em;padding-left:.7em;margin-bottom:30px}
.label-typeset{display:flex;flex-direction:row-reverse;justify-content:center;gap:39px;min-height:296px}
.label-typeset h1{writing-mode:vertical-rl;font-size:44px;letter-spacing:.23em;line-height:1.3;white-space:nowrap}
.cover-verse{display:flex;flex-direction:row-reverse;gap:13px;text-align:start;padding-top:3px;font-size:16px;line-height:1.8;letter-spacing:.1em}
.cover-verse span{writing-mode:vertical-rl;white-space:nowrap}.cover-verse span:nth-child(2){padding-top:18px}.cover-verse span:nth-child(3){padding-top:36px}
.five-signs{display:flex;gap:16px;justify-content:center;align-items:center;margin:21px 0 16px}.five-signs img{object-fit:contain;max-width:29px;max-height:27px;filter:brightness(0);opacity:.48}
.label-roman{font-family:Georgia,serif;letter-spacing:.35em;font-size:12px;margin-left:.35em}
.open-book{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);font-size:14px;letter-spacing:.3em;padding:12px 22px;border-bottom:1px solid #f5f2e775}.open-book span{margin-left:24px}.open-book:hover{background:#ffffff12}
.book-frontispiece{position:relative;max-width:1000px;min-height:570px;margin:auto;padding:110px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white}
.folio{font-size:13px;color:#70827b;letter-spacing:.3em;display:block;margin-bottom:60px}
.book-frontispiece>p{font-size:clamp(19px,2.2vw,27px);line-height:2.7;letter-spacing:.12em;max-width:26em;text-align:center;text-wrap:balance}
.book-frontispiece>p>span,.shore-leaf-poem>span{display:inline-block;white-space:nowrap}
.verse-sign{font-size:14px;letter-spacing:.18em;margin:28px 0 48px}
.book-text-link{font-size:14px;letter-spacing:.12em;border-bottom:1px solid #84988c;padding:9px 0;display:inline-block}
.book-contents{border-top:1px solid #cbd7d0;max-width:1100px;margin:auto;padding:55px 40px 80px;display:flex;gap:35px;flex-wrap:wrap;align-items:baseline;font-size:16px}.book-contents h2{font-size:19px;margin-right:auto;letter-spacing:.3em}.book-contents a{padding:8px 0}
.book-site .site-footer{font-family:var(--serif);background:#fafbf9}.book-site .footer-links{font-size:14px}
.book-history{max-width:1120px;margin:auto;padding:80px 50px 100px;border-top:1px solid #d3dcd5}
.chapter-heading{display:flex;align-items:center;gap:30px;margin-bottom:55px}.chapter-heading>span{font-size:14px;border-right:1px solid #bbc9c0;padding-right:25px}.chapter-heading h2{font-size:26px;letter-spacing:.18em}
.history-prologue{display:flex;gap:44px;align-items:baseline;margin:0 0 55px 4px}.history-prologue time{font-family:Georgia,serif;font-size:27px;color:#536f6a}.history-prologue p{font-size:16px;line-height:2.2;letter-spacing:.08em}
.history-years{display:flex;justify-content:space-between;border-bottom:1px solid #c8d4cd;gap:12px}.history-years a{position:relative;display:flex;gap:18px;align-items:baseline;padding:14px 9px;color:#687971}.history-years span{font-family:Georgia,serif;font-size:26px}.history-years small{font-size:13px;letter-spacing:.06em}.history-years a[aria-selected=true]{color:#194b4a}.history-years a[aria-selected=true]:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#315e57}
.volume-leaf{display:grid;grid-template-columns:1fr 1fr;min-height:455px;border-bottom:1px solid #c8d4cd;align-items:stretch}
.volume-picture{position:relative;padding:50px 55px;display:grid;place-items:center;isolation:isolate}.volume-picture>a{width:100%;z-index:1}.volume-picture .cover{height:320px;margin:0;align-items:center}.volume-picture .cover img{box-shadow:2px 7px 12px #1e39311a;max-width:90%;transition:transform .5s}.volume-picture a:hover img{transform:translateY(-4px)}.volume-year{position:absolute;bottom:17px;left:8px;font-family:Georgia,serif;font-size:115px;line-height:1;color:#e4ebe7;letter-spacing:-.06em}
.volume-text{border-left:1px solid #e1e7e2;padding:80px 45px 65px;align-self:center}.volume-ordinal{font-size:14px;letter-spacing:.22em;margin-bottom:22px;color:#61756b}.volume-text h3{font-size:32px;line-height:1.65;font-weight:400;margin-bottom:23px;letter-spacing:.1em}.volume-text>p:not(.volume-ordinal){font-size:16px;line-height:2.2;max-width:24em}.volume-text .book-text-link{margin-top:28px}.volume-text .book-text-link span{margin-left:32px}
.history-after{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:70px 0 38px}.history-after>span{font-size:19px;letter-spacing:.1em}
.related-leaves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.related-leaves .cover{height:190px;align-items:center;margin:0 0 25px}.related-leaves .cover img{max-width:85%}.related-leaves time{font-family:Georgia,serif;font-size:14px;letter-spacing:.1em;color:#60766e}.related-leaves h3{font-size:18px;line-height:1.9;font-weight:400;margin:10px 0}.related-leaves p{font-size:13px;line-height:2;color:#65796f}.related-leaves>a:hover h3{text-decoration:underline;text-underline-offset:5px}
.book-shore{position:relative;isolation:isolate;min-height:760px;overflow:hidden;border-top:1px solid #d3dcd5;background:white}
.shore-leaf{position:relative;max-width:1020px;padding:65px 0 240px;margin:auto}.shore-leaf .chapter-heading{margin-bottom:75px}.shore-leaf-poem{font-size:clamp(20px,2vw,27px);line-height:2.7;letter-spacing:.11em;max-width:27em;margin:auto;text-wrap:balance}.shore-leaf .verse-sign{text-align:center;margin:22px 0 20px}
.shore-entrance{display:flex;flex-direction:column;width:170px;align-items:center;margin:20px auto 0}.shore-entrance img{width:125px;height:125px;object-fit:contain;transition:transform .5s}.shore-entrance:hover img{transform:translateY(-6px) rotate(-3deg)}.shore-entrance>span{display:block;font-size:16px;letter-spacing:.2em;margin-top:10px;padding:9px 15px;border-bottom:1px solid #79958b}.shore-entrance>span>span{margin-left:22px}
.shore-endpaper{position:absolute;bottom:0;left:0;right:0;height:310px;z-index:-1;background:url('/assets/shore-underpainting-v7.webp') center 24%/cover no-repeat;mask-image:linear-gradient(transparent,#000 60%);opacity:.72}
.book-colophon{display:grid;grid-template-columns:1fr 1fr;max-width:1020px;margin:100px auto;gap:110px;align-items:center}.colophon-portrait{margin:0;max-width:400px}.colophon-portrait img{display:block;width:100%}.colophon-portrait>p{font-size:12px;margin-top:10px;color:#667b73}.colophon-text .folio{margin-bottom:28px}.colophon-text h2{font-size:30px;letter-spacing:.22em;margin-bottom:25px}.colophon-text>p{font-size:16px;line-height:2.2;margin-bottom:20px}.colophon-activity{margin-top:45px;display:flex;gap:25px;flex-wrap:wrap;font-size:14px}.colophon-activity a{border-bottom:1px solid #d2ddd5;padding:7px 0}
.book-study-note{text-align:center;color:#647970;font-size:13px;margin:0 25px 35px;line-height:2.3}.book-study-note span{margin:0 12px}.book-study-note a{text-decoration:underline;text-underline-offset:4px}
/* The same quiet typographic frame continues inside, without the cover pattern. */
body:not(.home):not(.book-site)>.site-header{border-bottom:1px solid #d9e1da;height:88px;font-family:var(--serif)}
body:not(.home):not(.book-site) .wordmark{font-family:var(--serif);font-weight:400;font-size:20px}
body:not(.home):not(.book-site) .wordmark span{display:none}
body:not(.home):not(.book-site) .site-footer{font-family:var(--serif)}
.book-archive{font-family:var(--serif)}.book-archive .page-wrap{max-width:1060px;padding-top:75px}.book-archive .page-title{font-size:36px;margin-top:14px}.book-archive .filter-bar{margin:40px 0 30px}.book-annals{border-top:1px solid #c4d3c9}
.annal-entry{display:grid;grid-template-columns:90px 130px minmax(0,1fr) 20px;gap:40px;align-items:center;padding:38px 8px;border-bottom:1px solid #d4dfd7}
.annal-entry time{font-family:Georgia,serif;font-size:30px;color:#3f665e;align-self:start;margin-top:8px}.annal-entry .cover{height:165px;margin:0;align-items:center}.annal-entry h2{font-size:23px;line-height:1.8;margin:9px 0}.annal-entry .eyebrow{font-size:13px}.annal-entry p{font-size:14px;line-height:2.1}.annal-arrow{font-size:20px;color:#637a70}
@media(max-width:1100px){.shore-leaf{padding-left:50px;padding-right:50px}.book-colophon{margin:80px 50px;gap:70px}}
@media(max-width:700px){.book-history{padding:60px 26px 65px}.chapter-heading{margin-bottom:35px;gap:21px}.chapter-heading h2{font-size:23px}.chapter-heading>span{padding-right:20px}.history-prologue{gap:22px;margin:0 0 33px}.history-prologue time{font-size:22px}.history-prologue p{font-size:15px}.history-years{gap:7px}.history-years a{display:block;padding:10px 3px}.history-years span{font-size:22px}.history-years small{display:block;font-size:12px;margin-top:3px}.volume-leaf{grid-template-columns:1fr;min-height:650px}.volume-picture{padding:36px 40px 30px;min-height:325px}.volume-picture .cover{height:260px}.volume-year{font-size:96px;bottom:16px}.volume-text{border:0;padding:24px 5px 38px;align-self:start}.volume-text h3{font-size:28px;margin-bottom:16px}.volume-ordinal{margin-bottom:10px}.volume-text>p:not(.volume-ordinal){font-size:16px}.volume-text .book-text-link{margin-top:20px}.history-after{display:block;margin:45px 0 32px}.history-after>span{display:block;font-size:18px;margin-bottom:14px}.related-leaves{display:block}.related-leaves>a{display:grid;grid-template-columns:95px 1fr;column-gap:24px;border-top:1px solid #d9e2db;padding:25px 0}.related-leaves .cover{grid-row:1/4;height:140px;margin:0}.related-leaves .cover img{max-width:100%}.related-leaves h3{font-size:17px;line-height:1.8;margin:3px 0 8px}.related-leaves p{font-size:13px}.related-leaves time{font-size:13px}.shore-leaf{padding:55px 26px 220px}.shore-leaf .chapter-heading{margin-bottom:55px}.shore-leaf-poem{font-size:20px;line-height:2.7}.book-shore{min-height:760px}.shore-endpaper{height:240px}.book-colophon{margin:60px 26px;display:block}.colophon-portrait{width:80%;max-width:350px;margin:0 0 40px}.colophon-text .folio{margin-bottom:20px}.colophon-text h2{font-size:27px}.colophon-activity{margin-top:28px}.book-study-note{font-size:12px}.book-study-note span{margin:0 5px}body:not(.home):not(.book-site)>.site-header{height:80px}.book-archive .page-wrap{padding-top:40px}.book-archive .page-title{font-size:29px}.book-archive .filter-bar{gap:5px 19px}.book-archive .filter-bar button{font-size:14px}.annal-entry{grid-template-columns:67px minmax(0,1fr);gap:9px 20px;padding:26px 0}.annal-entry time{font-size:23px;grid-column:1/3;margin:0}.annal-entry .cover{height:105px}.annal-entry h2{font-size:19px;margin:5px 0 9px}.annal-entry p{font-size:13px}.annal-arrow{display:none}}
@media(max-width:850px){.book-site .site-header nav ul{gap:14px}.book-site .wordmark{font-size:14px}.book-site .site-header nav{font-size:13px}}
@media(max-width:700px){.book-site .site-header{height:76px;padding:0 24px}.book-site .menu-button{font-family:var(--serif);font-size:14px}.book-site .site-header nav{top:76px;color:var(--book-ink);background:#fff}.book-site .site-header nav a:hover{color:#26575a}.book-cover{min-height:720px;max-height:950px}.cover-rule{inset:87px 16px 17px}.book-label{width:302px;max-width:calc(100vw - 70px);min-height:456px;margin-top:24px;padding:28px 23px 21px}.label-typeset{gap:27px;min-height:278px}.label-typeset h1{font-size:37px}.cover-verse{font-size:15px;gap:10px}.label-kicker{margin-bottom:23px}.five-signs{margin:18px 0 15px}.open-book{bottom:35px}.book-frontispiece{padding:75px 26px;min-height:530px}.book-frontispiece>p{font-size:19px;line-height:2.8;text-align:left}.folio{margin-bottom:40px}.book-contents{padding:40px 26px 55px;gap:16px 28px}.book-contents h2{flex-basis:100%;margin-bottom:12px}.book-site .footer-bottom{font-size:12px}}
@media(max-width:360px){.book-label{padding-left:15px;padding-right:15px}.label-typeset{gap:20px}.label-typeset h1{font-size:32px}.cover-verse{gap:7px;font-size:14px}.history-prologue{gap:15px}.history-prologue p{font-size:14px}}
@media(max-width:700px){.book-frontispiece>p{font-size:18px;letter-spacing:.06em}.shore-leaf-poem{font-size:19px;letter-spacing:.06em}}