.blog-home-hero{max-width:1320px;margin:auto;padding:5.5rem 2.2rem 4rem;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:5rem;align-items:end}
.blog-home-hero h1{font:400 clamp(3.6rem,8vw,7.2rem)/.92 var(--display);letter-spacing:-.04em;margin:.8rem 0 1.25rem}.blog-home-hero h1 em{font-family:var(--serif);font-weight:400;color:var(--petrol)}
.blog-home-hero p{max-width:720px;font:400 1.25rem/1.65 var(--serif);color:#514d46}.blog-home-hero blockquote{margin:0;padding:2rem 0 0 2rem;border-left:1px solid var(--accent);font:italic 400 1.55rem/1.4 var(--serif)}.blog-home-hero cite{display:block;margin-top:1rem;font:600 .65rem var(--sans);letter-spacing:.12em;color:var(--muted)}
.post-thumb.text-art{min-height:200px;display:flex;align-items:flex-end;padding:1.25rem;background:linear-gradient(145deg,#123f3b,#248a81);color:#fff;overflow:hidden;position:relative}.post-thumb.text-art:before{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.28);border-radius:50%;right:-45px;top:-55px}.post-thumb.text-art span{font:italic 500 1.3rem var(--serif);position:relative}
.blog-count{font-size:.72rem;color:var(--muted);margin:.7rem 0 0}.blog-count strong{color:var(--ink)}
.blog-empty{display:none;background:var(--card);padding:3rem;text-align:center;font:500 1.25rem var(--serif)}
.blog-empty.visible{display:block}.post-stream .static-post-card{display:grid}.static-post-card[hidden]{display:none!important}
.back-to-site{color:var(--accent)!important}.article-source{margin-top:2rem}.article-source a{text-decoration:underline}.article-actions{display:flex;gap:.7rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.article-actions a{border:1px solid var(--line);padding:.55rem .8rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.article-actions a:hover{background:var(--petrol);color:#fff}
@media(max-width:980px){.blog-home-hero{grid-template-columns:1fr;gap:2rem}.blog-home-hero blockquote{max-width:580px}.main-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}
@media(max-width:680px){.blog-home-hero{padding:3.5rem 1.1rem 2.5rem}.blog-home-hero h1{font-size:3.35rem}.blog-home-hero blockquote{display:none}.sidebar{grid-template-columns:1fr}.post-card{grid-template-columns:1fr}.post-thumb.text-art{min-height:180px}.article-actions{align-items:stretch}.article-actions a{width:100%;text-align:center}}