header.page{padding-block:150px 70px}
header.page p{margin-top:22px;font-size:1.15rem}
.posts{display:grid;gap:0;padding-bottom:14vh}
.post{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,6vw,80px);align-items:center;padding-block:44px;border-top:1px solid var(--rule);text-decoration:none}
.post:last-child{border-bottom:1px solid var(--rule)}
.post .meta{font-size:.9rem;color:var(--ink-soft);text-transform:lowercase}
.post h2{font-size:clamp(2rem,4.6vw,3.8rem);margin-top:10px}
.post p{margin-top:16px;color:var(--ink-soft)}
.post .more{display:inline-block;margin-top:20px;font-weight:700;text-transform:lowercase;border-bottom:2px solid var(--ink)}
.post:hover h2{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.post.soon{opacity:.55;pointer-events:none}
@media (max-width:760px){.post{grid-template-columns:1fr}}