@font-face{font-family:Amiri;src:url('assets/Amiri-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--paper:#d9ba80;--ink:#382616}
*{box-sizing:border-box}html{background:#090909;scroll-behavior:smooth}body{margin:0;color:#999184;font-family:Amiri,serif;background:radial-gradient(ellipse at 50% 30%,#1a1711 0, #0c0b09 40%,#090909 70%);min-height:100vh}::selection{background:#795830;color:#fff0ce}
.masthead{max-width:1440px;margin:auto;padding:31px 5.5%;display:flex;align-items:center;border-bottom:1px solid #ffffff0c;gap:26px}.masthead a{color:#e4d7bc;text-decoration:none;font-size:34px;line-height:1}.brand-dot{color:#a78249}.archive{font-size:14px;border-right:1px solid #514633;padding-right:25px;color:#9a907e}.edition{margin-right:auto;font-size:13px;color:#716c61;letter-spacing:.15px}main{padding:44px 24px 0}.intro{display:flex;align-items:center;justify-content:center;gap:17px;font-size:14px;color:#8a806e;margin:0 0 32px;letter-spacing:1px}.line{width:38px;height:1px;background:#554a35}.paper-shadow{max-width:800px;margin:auto;filter:drop-shadow(0 25px 32px #000b) drop-shadow(0 3px 3px #000);transform:rotate(-.65deg)}
.paper{position:relative;isolation:isolate;overflow:hidden;min-height:1300px;background:radial-gradient(ellipse at 13% 20%,#9c6c2c38,transparent 24%),radial-gradient(ellipse at 90% 65%,#80521b36,transparent 27%),radial-gradient(ellipse at 50% 45%,#f2dba7 0,#e2c58e 43%,#bc955c 100%);clip-path:polygon(3% 1.4%,6% .7%,9% 1%,12% .45%,17% .9%,21% .25%,26% .65%,31% .3%,35% .75%,40% .2%,45% .7%,50% .35%,55% .8%,61% .3%,65% .7%,71% .1%,76% .6%,81% .3%,85% .7%,90% .2%,94% .6%,98% .35%,99% 2.3%,98.7% 5%,99.4% 8%,98.9% 12%,99.6% 16%,99.1% 21%,99.7% 25%,99.1% 30%,99.5% 36%,99% 41%,99.6% 46%,98.8% 51%,99.5% 56%,99.1% 61%,99.7% 66%,99.1% 71%,99.5% 76%,98.8% 81%,99.4% 86%,98.8% 91%,99.3% 95%,98.1% 99.2%,94% 98.9%,90% 99.7%,85% 99.3%,81% 99.7%,76% 99.1%,70% 99.5%,65% 99.2%,60% 99.8%,55% 99.2%,50% 99.6%,45% 99%,40% 99.4%,35% 99%,30% 99.7%,25% 99.1%,20% 99.5%,16% 99%,12% 99.5%,8% 98.8%,5% 99.4%,1% 98.6%,1.6% 95%,.7% 92%,1.2% 87%,.5% 82%,1% 76%,.3% 71%,.8% 66%,.2% 61%,.9% 56%,.3% 51%,1% 46%,.5% 41%,1.2% 36%,.4% 31%,1% 26%,.4% 21%,1.2% 16%,.8% 12%,3.8% 10.5%,2.7% 9.5%,4.8% 8.8%,3.1% 7.6%,5% 6.5%,3.4% 5.4%,4.3% 4%,2.6% 3%)}
.paper:before{content:"";position:absolute;inset:0;background:url('assets/grain.svg');mix-blend-mode:multiply;opacity:.55;z-index:-1;pointer-events:none}.paper:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 75px 15px #74400e60,inset 0 0 8px 3px #4a2b1180;pointer-events:none;z-index:3}.letter{padding:46px 76px 44px;color:var(--ink);position:relative;z-index:2;text-shadow:0 .4px .2px #50381228}.letter-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #72512642;padding-bottom:13px;font-size:13px;color:#6f5434}.letter-number{font-size:17px}.invocation{text-align:center;font-size:18px;margin-top:35px;color:#6a4b2e}h1{font-weight:400;text-align:center;font-size:clamp(35px,5vw,49px);line-height:1.6;margin:15px 0 0;letter-spacing:-1px}.ornament{text-align:center;font-size:30px;color:#886333;margin:2px 0 22px}.letter p{font-size:21px;line-height:2.05;margin:0 0 22px;text-align:justify}.letter .salutation{font-size:25px;margin-bottom:21px;text-align:right}.letter blockquote{position:relative;font-size:27px;line-height:1.9;text-align:center;margin:32px 10px;padding:23px 0;color:#6a4023;border-block:1px solid #80532345}.letter .farewell{text-align:center;font-size:25px;margin:38px 0 26px;line-height:1.9}.signature{display:flex;flex-direction:column;align-items:flex-start;font-size:18px;margin-top:25px}.signature strong{font-size:29px;font-weight:400;transform:rotate(-5deg);margin-top:3px}.signature .date{font-size:13px;color:#785b39;margin-top:10px}.end-mark{text-align:center;font-size:25px;color:#886333;margin-top:22px}.fold{position:absolute;pointer-events:none;z-index:1}.fold-one{top:0;bottom:0;left:49%;width:5px;background:linear-gradient(90deg,transparent,#fff4ce36,#85501c18,transparent);transform:rotate(.4deg)}.fold-two{top:49%;width:100%;height:5px;background:linear-gradient(transparent,#fff7cd33,#79501d1a,transparent);transform:rotate(-1deg)}footer{padding:39px 0 31px;display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;font-size:16px;color:#8d806b}.footer-mark{font-size:16px;color:#584a35}.draft-note{font-size:11px;color:#56524a}
@media(min-width:1200px){.paper-shadow{max-width:820px}.letter{padding-inline:84px}}@media(max-width:600px){.masthead{padding:24px;gap:15px}.masthead a{font-size:30px}.archive{font-size:12px;padding-right:15px}.edition{display:none}main{padding:29px 13px 0}.intro{margin-bottom:25px;font-size:12px}.paper-shadow{transform:rotate(-.35deg)}.letter{padding:32px 28px 35px}.letter-top{font-size:10px}.invocation{margin-top:27px;font-size:15px}h1{font-size:32px;letter-spacing:-.5px}.ornament{font-size:25px;margin-bottom:19px}.letter p{font-size:19px;line-height:2;margin-bottom:20px}.letter .salutation{font-size:22px}.letter blockquote{font-size:23px;margin:25px 0}.letter .farewell{font-size:22px}.signature strong{font-size:26px}.signature .date{font-size:11px}footer{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}