@font-face{font-family:'Dancing Script';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/dancing-script-500.woff') format('woff')}
:root{color-scheme:light;--paper:#f5f0e6;--ink:#36402f;--olive:#3f4b2d;--blue:#516b8b;--muted:#626655}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:17px/1.75 Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:5px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}
.welcome{position:relative;height:100svh;min-height:550px;isolation:isolate;overflow:hidden;background:#183641}
.scenery{position:absolute;inset:0;z-index:-1;pointer-events:none}
.sky{position:absolute;inset:0;background:linear-gradient(155deg,#102934,#244659 60%,#435e50)}
.sky:after{content:'';position:absolute;inset:0;background:url('/assets/personal/field-guide-paper-v1.png') center/cover;opacity:.1;mix-blend-mode:screen}
.moon-orb{top:15svh;width:min(86vw,360px)}
.moon-copy{position:absolute;top:15svh;left:50%;width:min(86vw,360px);aspect-ratio:1;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:27px 18px 37px;text-align:center}
.moon-copy img{width:100%;margin:0 0 4px;object-fit:contain}
.moon-copy p{font:400 31px/1.2 'Instrument Serif',Georgia,serif;margin:0;letter-spacing:-.01em;color:#3f4b2d}
.invitation{position:absolute;top:66%;left:0;right:0;text-align:center;margin:0;color:#f4efe5;font:500 32px/1.3 'Dancing Script',cursive}
.star{animation-name:quiet-twinkle;opacity:.65}
.star-one{animation-duration:7.8s;animation-delay:-1.2s}
.star-two{animation-duration:8.9s;animation-delay:-4.1s}
.star-three{animation-duration:7.2s;animation-delay:-5.6s}
.star-four{animation-duration:9.1s;animation-delay:-2.8s}
.star-five{animation-duration:8.3s;animation-delay:-6.4s}
@keyframes quiet-twinkle{0%,100%{opacity:.25;transform:scale(.9);text-shadow:0 0 2px currentColor}48%{opacity:.9;transform:scale(1.08);text-shadow:0 0 8px currentColor}68%{opacity:.55;transform:scale(1);text-shadow:0 0 4px currentColor}}
.letter>.legacy-anchor{position:absolute;top:0;pointer-events:none}
.reading-width{width:min(100% - 56px,480px);margin-inline:auto}
.letter{padding:57px 0 55px;background:var(--paper);position:relative}
.letter:before{content:none}
.letter>*{position:relative}
.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#69705c;margin:0 0 18px}
h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:0}
h1{font-size:clamp(45px,13vw,57px);line-height:1.03}
h1 em,h2 em{font-weight:400;color:var(--blue)}
.home-art{width:min(100%,600px);margin:31px auto 24px;padding:0 10px}
.home-art img{width:100%;mix-blend-mode:multiply}
.letter-body{font:400 17px/1.75 Arial,sans-serif}
.letter-body p{font:inherit;color:inherit;margin:0 0 21px}
.signoff{padding-top:10px}
.letter-body .signoff p{margin:0}
.signature{display:flex;align-items:center;gap:9px;margin-left:-13px;margin-top:-4px}
.signature img{width:205px;mix-blend-mode:multiply}
.signature svg{width:39px;height:39px;stroke:#687a48;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.small-start{padding:44px 0 49px;background:#e9ecdf;border-top:1px solid #d4dbc7;border-bottom:1px solid #d4dbc7}
.leaf{width:36px;height:36px;object-fit:contain;margin:0 0 24px;mix-blend-mode:multiply}
.small-start h2{font-size:39px;line-height:1.08;margin:0 0 20px}
.small-start>div>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:0;max-width:360px}
.next-story{display:grid;grid-template-columns:104px minmax(0,1fr);gap:19px;align-items:center;text-decoration:none;margin-top:29px;padding-top:22px;border-top:1px solid #bdc6ae}
.next-story>img{width:104px;aspect-ratio:2/3;object-fit:contain;mix-blend-mode:multiply}
.next-story>span{display:flex;flex-direction:column;align-items:flex-start}
.recipe-label{font-size:10px;line-height:1.4;letter-spacing:.025em;color:#5f6854;margin-bottom:8px}
.next-story strong{font:400 30px/1.08 'Instrument Serif',Georgia,serif}
.read-link{display:inline-flex;gap:9px;align-items:center;font-size:12px;line-height:1.4;border-bottom:1px solid #7f8b70;margin-top:17px;padding-bottom:5px;min-height:30px}
.read-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.next-story:hover .read-link{color:#203b21;border-color:#203b21}
footer{text-align:center;padding:34px 23px 25px;background:var(--paper)}
footer>img{width:240px;margin:0 auto 10px}
footer nav{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px}
footer nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}
footer nav a:hover{text-decoration:underline}
footer>p{font-size:10px;letter-spacing:.025em;color:#6a705f;margin:14px 0 0}
@media(min-width:761px){body{max-width:600px;margin-inline:auto;box-shadow:0 0 0 1px #3f4b2d18}html{background:#dedfd5}.welcome{height:min(900px,100svh)}.moon-orb,.moon-copy{top:12%;width:360px}.letter{padding-top:67px}.reading-width{width:min(100% - 80px,440px)}h1{font-size:65px}.home-art{padding:0 24px}.small-start h2{font-size:44px}}
@media(max-width:350px){.reading-width{width:calc(100% - 42px)}.moon-copy p{font-size:27px}.next-story{gap:14px;grid-template-columns:88px minmax(0,1fr)}.next-story>img{width:88px}.next-story strong{font-size:27px}.small-start h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.star{opacity:.6}}
@media print{.welcome{display:none}body{max-width:none;box-shadow:none}.letter{padding-top:0}.small-start{break-inside:avoid}footer{display:none}}