.blog-main{min-height:100vh;padding:7rem 0}.blog-header{margin-bottom:1rem}.blog-back{letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin-bottom:2rem;font-size:.72rem;text-decoration:none;transition:color .2s;display:inline-block}.blog-back:hover{color:var(--white)}.blog-title{font-family:var(--font-display);letter-spacing:-.04em;word-break:break-word;margin-bottom:.75rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.blog-desc{color:var(--gray);font-size:.9rem}.blog-categories{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;display:flex}.blog-category{letter-spacing:.12em;text-transform:uppercase;color:var(--gray);cursor:pointer;background:0 0;border:1px solid #2a2a2a;padding:.3rem .7rem;font-size:.65rem;text-decoration:none;transition:color .2s,border-color .2s}.blog-category:hover,.blog-category--active{color:var(--white);border-color:#555}.blog-feed{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-feed-link{color:inherit;border-bottom:1px solid #1a1a1a;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:baseline;column-gap:1.5rem;padding:1.75rem 0;text-decoration:none;transition:border-bottom-color .2s;display:grid}.blog-feed-link:hover{border-bottom-color:#555}.blog-kind{letter-spacing:.15em;text-transform:uppercase;color:var(--gray);grid-row:1/span 2;align-self:center;padding:.25rem .5rem;font-size:.55rem}.blog-kind--post{border:1px solid #2a2a2a}.blog-kind--note{border:1px dashed #2a2a2a}.blog-feed-title{font-family:var(--font-display);letter-spacing:-.02em;grid-column:1;font-size:1.2rem;font-weight:600}.blog-feed-desc{color:var(--gray);grid-column:1;margin-top:.25rem;font-size:.78rem}.blog-feed-tags{letter-spacing:.1em;text-transform:uppercase;color:#555;pointer-events:none;grid-column:1;margin-top:.85rem;font-size:.58rem}.blog-feed-date{letter-spacing:.08em;color:var(--gray);white-space:nowrap;grid-area:1/3;align-self:start;font-size:.65rem}.blog-empty{color:var(--gray);padding:.5rem 0;font-size:.9rem}@media (max-width:1024px){.blog-main{padding:4rem 0}.blog-feed-link{grid-template-columns:3rem 1fr}.blog-feed-date{display:none}}