.listing-tags{border-bottom:var(--border) solid var(--ink);display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem var(--pad)}.listing{overflow:hidden}.post-grid{display:grid;margin-right:calc(var(--border)*-1)}@media (min-width:40rem){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.post-card{background:var(--paper);border-bottom:var(--border) solid var(--ink);border-right:var(--border) solid var(--ink);display:flex;flex-direction:column;position:relative;transition:background-color .16s}.post-card:hover{background:var(--white)}.post-card-media{aspect-ratio:16/10;background:var(--page);border-bottom:var(--border) solid var(--ink);display:block;overflow:hidden}.post-card-media img{display:block;filter:grayscale(.2) contrast(1.05);height:100%;object-fit:cover;transition:transform .3s ease-out,filter .3s;width:100%}.post-card:hover .post-card-media img{filter:none;transform:scale(1.03)}.post-card-media--empty{display:grid;filter:grayscale(1);font-size:3rem;place-items:center}.post-card-body{display:flex;flex:1;flex-direction:column;gap:.6rem;padding:1.25rem var(--pad) 1.5rem}.post-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.post-card-title{font-size:1.5rem;letter-spacing:0;line-height:1.05;text-transform:none}.post-card-title a{text-decoration:none}.post-card-title a:after{content:"";inset:0;position:absolute}.post-card:hover .post-card-title a{color:var(--red-text)}.post-card-summary{color:var(--muted);font-size:.9375rem;line-height:1.5}.post-card-author{margin-top:auto;padding-top:.5rem}.listing-empty{padding:3rem var(--pad);text-align:center}.pager{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem var(--pad)}.pager-count{text-align:center}.post-head{border-bottom:var(--border) solid var(--ink);padding:var(--pad);padding-left:calc(var(--pad) + 1rem)}.post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem}.post-headline{font-size:clamp(2.25rem,6vw,4.5rem);letter-spacing:-.02em;margin-top:1rem}.post-byline{align-items:center;display:flex;gap:.75rem;margin-top:1.5rem}.post-avatar{background:var(--white);border:var(--border) solid var(--ink);border-radius:50%;height:2.5rem;object-fit:cover;width:2.5rem}.post-avatar--letter{display:grid;font-family:var(--font-display);font-weight:800;place-items:center}.post-byline a{text-decoration:none}.post-byline a:hover{color:var(--red-text);text-decoration:underline}.post-figure{margin:calc(var(--pad)*-.5) auto 0;max-width:46rem;padding:var(--pad) var(--pad) 0}.post-figure .polaroid{transform:rotate(-1deg)}.post-figure .polaroid-frame{aspect-ratio:auto}.post-figure .polaroid-frame img{height:auto;position:static;width:100%}.post-body{margin-inline:auto;max-width:46rem;padding:var(--pad);padding-left:calc(var(--pad) + 1rem)}.post-foot{border-top:var(--border) solid var(--ink);gap:1rem;justify-content:space-between;padding:1rem var(--pad)}.post-foot,.post-share,.post-tags{align-items:center;display:flex;flex-wrap:wrap}.post-share,.post-tags{gap:.5rem}.author-card{align-items:start;display:grid;gap:1.25rem;grid-template-columns:auto minmax(0,1fr);padding:var(--pad)}.author-card .post-avatar{font-size:1.5rem;height:4rem;width:4rem}.author-card-name{font-size:1.5rem;letter-spacing:0;text-transform:none}.author-card-bio{color:var(--muted);line-height:1.55;margin-top:.5rem}.post-list,.post-row{display:grid}.post-row{align-items:center;border-bottom:var(--border) solid var(--rule);color:var(--ink);column-gap:1.25rem;grid-template-columns:auto minmax(0,1fr) auto;padding:1.125rem var(--pad);text-decoration:none;transition:background-color .16s}.post-row:last-child{border-bottom:0}@media (min-width:40rem){.post-row{column-gap:2rem}}.post-row:hover{background:var(--white)}.post-row:focus-visible{outline:3px solid var(--red);outline-offset:-4px}.post-date{display:grid;gap:.2rem;min-width:4.5rem}.post-date-year{color:var(--red-text);font-size:1.875rem}@media (min-width:40rem){.post-date-year{font-size:2.25rem}}.post-main{min-width:0}.post-title{display:block;font-size:1.25rem;letter-spacing:0;line-height:1.1;text-transform:none;text-wrap:balance}@media (min-width:40rem){.post-title{font-size:1.5rem}}.post-excerpt{color:var(--muted);display:block;font-size:.875rem;line-height:1.4;margin-top:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-empty{padding:1.5rem var(--pad)}.blog-rack{display:grid;gap:calc(var(--gutter)*1.5);margin-block:calc(var(--gutter)*1.5)}