@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
:root{--clay:#b5603a;--ink:#33251e;--paper:#faf6f0;--line:#e6dccd;--blue:#46687a}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.06rem/1.7 Fraunces,Georgia,"Times New Roman",serif}
a{color:var(--clay)}
a:hover{color:var(--blue)}
.mast{text-align:center;padding:2.4rem 1rem 1rem;border-bottom:1px solid var(--line)}
.mast__name{font-size:2.3rem;font-weight:650;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.mast__tag{margin:.2rem 0 1rem;font-style:italic;color:#7b6556}
.nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:.3rem 1.6rem}
.nav a{text-decoration:none;color:var(--ink);font-size:.95rem;padding-bottom:.15rem}
.nav a.on{border-bottom:2px solid var(--clay)}
.wrap{max-width:46rem;margin:0 auto;padding:2rem 1.2rem 3.5rem}
.wide{max-width:64rem}
.hero{margin:0 0 2rem}
.hero img,.post img{width:100%;height:auto;display:block;border-radius:6px}
.hero p{font-size:.85rem;color:#8a7464;margin:.4rem 0 0;font-style:italic}
.intro{font-size:1.2rem;line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2rem 1.6rem;margin:1.5rem 0 0;padding:0;list-style:none}
.cards a{color:inherit;text-decoration:none}
.cards img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.cards h3{margin:.7rem 0 .15rem;font-size:1.2rem;line-height:1.3}
.cards p{margin:0;color:#6d594b;font-size:.97rem}
.when{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#9a8270}
.post h1{font-size:2.2rem;line-height:1.15;margin:.3rem 0 1.2rem;font-weight:650}
.post h2{font-size:1.3rem;margin:2rem 0 .3rem;font-weight:600}
.post figure{margin:0 0 1.6rem}
.pager{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem;font-size:.95rem}
.list{list-style:none;padding:0}
.list li{padding:.6rem 0;border-bottom:1px dotted var(--line);display:grid;grid-template-columns:8.5rem 1fr;gap:1rem}
.list time{color:#9a8270;font-size:.9rem}
table{width:100%;border-collapse:collapse;font-size:.95rem}
td,th{padding:.55rem .5rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-weight:600;color:var(--blue)}
.foot{text-align:center;color:#8a7464;font-size:.85rem;padding:1.5rem 1rem 2.5rem;border-top:1px solid var(--line)}
@media (max-width:40rem){.mast__name{font-size:1.8rem}.list li{grid-template-columns:1fr;gap:0}}
