:root{--sky:#E8ECF1;--ink:#1B2430;--muted:#566275;--dusk:#6B4E71;--glow:#F3DCC8;--line:#C5CEDA}
@media (prefers-color-scheme:dark){:root{--sky:#161C26;--ink:#E6EAF0;--muted:#9AA6B8;--dusk:#C3A1C9;--glow:#3A2F3F;--line:#2E3745}}
*{box-sizing:border-box}
html{font-size:18px}
body{margin:0;background:var(--sky);color:var(--ink);font-family:"Literata",Georgia,serif;line-height:1.75}
h1,h2,h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:1.15;margin:0 0 .5em}
a{color:var(--dusk);text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--dusk);outline-offset:3px}
.wrap{max-width:38rem;margin:0 auto;padding:0 1.25rem}
header.site{display:flex;justify-content:space-between;align-items:baseline;max-width:52rem;margin:0 auto;padding:1.25rem}
header.site .brand{font-family:"Instrument Serif",Georgia,serif;font-size:1.4rem;color:var(--ink);text-decoration:none}
header.site nav a{margin-left:1.4rem;color:var(--muted);text-decoration:none}
header.site nav a[aria-current]{color:var(--ink);border-bottom:1px solid var(--dusk)}
.hero{background:linear-gradient(var(--sky) 0%,var(--glow) 100%);padding:6rem 0 0;border-bottom:1px solid var(--dusk)}
.hero h1{font-size:clamp(3.4rem,15vw,8rem);letter-spacing:.01em;margin:0}
.hero .say{color:var(--muted);font-style:italic;margin:0 0 2.5rem}
.hero .def{font-size:1.2rem;padding-bottom:4rem;margin:0}
section.block{padding:3.5rem 0 1rem}
section.block h2{font-size:2rem}
.btn{display:inline-block;margin-top:.5rem;padding:.6rem 1.2rem;border:1px solid var(--dusk);color:var(--ink);text-decoration:none}
.btn:hover{background:var(--dusk);color:var(--sky)}
.posts{list-style:none;padding:0;margin:2rem 0}
.posts li{padding:1.2rem 0;border-top:1px solid var(--line)}
.posts a{font-family:"Instrument Serif",Georgia,serif;font-size:1.6rem;text-decoration:none;color:var(--ink)}
.posts a:hover{color:var(--dusk)}
.posts p{margin:.2rem 0 0;color:var(--muted)}
.date{color:var(--muted);font-size:.85rem}
article h1{font-size:clamp(2.4rem,8vw,3.6rem);margin-top:3rem}
article p{margin:0 0 1.4em}
.soon{border-left:2px solid var(--dusk);padding-left:1rem;margin:1.5rem 0}
footer{max-width:38rem;margin:5rem auto 0;padding:2rem 1.25rem 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}