.blog-list{padding:48px 0 96px}.post-entry{column-gap:var(--gutter);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(12,1fr);align-items:start;padding:24px 0;transition:opacity .3s;display:grid}.post-entry:hover{opacity:.7}.post-entry-cover{grid-column:1/5}.post-entry-cover img{border:1px solid var(--border-color);width:100%;height:auto;display:block}.post-entry-text{grid-column:5/13}.post-entry-meta,.post-meta,.post-back{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--text-body);opacity:.6;font-size:.7rem;line-height:16px}.post-entry-meta{margin-bottom:8px}.post-entry-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-tagline);margin-bottom:8px;font-size:2rem;font-weight:400;line-height:40px}.post-entry-desc{opacity:.7;max-width:560px;font-size:.9rem;line-height:24px}.post{max-width:792px;padding:48px 0 96px}.post-back{margin-bottom:24px;display:inline-block}.post-back:hover{opacity:1}.post-meta{margin-bottom:16px}.post-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-tagline);margin-bottom:16px;font-size:3.5rem;font-weight:400;line-height:64px}.post-subtitle{font-family:var(--font-display);opacity:.7;margin-bottom:48px;font-size:1.25rem;font-style:italic;line-height:32px}.post-body p{margin-bottom:24px;font-size:1rem;line-height:24px}.post-body h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-tagline);margin:48px 0 16px;font-size:2rem;font-weight:400;line-height:40px}.post-body h3{font-family:var(--font-display);color:var(--text-tagline);margin:32px 0 8px;font-size:1.5rem;font-weight:400;line-height:32px}.post-body pre{border:1px solid var(--border-color);margin:0 0 24px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:24px;position:relative;overflow-x:auto}.post-body pre:before{content:attr(data-lang);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;opacity:.5;font-size:.65rem;position:absolute;top:8px;right:16px}.post-body figure{margin:32px 0}.post-body figure img{border:1px solid var(--border-color);width:100%;height:auto;display:block}.post .post-back:last-child{margin:48px 0 0}@media (width<=768px){.blog-list{padding:24px 0 64px}.post-entry{display:block}.post-entry-cover{margin-bottom:16px}.post{padding:24px 0 64px}.post-title{font-size:2rem;line-height:40px}}