:root{--paper:#f5f2e9;--ink:#30372e;--muted:#777c71;--line:#d8d8cb;--accent:#687353;--wash:#ecece1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;left:20px;top:-60px;padding:12px;background:var(--ink);color:white;z-index:4}.skip:focus{top:12px}.reading-progress{height:3px;background:var(--accent);position:fixed;top:0;left:0;z-index:5;width:0}.site-header{height:112px;margin:0 6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font:italic 38px Georgia,serif;letter-spacing:-2px}.wordmark span{font-style:normal;font-size:24px;letter-spacing:-1px}.wordmark i{color:var(--accent)}nav{display:flex;gap:34px;font-size:13px}nav a{padding:12px 0;color:var(--muted)}nav a[aria-current=page]{color:var(--ink);border-bottom:1px solid var(--ink)}.private{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.private svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.15}main{min-height:65vh;outline:none}.intro{display:flex;justify-content:space-between;align-items:end;margin:62px 6% 48px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:500;line-height:1.8;color:var(--muted)}.intro h1{font:normal clamp(42px,5.8vw,76px)/1.05 Georgia,serif;letter-spacing:-2.4px;margin:12px 0 0}.intro h1 em{font-weight:normal;color:#67715b}.city-clock{text-align:right;line-height:1.7;font-size:11px;color:var(--muted);padding-bottom:4px}.city-clock strong{display:block;font-size:12px;font-weight:400;color:var(--ink)}.journal-layout{display:grid;grid-template-columns:160px minmax(0,780px) 1fr;gap:36px;margin:0 6% 92px}.date-rail{border-top:1px solid var(--line);padding-top:20px}.day-number{font:normal 76px/1 Georgia,serif;letter-spacing:-4px}.date-rail .month{font-size:12px;margin-top:9px}.date-rail .moment{display:block;margin-top:30px;color:var(--muted);font-size:11px;line-height:1.7}.moment svg{width:14px;height:14px;vertical-align:-3px;margin-right:5px;stroke:currentColor;fill:none}.entry{min-width:0}.entry-photo{margin:0 0 30px}.entry-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--wash)}figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.7;color:var(--muted);padding-top:12px}.photo-label{white-space:nowrap;text-transform:uppercase;letter-spacing:1.5px;font-size:9px}.entry h2{font:normal clamp(31px,3.6vw,47px)/1.15 Georgia,serif;letter-spacing:-1.25px;margin:37px 0 27px}.entry-body{max-width:645px;font:18px/1.9 Georgia,serif;color:#40443b}.entry-body p{margin:0 0 24px}.entry-body p:first-child:first-letter{float:left;font:64px/.82 Georgia,serif;padding:9px 9px 3px 0;color:var(--accent)}.entry-end{display:flex;justify-content:space-between;align-items:center;margin-top:43px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:11px}.signature{font:italic 27px Georgia,serif;color:var(--ink)}.archive-link{display:inline-flex;align-items:center;gap:13px}.archive-link:hover{text-decoration:underline}.marginal{padding-left:12px}.margin-note{font:italic 16px/1.7 Georgia,serif;color:#7d816f;max-width:128px;margin-top:80px}.margin-note:before{content:'';display:block;width:23px;height:1px;background:var(--line);margin-bottom:16px}.archive-layout{display:grid;grid-template-columns:250px 1fr;gap:70px;margin:0 6% 100px;padding-top:15px}.calendar{border-top:1px solid var(--line);padding-top:20px}.calendar h2{font:normal 22px Georgia,serif;margin:0 0 22px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:11px}.calendar-grid>span,.calendar-grid>a{display:grid;place-items:center;min-height:30px;color:#a2a497}.calendar-grid .weekday{font-size:9px;color:var(--muted)}.calendar-grid a{border-radius:50%;background:var(--accent);color:white}.calendar-note{font-size:10px;color:var(--muted);margin-top:21px;line-height:1.8}.archive-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:18px}.archive-heading h2{font:normal 23px Georgia,serif;margin:0}.archive-heading span{font-size:10px;color:var(--muted)}.archive-card{display:grid;grid-template-columns:160px 1fr 20px;gap:28px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.archive-card img{width:160px;aspect-ratio:4/3;object-fit:cover}.archive-card h3{font:normal 27px/1.2 Georgia,serif;margin:10px 0}.archive-card p{font:14px/1.6 Georgia,serif;color:var(--muted);margin:0}.archive-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.archive-card .arrow{font-size:22px;color:var(--accent)}.archive-empty{margin-top:38px;font:italic 15px Georgia,serif;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin:0 6%;padding:28px 0 35px;color:var(--muted);font-size:10px;letter-spacing:.25px}.footer-mark{font:italic 28px Georgia,serif;color:var(--accent)}.loading{margin:90px 6%;font:24px Georgia,serif}.error{max-width:600px;line-height:1.8}.error a{text-decoration:underline}@media(min-width:1600px){.journal-layout{grid-template-columns:190px minmax(0,900px) 1fr;gap:50px}.entry-body{max-width:700px}}@media(max-width:1100px){.journal-layout{grid-template-columns:125px minmax(0,1fr);gap:25px}.marginal{display:none}.archive-layout{gap:36px;grid-template-columns:220px 1fr}.archive-card{grid-template-columns:110px 1fr 15px;gap:20px}.archive-card img{width:110px}}@media(max-width:650px){.site-header{height:91px;margin:0 6%;gap:14px;flex-wrap:wrap;position:relative;align-content:center}.wordmark{font-size:30px}.wordmark span{font-size:19px}.private{position:absolute;top:70px;left:0;font-size:8px;letter-spacing:1px;background:var(--paper);padding-right:10px}.private svg{width:10px}nav{gap:20px;margin-left:auto;font-size:11px}.intro{margin-top:45px;margin-bottom:30px;display:block}.intro h1{font-size:47px;letter-spacing:-1.8px}.city-clock{margin-top:22px;text-align:left;font-size:10px}.city-clock strong{display:inline;margin-right:8px;font-size:10px}.journal-layout{display:block;margin-bottom:65px}.date-rail{display:flex;align-items:center;gap:10px;padding:15px 0;margin-bottom:12px}.day-number{font-size:34px;letter-spacing:-1px}.date-rail .month{font-size:11px;margin-top:0}.date-rail .moment{margin:0 0 0 auto;font-size:10px}.date-rail .eyebrow{font-size:8px}.entry-photo{margin-bottom:24px}.entry-photo img{aspect-ratio:4/3}.photo-label{display:none}.entry h2{margin-top:27px;font-size:34px}.entry-body{font-size:17px;line-height:1.85}.entry-body p{margin-bottom:22px}.archive-layout{display:block;margin-bottom:70px;padding-top:0}.calendar{max-width:300px;margin-bottom:40px}.archive-card{grid-template-columns:85px 1fr 13px;gap:15px}.archive-card img{width:85px;aspect-ratio:1}.archive-card h3{font-size:23px}.archive-card p{display:none}.archive-card .eyebrow{font-size:8px;letter-spacing:1px}footer{font-size:8px;gap:15px}.footer-mark{font-size:25px}footer span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.archive-date{display:grid;place-items:center;width:160px;aspect-ratio:4/3;background:var(--wash);font:normal 54px Georgia,serif;color:var(--accent)}.archive-layout section+section{margin-top:45px}@media(max-width:1100px){.archive-date{width:110px;font-size:42px}}@media(max-width:650px){.archive-date{width:85px;aspect-ratio:1;font-size:36px}}
/* Collected pages: a quiet scrapbook, with pictures inside the story. */
body{background-color:#f3f0e7;background-image:radial-gradient(#d8d3c333 .7px,transparent .7px);background-size:7px 7px}.intro{margin-top:43px;margin-bottom:42px}.intro h1{font-size:clamp(39px,4.6vw,61px)}.entry{background:#fffdf7;padding:34px 42px 30px;box-shadow:0 2px 4px #30372e06,0 14px 36px #30372e06;border:1px solid #e4dfd2}.entry-stamp{border-bottom:1px dashed #d2cbbb;padding-bottom:19px;display:flex;flex-wrap:wrap;gap:7px 18px;font-size:11px;line-height:1.7;color:#686d60}.entry-stamp>span:first-child{width:100%;color:#414a38;font-size:12px}.entry-stamp time{font-size:10px}.stamp-location:before{content:'◦ ';color:#687353}.entry h2{margin-top:25px}.entry-body{max-width:none}.scrapbook-photo{position:relative;padding:11px 11px 8px;background:#fff;box-shadow:0 2px 9px #3536291c;transform:rotate(-.7deg);margin:36px 3px 38px;border:1px solid #ebe7dc}.scrapbook-photo:before{content:'';position:absolute;top:-12px;left:38%;width:85px;height:25px;background:#c5cbaa80;transform:rotate(3deg);z-index:1}.scrapbook-photo img{aspect-ratio:3/2}.scrapbook-photo figcaption{font:italic 13px/1.6 Georgia,serif;padding:11px 3px 4px}.scrapbook-photo .photo-label{font:9px/1.8 Arial,sans-serif;padding-top:2px}.archive-meta{display:block;font-size:10px;line-height:1.7;color:#717566;margin:0 0 9px}.archive-card img{padding:5px;background:#fff;box-shadow:0 2px 6px #30372e15;transform:rotate(-1deg)}
@media(max-width:1100px){.entry{padding:28px}}@media(max-width:650px){.intro{margin-top:39px;margin-bottom:25px}.intro h1{font-size:41px}.entry{padding:23px 20px;margin:0 -7px}.entry-stamp{gap:5px 10px}.entry-stamp>span:first-child{font-size:11px}.entry h2{font-size:31px}.scrapbook-photo{margin:30px 0 32px;padding:8px}.scrapbook-photo img{aspect-ratio:3/2}.scrapbook-photo figcaption{font-size:12px}.archive-meta{font-size:9px}.entry-body{font-size:17px}.date-rail .moment{max-width:45%}}

/* Keep diary photos at their intrinsic proportions at every screen size. */
.entry-photo img{width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.archive-card img{height:auto}
.archive-card>div{min-width:0}
.scrapbook-photo figcaption{overflow-wrap:anywhere}
@media(max-width:650px){.scrapbook-photo{transform:none}.scrapbook-photo figcaption{font-size:13px}}

/* A chronological stack of notes leads to each full diary entry. */
.journal-thread{max-width:820px;margin:0 auto 90px;padding:0 34px}
.journal-thread ol{list-style:none;margin:0;padding:0 0 0 30px;border-left:1px solid #d4cebd}
.journal-thread li{position:relative;margin:0 0 32px}
.journal-thread li:before{content:'';position:absolute;left:-35px;top:35px;width:9px;height:9px;border-radius:50%;background:#909576;box-shadow:0 0 0 5px var(--paper)}
.journal-note{position:relative;display:block;background:#f4ecc8;padding:30px 34px 25px;box-shadow:1px 5px 12px #46433112,0 1px 2px #4643310a;border-bottom-right-radius:22px 5px;transition:box-shadow .15s,background .15s}
.journal-thread li:nth-child(3n+2) .journal-note{background:#e7ebd9}
.journal-thread li:nth-child(3n) .journal-note{background:#f2e3d9}
.journal-note:before{content:'';position:absolute;width:68px;height:18px;top:-8px;left:calc(50% - 34px);background:#fdfbf3aa;border:1px solid #d8d2bd33;transform:rotate(-3deg)}
.note-time{display:block;color:#68705b;font:10px/1.8 Arial,sans-serif;letter-spacing:.45px}
.journal-note h2{font:italic 30px/1.22 Georgia,serif;letter-spacing:-.5px;margin:13px 0 12px}
.journal-note p{font:16px/1.7 Georgia,serif;margin:0;color:#4c5145;overflow-wrap:anywhere}
.note-open{display:block;margin-top:20px;color:#697254;font-size:10px;letter-spacing:.7px}
.journal-note:hover{box-shadow:1px 8px 18px #46433120}
.detail-nav{margin:0 6% 22px;color:#697254;font-size:12px}
.detail-nav a:hover{text-decoration:underline}
@media(max-width:650px){.journal-thread{padding:0;margin:0 6% 65px}.journal-thread ol{padding-left:17px}.journal-thread li{margin-bottom:26px}.journal-thread li:before{left:-22px;top:28px}.journal-note{padding:25px 21px 22px}.journal-note h2{font-size:27px}.journal-note p{font-size:16px}.note-time{font-size:10px;line-height:1.7}.detail-nav{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.journal-note{transition:none}}

/* A tucked-in introduction, kept separate from the dated diary. */
.site-header nav{font-size:14px;gap:28px}
.bio-intro{margin-bottom:40px}
.bio-layout{display:grid;grid-template-columns:240px minmax(0,740px);align-items:start;gap:48px;max-width:1060px;margin:0 auto 90px;padding:0 24px}
.bio-note{position:relative;margin-top:20px;padding:30px 25px 23px;background:#e7ebd9;box-shadow:1px 5px 12px #46433112;transform:rotate(-1deg)}
.bio-note:before{content:'';position:absolute;width:70px;height:20px;top:-9px;left:calc(50% - 35px);background:#fdfbf3b3;border:1px solid #d8d2bd33;transform:rotate(3deg)}
.bio-note-label,.bio-page-label{font:12px/1.7 Arial,sans-serif;color:#626b54;letter-spacing:1px}
.bio-note dl{margin:24px 0}.bio-note dl>div+div{margin-top:18px}.bio-note dt{font:12px/1.7 Arial,sans-serif;color:#626b54}.bio-note dd{margin:3px 0 0;font:18px/1.5 Georgia,serif}.bio-note p{margin:25px 0 0;padding-top:18px;border-top:1px dashed #b9c0a8;font:italic 16px/1.7 Georgia,serif}
.bio-page{padding:34px 40px}.bio-page h2{font-size:44px;margin:15px 0 25px}.bio-page h3{font:normal 25px/1.35 Georgia,serif;margin:36px 0 18px}.bio-page .entry-body{font-size:18px;overflow-wrap:break-word}.bio-page .entry-end{font-size:14px;gap:24px}
@media(max-width:900px){.bio-layout{grid-template-columns:190px minmax(0,1fr);gap:28px;margin-left:3%;margin-right:3%;padding:0}.bio-note{padding:27px 20px}.bio-page{padding:28px}.site-header{gap:20px}.site-header nav{gap:20px}}
@media(max-width:650px){.site-header{height:auto;min-height:124px;gap:12px;padding:18px 0 14px;justify-content:space-between}.site-header .wordmark{flex:1 0 100%}.site-header nav{order:3;margin-left:0;gap:25px;flex-wrap:wrap;font-size:14px}.site-header .private{top:27px;left:auto;right:0;padding:0;font-size:9px;max-width:92px;line-height:1.5}.bio-intro{margin-top:33px;margin-bottom:30px}.bio-layout{display:flex;flex-direction:column;gap:28px;margin:0 6% 65px;padding:0}.bio-note{transform:none;width:100%;margin:0;padding:24px}.bio-note dl{display:flex;flex-wrap:wrap;gap:16px 30px;margin:18px 0}.bio-note dl>div+div{margin:0}.bio-note p{margin-top:18px}.bio-page{margin:0;width:100%;padding:25px 21px}.bio-page h2{font-size:37px}.bio-page .entry-body{font-size:17px}.bio-page h3{font-size:24px}.bio-page .entry-end{flex-wrap:wrap}.bio-intro h1{font-size:40px}.bio-page-label{letter-spacing:.5px}}

/* A few pen-written directions on the same diary paper. Self-hosted font. */
@font-face{font-family:"Journal Pen";src:url('/assets/fonts/dancing-script.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
.entry-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;margin-top:22px;padding-top:2px;font:500 27px/1.25 "Journal Pen","Segoe Print","Bradley Hand",cursive}
.entry-navigation .entry-page{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:10px 8px;border:0;background:transparent;color:#48543d;text-align:center;transform:rotate(-.7deg)}
.entry-navigation .entry-home{padding-inline:18px;transform:rotate(.6deg)}
.entry-navigation .entry-next{flex-direction:row-reverse;transform:rotate(.5deg)}
.entry-navigation a span:last-child,.entry-navigation .entry-home{text-decoration:underline;text-decoration-color:#a0a58b;text-decoration-thickness:1px;text-underline-offset:6px}
.entry-navigation .entry-page>span[aria-hidden]{font:21px/1 Georgia,serif}
.entry-navigation a:hover{color:#303b28}
.entry-navigation a:hover span:last-child,.entry-navigation .entry-home:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}
.entry-navigation a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.entry-navigation .unavailable{color:#929589;transform:none}
.missing-entry-home{display:inline-flex;align-items:center;min-height:48px;padding:10px 0}
@media(max-width:650px){.entry-navigation{gap:7px;font-size:24px}.entry-navigation .entry-page{min-height:56px;padding:10px 5px;gap:5px}.entry-navigation .entry-home{padding-inline:10px}}
@media(max-width:380px){.entry-navigation{font-size:23px}.entry-navigation .entry-page>span[aria-hidden]{display:none}}