@import url('https://fonts.googleapis.com/css2?family=Faculty+Glyphic&family=Goudy+Bookletter+1911&display=swap');
:root{--paper:#e6e3e4;--ink:#282428;--plum:#5d3446;--muted:#726871;--rule:#aea3a8;--serif:'Goudy Bookletter 1911',Georgia,serif;--display:'Faculty Glyphic',Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.63 var(--serif);-webkit-font-smoothing:antialiased}
a{color:var(--plum);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#25161d}
a:focus-visible{outline:2px solid var(--plum);outline-offset:4px}
.frame{max-width:1040px;margin:0 auto;padding:32px 42px 60px}
.sitehead{padding-bottom:18px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:28px;align-items:end}
.name{display:block;font:normal clamp(54px,7vw,90px)/.97 var(--display);letter-spacing:-.055em;margin:0 0 8px;text-decoration:none;color:var(--ink)}
.tagline{font:italic 17px/1.3 var(--serif);margin:0;color:var(--muted)}
.site-index{font:12px/1.6 'Courier New',monospace;color:var(--muted);text-align:right;margin-bottom:4px}
nav{font:14px/1.7 var(--serif);display:flex;flex-wrap:wrap;gap:22px;padding:12px 0 14px;border-bottom:1px solid var(--rule)}
nav a[aria-current]{color:var(--ink);text-decoration:none}
.pagebody{padding-top:48px}.home-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(210px,.85fr);gap:9%}
.label{font:11px/1.6 'Courier New',monospace;letter-spacing:.02em;color:var(--muted);margin:0 0 12px}
h1,h2,h3{font-family:var(--display);font-weight:normal;letter-spacing:-.025em;line-height:1.13;color:var(--ink)}
h1{font-size:clamp(33px,5vw,50px);margin:0 0 20px}h2{font-size:clamp(27px,4vw,39px);margin:0 0 15px}h3{font-size:24px;margin:0 0 12px}
p{margin:0 0 19px} .lead{font-size:22px;line-height:1.55;max-width:600px}.small{font-size:15px;color:var(--muted)}
.divider{margin:42px 0;border:0;border-top:1px solid var(--rule)}
.tear{width:72px;border:0;border-top:1px solid var(--plum);margin:25px 0 26px}
.section{padding-bottom:5px} .section p{max-width:600px}
.photo{margin:0 0 24px}.photo img{width:100%;height:auto;display:block;background:#c0b6ba;filter:grayscale(100%) sepia(10%);border:1px solid #8a7f83}
.photo figcaption{font:11px/1.7 'Courier New',monospace;color:var(--muted);padding-top:8px}
.aside-note{font-size:16px;font-style:italic;line-height:1.5;color:#55434d;margin:9px 0 21px}
.rail{padding-top:14px}.rail .photo+ .photo{width:74%;margin:0 0 12px auto;}
.reading-excerpt{font-style:italic;line-height:1.68;padding-left:17px;border-left:1px solid var(--plum);margin:16px 0 18px}
.sitefoot{border-top:1px solid var(--rule);padding-top:15px;margin-top:66px;display:flex;justify-content:space-between;gap:15px;font:12px/1.5 'Courier New',monospace;color:var(--muted)}
.letter-intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.letter-grid{display:grid;grid-template-columns:minmax(0,620px) minmax(215px,276px);gap:7%;align-items:start;margin-top:24px}
.letter-copy{font-size:19px;line-height:1.75;max-width:660px}
.letter-copy p{margin-bottom:22px}.letter-copy .salutation{margin-bottom:26px}
.letter-copy .second{margin-top:-15px;margin-bottom:22px}
.letter-copy .signature{margin-top:34px}
.letter-rail{position:sticky;top:24px;padding-top:0}
.letter-rail .photo:last-of-type{width:70%;margin-left:auto;margin-top:50px}
.original{max-width:680px;margin-top:24px;font-size:19px;line-height:1.76}
.original .omission{text-align:center;padding:15px 0;color:var(--muted)}
.original p{margin-bottom:23px}
@media(max-width:740px){.frame{padding:22px 22px 44px}.sitehead{align-items:start;gap:12px}.site-index{font-size:10px}.pagebody{padding-top:32px}.home-grid{grid-template-columns:1fr;gap:22px}.rail{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:0}.rail .photo+.photo{width:100%;margin:0}.aside-note{grid-column:1/-1}.letter-grid{grid-template-columns:minmax(0,1fr);gap:18px}.letter-rail{grid-row:1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.letter-rail .photo:last-of-type{margin:0;width:100%}.letter-copy{font-size:18px}.name{font-size:clamp(52px,9.5vw,72px)}}
@media(max-width:420px){.sitehead{display:block}.site-index{text-align:left;margin-top:12px}.name{font-size:58px}nav{gap:14px;font-size:13px}.rail .photo img,.letter-rail .photo img{max-height:320px;object-fit:cover;object-position:top}.lead{font-size:20px}.letter-copy{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Page-based edition */
.section-return{font-size:16px;margin-top:30px;}


/* Additions for the extra pages: deliberately keep the original visual language. */
nav{column-gap:20px;row-gap:4px}
.limits{max-width:630px;margin:10px 0 23px}
.limit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule)}
.limit-row:first-child{border-top:1px solid var(--rule)}
.limit-row dt,.limit-row dd{margin:0;font-size:17px}
.limit-row dd{color:var(--muted);text-align:right}
.book-entry{margin-bottom:25px}
.book-entry h3{font-size:23px;margin:0 0 5px}
.book-entry p{margin-bottom:0}
.archive-intro{max-width:700px}
#contact{max-width:650px}
@media(max-width:460px){nav{gap:9px 14px}.limit-row{grid-template-columns:1fr;gap:1px}.limit-row dd{text-align:left}}