@font-face{font-family:Archive;src:url('assets/fonts/Cormorant.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Archive;src:url('assets/fonts/Cormorant-Italic.ttf') format('truetype');font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:Hand;src:url('assets/fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Rye;src:url('assets/fonts/Rye-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:light;--ink:#332f28;--paper:#faf6ec;--desk:#302a23;--faint:#9b8d74}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;color:var(--ink);font-family:Archive,Georgia,serif;background-color:var(--desk);background-image:radial-gradient(ellipse at 65% 12%,#73634b44,transparent 60%),repeating-linear-gradient(91deg,#110d0b18 0 1px,transparent 1px 110px,#a18e6a09 111px 112px,transparent 112px 231px),repeating-linear-gradient(0deg,transparent 0 2px,#00000009 2px 3px);background-attachment:fixed}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #987443;outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;background:var(--paper);padding:10px;z-index:99}.skip:focus{top:10px}
.archive{max-width:1330px;margin:0 auto;display:grid;grid-template-columns:216px minmax(0,880px);gap:55px;padding:36px 40px 70px;align-items:start}
.index{position:sticky;top:40px;max-height:calc(100vh - 60px);overflow:auto;scrollbar-width:thin;padding:15px 0 20px;color:#d6c9ad}
.brand{font-family:Rye,Georgia,serif;font-size:27px;letter-spacing:-1px;display:block;margin:0 0 46px;transform:none;color:#eadfc8;text-shadow:1px 2px 1px #0008}
.contents>summary{display:none}.contents nav section{margin:0 0 30px;border-top:1px solid #bba37c40;padding-top:19px}.contents h2{font-family:Rye,Georgia,serif;font-size:17px;font-weight:400;margin:0;letter-spacing:.3px}.category{font:italic 18px Archive,Georgia,serif;color:#b3a489;margin:4px 0 12px}.session-links{display:flex;flex-direction:column;gap:3px}.session-links a{font:500 18px Archive,Georgia,serif;display:block;padding:5px 14px;position:relative;color:#c5b79c;border-left:1px solid transparent}.session-links a:hover{color:#fff0d4;background:#fff2d008}.session-links a[aria-current=page]{color:#f9eed4;border-left-color:#c8ae7b;background:linear-gradient(90deg,#cab99416,transparent)}.session-links a[aria-current=page]::before{content:'•';position:absolute;left:-4px;top:6px;font-size:15px}
main{min-width:0}.document-label{display:flex;justify-content:space-between;color:#c2b69e;font:500 14px Archive,Georgia,serif;padding:5px 9px 17px;letter-spacing:1px}.paper-stack{position:relative;filter:drop-shadow(2px 13px 17px #0006)}.paper-stack::before,.paper-stack::after{content:'';position:absolute;inset:9px -5px -7px 5px;background:#d1c5aa;transform:rotate(.25deg);border:1px solid #b4a385}.paper-stack::after{inset:4px -2px -3px 2px;background:#e4d8bd;transform:rotate(-.16deg)}
.paper{position:relative;z-index:1;margin:0;padding:65px 77px 70px;background-color:var(--paper);background-image:linear-gradient(90deg,#b7a17517,transparent 4%,transparent 96%,#ac96671c),linear-gradient(180deg,#b3a17c10,transparent 140px),radial-gradient(ellipse at 96% 7%,#b49a6720,transparent 20%),radial-gradient(ellipse at 2% 85%,#b49a6710,transparent 15%);border:1px solid #bfae8d66;box-shadow:inset 0 0 45px #9f885019;min-height:1100px;outline:none}
.paper::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cfilter id='grain'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23grain)' opacity='.3' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
.paper p{position:relative;font-size:24px;line-height:1.52;font-weight:500;margin:0 0 21px;overflow-wrap:break-word;hyphens:none}.letter{font-style:italic}.paper p.dateline{max-width:80%;margin:0 0 57px auto;text-align:right;font-size:23px;line-height:1.4;font-weight:500}.paper p.salutation{margin-bottom:30px}.paper p.valediction{clear:both;max-width:76%;margin:43px 0 6px auto;text-align:right}.paper p.signature{clear:both;text-align:right;font:40px/1.2 Hand,cursive;margin:4px 18px 40px 0;transform:rotate(-3deg)}.signed-name{display:block;font:42px/1.3 Hand,cursive;margin:8px 18px 35px 0;transform:rotate(-3deg)}.postscript{clear:both;margin-top:40px!important}
.illustration{position:relative;clear:both;margin:35px -13px 38px;mix-blend-mode:normal}.illustration .enlarge{display:block;border:0;padding:0;width:100%;background:transparent;cursor:zoom-in}.illustration img{display:block;width:100%;height:auto;filter:url(#drawing-ink);object-fit:contain;max-height:650px}.illustration.portrait{max-width:73%;margin-left:auto;margin-right:auto}.illustration.sketch{float:right;clear:none;width:52%;margin:5px -13px 15px 23px;transform:rotate(1deg)}
.manuscript h1{font:500 42px Archive,Georgia,serif;text-align:center;margin:14px 0 55px;letter-spacing:2px}.manuscript p{font-size:24px;font-weight:500;line-height:1.6;text-indent:1.4em}.manuscript p:first-of-type{text-indent:0}.manuscript p:first-of-type::first-letter{font-size:3em;float:left;line-height:.85;margin:8px 7px 0 0}.manuscript .illustration{margin:35px -30px}
.page-turn{display:flex;justify-content:space-between;gap:30px;margin:30px 5px 0;color:#dbceb2;font:500 18px Archive,Georgia,serif}.page-turn a{padding:8px 0;border-bottom:1px solid #bba37c44}.page-turn a:hover{color:#fff0d4}.page-turn a[rel=next]{margin-left:auto}.viewing-image{overflow:hidden}.image-viewer{border:0;padding:45px;background:var(--paper);max-width:94vw;max-height:94vh;box-shadow:0 10px 70px #0008}.image-viewer::backdrop{background:#191813db}.image-viewer img{display:block;max-width:82vw;max-height:80vh;width:auto;height:auto;filter:url(#drawing-ink);object-fit:contain}.close-viewer{position:absolute;right:8px;top:3px;color:#333;background:transparent;border:0;font:32px/1 Arial,sans-serif;width:38px;height:38px}
@media(min-width:1400px){.archive{padding-top:48px;gap:65px}.paper{padding-left:86px;padding-right:86px}}
@media(max-width:1100px){.archive{grid-template-columns:170px minmax(0,1fr);gap:27px;padding:28px 26px 60px}.brand{font-size:23px}.paper{padding:53px 48px 55px}.paper p{font-size:23px}.paper p.dateline{font-size:21px}.manuscript h1{font-size:38px}}
@media(max-width:760px){body{background-attachment:scroll}.archive{display:block;padding:0 14px 30px;max-width:650px}.index{position:relative;max-height:none;overflow:visible;padding:20px 5px 8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.brand{font-size:25px;margin:0;transform:none}.contents{display:block;width:100%}.contents>summary{display:block;position:absolute;right:5px;top:19px;cursor:pointer;font:16px Archive,Georgia,serif;list-style:none;padding:9px 0 9px 15px}.contents>summary::after{content:' +';font:19px Georgia,serif;margin-left:5px}.contents[open]>summary::after{content:' −'}.contents>summary::-webkit-details-marker{display:none}.contents nav{width:100%;padding:17px 3px 0}.contents nav section{padding-top:12px;margin-bottom:17px}.contents h2{font-size:16px;display:inline-block;margin-right:10px}.category{display:inline;font-size:16px}.session-links{flex-direction:row;flex-wrap:wrap;gap:4px;margin-top:10px}.session-links a{font-size:17px;padding:8px 10px;border:1px solid #bba37c33}.session-links a[aria-current=page]::before{display:none}.session-links a[aria-current=page]{border-color:#bba37caa}.document-label{font-size:13px;padding:16px 6px 13px}.paper{padding:38px 28px 45px;min-height:900px}.paper p{font-size:23px;line-height:1.5;margin-bottom:20px}.paper p.dateline{font-size:21px;max-width:94%;margin-bottom:40px}.paper p.salutation{margin-bottom:28px}.illustration.sketch{float:none;width:100%;margin:0 0 27px;transform:none}.illustration{margin:28px -7px}.illustration.portrait{max-width:90%}.paper p.valediction{max-width:95%;margin-top:34px}.paper p.signature,.signed-name{font-size:37px}.paper-stack::before{inset:6px -3px -6px 3px}.paper-stack::after{inset:3px -1px -3px 1px}.manuscript h1{font-size:37px;margin:4px 0 35px}.manuscript p{font-size:23px;line-height:1.55}.manuscript .illustration{margin:30px -15px}.page-turn{font-size:17px;margin-top:22px}.image-viewer{padding:40px 12px 14px}.image-viewer img{max-width:85vw;max-height:80vh}}
@media(max-width:370px){.archive{padding-left:9px;padding-right:9px}.paper{padding-left:22px;padding-right:22px}.paper p{font-size:22px}.brand{font-size:23px}}
@media print{body{background:white}.archive{display:block;max-width:none;padding:0}.index,.document-label,.page-turn,.skip,.image-viewer{display:none}.paper-stack{filter:none}.paper-stack::before,.paper-stack::after,.paper::before,.paper::after{display:none}.paper{background:white;padding:0;border:0;box-shadow:none;min-height:0}.paper p{font-size:14pt}.illustration{break-inside:avoid}.illustration img{max-height:400px}.paper p.signature{break-before:avoid}}

/* Turn luminance into ink opacity, revealing the actual paper beneath the drawing. */
.illustration img,.image-viewer img{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in}
.image-viewer{isolation:isolate}.image-viewer img{mix-blend-mode:normal}
