.blog-hero{min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;padding-top:140px;padding-bottom:4rem;border-bottom:1px solid var(--line)}.blog-hero span,.post-category{color:#777;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.blog-hero h1{margin:.8rem 0 1.2rem;font-size:clamp(4.5rem,9vw,9rem);line-height:.82;letter-spacing:-.07em;font-weight:400}.blog-hero p{max-width:590px;color:#999;line-height:1.65}.post-list{padding-top:2rem;padding-bottom:6rem}.post-card{display:grid;grid-template-columns:90px 1fr 220px 32px;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line)}.post-card time{color:#666;font-size:.68rem}.post-card h2{margin:.5rem 0;font-size:2.5rem;line-height:1;font-weight:400;letter-spacing:-.04em}.post-card p{max-width:650px;color:#888;line-height:1.55}.post-card figure{height:150px;margin:0;overflow:hidden;border-radius:6px}.post-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45) brightness(.65);transition:.5s}.post-card:hover img{transform:scale(1.04);filter:grayscale(0) brightness(.75)}.article-hero{padding-top:170px;padding-bottom:4rem;border-bottom:1px solid var(--line)}.article-hero h1{max-width:1050px;margin:1rem 0;font-size:clamp(3.8rem,7vw,7rem);line-height:.92;letter-spacing:-.06em;font-weight:400}.article-hero .lead{max-width:720px;color:#aaa;font-size:1.15rem;line-height:1.6}.article-meta{display:flex;gap:2rem;color:#666;font-size:.7rem}.article-cover{height:min(65vw,700px);margin:3rem 0 0;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.article-body{max-width:760px;padding-top:5rem;padding-bottom:7rem}.article-body h2{margin-top:3.5rem;font-size:2.2rem;font-weight:400}.article-body p,.article-body li{color:#aaa;font-size:1rem;line-height:1.85}.article-body blockquote{margin:3rem 0;padding:2rem;border-left:2px solid #aaa;color:#ddd;font-size:1.4rem;line-height:1.5}.article-back{display:inline-block;margin-bottom:2rem;color:#888;font-size:.7rem;text-transform:uppercase}@media(max-width:700px){.post-card{grid-template-columns:50px 1fr}.post-card figure{grid-column:1/-1;height:260px}.post-card>b{display:none}.post-card h2{font-size:2rem}.article-cover{height:70vh}}
