.reading{max-width:68ch}.page-intro{opacity:0;padding:60px 0 40px;animation:.8s .1s forwards fadeUp;transform:translateY(20px)}.page-intro h1{letter-spacing:-.02em;font-family:Instrument Serif,serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:400;line-height:1.15}.page-intro p{color:var(--text-secondary);max-width:560px;margin-top:20px;font-size:1.05rem}.post-list{opacity:0;padding:40px 0 20px;list-style:none;animation:.8s .35s forwards fadeUp}.post-list li+li{border-top:1px solid var(--border);margin-top:8px}.post-item{color:inherit;padding:32px 0;text-decoration:none;display:block}.post-item .post-date{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dim);font-size:.72rem}.post-item h2{color:var(--text-primary);margin-top:10px;font-family:Instrument Serif,serif;font-size:1.75rem;font-weight:400;line-height:1.25;transition:color .3s}.post-item p{color:var(--text-secondary);margin-top:12px;font-size:1rem;line-height:1.75}.post-item .more{letter-spacing:.04em;color:var(--accent);opacity:.75;margin-top:16px;font-size:.82rem;transition:opacity .3s;display:inline-block}.post-item:hover h2{color:var(--accent)}.post-item:hover .more{opacity:1}.empty-state{color:var(--text-secondary);padding:40px 0}.post-header{opacity:0;padding:60px 0 32px;animation:.8s .1s forwards fadeUp;transform:translateY(20px)}.post-header h1{letter-spacing:-.02em;margin-top:14px;font-family:Instrument Serif,serif;font-size:clamp(2.2rem,5.2vw,3.1rem);font-weight:400;line-height:1.15}.post-meta{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dim);font-size:.72rem}.post-meta .updated{color:var(--text-secondary);text-transform:none;letter-spacing:.04em}.prose{color:var(--text-body);opacity:0;padding-bottom:40px;font-size:1.0625rem;line-height:1.85;animation:.8s .3s forwards fadeUp}.prose>*+*{margin-top:1.35em}.prose h2{letter-spacing:-.01em;color:var(--text-primary);margin-top:2.4em;margin-bottom:-.35em;font-family:Instrument Serif,serif;font-size:1.7rem;font-weight:400;line-height:1.25}.prose h3{color:var(--text-primary);margin-top:2em;margin-bottom:-.4em;font-family:Instrument Serif,serif;font-size:1.3rem;font-weight:400}.prose strong{color:var(--text-primary);font-weight:500}.prose em{font-style:italic}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px #6e8efb59;transition:text-decoration-color .3s,opacity .3s}.prose a:hover{text-decoration-color:var(--accent);opacity:.85}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.5em}.prose li::marker{color:var(--accent-dim)}.prose blockquote{border-left:1px solid var(--accent-dim);color:var(--text-secondary);padding-left:24px;font-style:italic}.prose code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;font-size:.9rem;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border:none;padding:0}.prose img{border:1px solid var(--border);border-radius:12px;max-width:100%;height:auto}.prose hr{background:linear-gradient(90deg, var(--border), transparent);border:0;height:1px;margin-top:3em}.prose hr+p{color:var(--text-secondary);margin-top:1.6em;font-size:.92rem;line-height:1.75}.post-nav{border-top:1px solid var(--border);opacity:0;justify-content:space-between;gap:24px;padding:32px 0 0;animation:.8s .45s forwards fadeUp;display:flex}.post-nav a{max-width:46%;color:var(--text-secondary);font-size:.95rem;line-height:1.5;text-decoration:none;transition:color .3s}.post-nav a:hover{color:var(--accent)}.post-nav .direction{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dim);margin-bottom:6px;font-size:.7rem;display:block}.post-nav .next{text-align:right;margin-left:auto}.back-link{letter-spacing:.04em;color:var(--text-secondary);padding:40px 0 0;font-size:.82rem;text-decoration:none;transition:color .3s;display:inline-block}.back-link:hover{color:var(--accent)}.feed-link{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.78rem;text-decoration:none;transition:color .3s}.feed-link:hover{color:var(--accent)}@media (width<=640px){.post-nav{flex-direction:column}.post-nav a{max-width:100%}.post-nav .next{text-align:left;margin-left:0}}