.post{max-width:780px;padding-block:clamp(28px,5vw,56px) 40px}
.post h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:10px 0 8px}
.post h1 em{font-family:var(--script);font-style:normal;color:var(--accent);font-size:1.25em}
.post h2{font-size:1.5rem;margin:34px 0 8px;font-weight:400}
.post p{color:var(--ink);margin:0 0 14px;line-height:1.7}
.post .lead{font-size:1.15rem;color:var(--muted)}
.post .meta,.crumb{color:var(--muted);font-size:.9rem}
.crumb a{text-decoration:none;color:var(--muted)}.crumb a:hover{color:var(--ink)}
.post .hero{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);margin:18px 0 22px;box-shadow:var(--shadow)}
.post details{border-bottom:1px solid var(--line);padding-block:6px}
.post summary{cursor:pointer;font-family:var(--display);font-size:1.15rem;padding-block:10px}
.post-cta{background:var(--blush);border-radius:var(--r);padding:24px;margin-top:40px}
.post-cta h3{font-size:1.5rem;margin-bottom:8px}.post-cta .btn{margin:6px 8px 0 0}
.bgrid{display:grid;gap:22px;margin:26px 0}
.bcard{display:grid;grid-template-columns:200px 1fr;gap:20px;text-decoration:none;color:var(--ink);background:var(--surface);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s}
.bcard:hover{transform:translateY(-3px)}
.bcard img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.bcard div{padding:18px 18px 18px 0}.bcard h2{font-size:1.25rem;margin:0 0 6px}.bcard p{color:var(--muted);font-size:.95rem;margin:0 0 8px}.bcard span{font-size:.82rem;color:var(--accent);font-weight:600}
@media(max-width:560px){.bcard{grid-template-columns:1fr}.bcard div{padding:0 18px 18px}.bcard img{aspect-ratio:16/10}}
.navwa{padding:.55em 1.1em;font-size:.9rem}