/* articles */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}
.card{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}
.card:hover{color:var(--ink)}
.card:hover h3{color:var(--brass)}
.card .thumb{aspect-ratio:16/10;background:var(--line);overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .thumb.empty{background:var(--ink);display:flex;align-items:flex-end;padding:16px;color:var(--gold);font-family:var(--serif);font-size:1.1rem}
.card h3{margin:0;font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1.25}
.card p{margin:0;color:var(--text2);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .more{font-size:.9rem;font-weight:600}
.more-row{display:flex;justify-content:center;margin-top:48px}
.btn-line{background:transparent;border:1px solid var(--ink);color:var(--ink)}.btn-line:hover{background:var(--ink);color:var(--ground)}
.article{max-width:760px;margin:0 auto}
.article h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.12}
.article .cover{margin:32px 0;overflow:hidden;background:var(--line)}
.article .cover img{width:100%;height:auto;max-height:70vh;object-fit:cover}
.prose{font-size:1.06rem;line-height:1.75;color:#24313D}
.prose p{margin:0 0 1.1em}
.prose h2,.prose h3,.prose h4{font-family:var(--serif);font-weight:400;margin:1.6em 0 .6em;line-height:1.25}
.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.1em}
.prose li{margin:.3em 0}
.prose a{color:var(--brass);word-break:break-word}
.prose img{max-width:100%;height:auto}
.prose blockquote{margin:1.2em 0;padding-left:1em;border-left:3px solid var(--gold);color:var(--text2)}
.back{display:inline-block;margin-bottom:24px;font-size:.95rem}
.note{margin-top:48px;padding:20px 24px;background:var(--paper);border:1px solid var(--line);font-size:.92rem;color:var(--text2)}