body[data-blog] main.blog{padding-top:calc(var(--hdr) + 40px);padding-bottom:70px;background:var(--paper)}
.bwrap{width:min(760px,100% - 40px);margin-inline:auto}
.bwide{width:min(1180px,100% - 40px);margin-inline:auto}
.bcrumb{font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}
.bcrumb a{text-decoration:none;color:var(--blue)}
.blog h1{font:500 clamp(34px,5.2vw,56px)/1.08 var(--serif);color:var(--ink);margin:0 0 16px;letter-spacing:-.01em}
.bmeta,.bdate{font:500 13px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.bhero{margin:26px 0 8px;border-radius:6px;overflow:hidden}
.bhero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.prose{font:400 18px/1.75 var(--sans);color:var(--ink);margin-top:30px}
.prose h2{font:500 clamp(26px,3.4vw,34px)/1.2 var(--serif);margin:44px 0 14px;color:var(--ink)}
.prose h3{font:700 19px/1.3 var(--sans);margin:28px 0 8px}
.prose p{margin:0 0 18px} .prose ul,.prose ol{margin:0 0 20px;padding-left:22px;list-style:revert} .prose li{margin:0 0 8px}
.prose a{color:var(--blue);text-underline-offset:3px}
.prose blockquote{margin:28px 0;padding:6px 0 6px 20px;border-left:3px solid var(--blue);font:italic 500 22px/1.45 var(--serif)}
.bcta{margin:46px 0 0;padding:28px;border:1px solid var(--line);background:var(--white);border-radius:6px}
.bcta h2{font:500 28px/1.2 var(--serif);margin:0 0 10px} .bcta p{margin:0 0 16px;font:400 17px/1.6 var(--sans)}
.bcta .row{display:flex;flex-wrap:wrap;gap:12px}
.bmore{margin-top:56px} .bmore h2{font:500 28px/1.2 var(--serif);margin:0 0 20px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.bcard{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink)}
.bcard .bimg{display:block;overflow:hidden;border-radius:6px;aspect-ratio:3/2;background:var(--white)}
.bcard img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bcard:hover img{transform:scale(1.04)}
.bcard .btitle{font:500 24px/1.2 var(--serif)} .bcard .bex{font:400 16px/1.55 var(--sans);color:var(--blue)}
.bintro{font:400 19px/1.6 var(--sans);color:var(--blue);max-width:640px;margin:0 0 36px}
body[data-blog] .hdr{background:rgba(12,26,47,.97)!important;box-shadow:0 1px 0 rgba(255,255,255,.08)}