.posts-title{border-bottom:calc(2 * var(--type-px)) solid var(--ink);font:700 var(--vt-18)/1.4 var(--font-pixel);-webkit-font-smoothing:none;margin:0;padding-bottom:18px}@media (width>=600px){.posts-title{font-size:var(--vt-27)}}.posts.wrap{max-width:calc(var(--col) + 2 * var(--gutter))}@media (width>=1100px){:root{--list-w:calc(33em + var(--px-preview,1.5px) * 304 + 48px + 2 * var(--gutter))}.posts.wrap{max-width:var(--list-w)}}.featured-read{font:700 var(--vt-18)/1.3 var(--font-pixel);-webkit-font-smoothing:none}.featured-read:after{content:"";width:calc(9 * var(--type-px));height:calc(9 * var(--type-px));clip-path:polygon(0 44%,56% 44%,56% 11%,67% 11%,67% 22%,78% 22%,78% 33%,89% 33%,89% 44%,100% 44%,100% 56%,89% 56%,89% 67%,78% 67%,78% 78%,67% 78%,67% 89%,56% 89%,56% 56%,0 56%);background:currentColor;margin-left:12px;display:inline-block}.recent{margin:0;padding:0;list-style:none}.post-row{scroll-margin-block:30vh}.post-link{color:inherit;background:0 0;gap:16px;padding:0;display:grid}.post-text{flex-direction:column;gap:10px;min-width:0;display:flex}.post-date{font:400 var(--vt-9)/1 var(--font-pixel);-webkit-font-smoothing:none;text-transform:uppercase;letter-spacing:var(--type-px);color:var(--muted)}.post-title{font:700 var(--vt-18)/1.5 var(--font-pixel);-webkit-font-smoothing:none;color:var(--ink);text-wrap:balance;overflow-wrap:break-word}.post-tagline{color:var(--muted);font-size:16px}.post-link:hover .post-title,.post-link:focus-visible .post-title{text-decoration:underline;-webkit-text-decoration-color:var(--c);text-decoration-color:var(--c);text-decoration-thickness:calc(2 * var(--type-px));text-underline-offset:calc(5 * var(--type-px))}.post-link:focus-visible{z-index:1;outline:none;position:relative}.post-link:focus-visible:after{content:"";z-index:1;outline:2px solid var(--focus);outline-offset:6px;pointer-events:none;position:absolute;inset:0}.post-room{width:calc(208 * var(--px-preview));height:calc(208 * var(--px-preview));pointer-events:none;line-height:0;display:block;position:relative}.recent:not([data-rooms]) .post-room{display:none}.post-room canvas{left:calc((104 - var(--ox)) * var(--px-preview));top:calc((104 - var(--oy)) * var(--px-preview));max-width:none;display:block;position:absolute}@media (width<=759px){.post-row{border-top:1px solid var(--line);padding-block:28px}.post-row:first-child{border-top:0}.post-link{grid-template-columns:minmax(0,1fr)}.post-room{order:-1;justify-self:unsafe center}}@media (width>=760px) and (width<=1099px){.post-link{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px;padding-block:12px}.post-row:first-child .post-link{border-top:0}}@media (width>=1100px){.recent[data-rooms]{--row:156;--shift:104;padding-block:calc(40 * var(--px-preview))}.recent[data-rooms] .post-link{grid-template-columns:minmax(0, 1fr) calc((208 + var(--shift)) * var(--px-preview));height:calc(var(--row) * var(--px-preview));column-gap:48px}.post-text{border-top:1px solid var(--line);padding-top:22px}.post-row:first-child .post-text{border-top:0}.post-title{font-size:var(--vt-27);line-height:1.34}.post-room{margin-top:calc((var(--row) / 2 - 104) * var(--px-preview));align-self:start}.post-row:nth-child(2n) .post-room{margin-left:calc(var(--shift) * var(--px-preview))}}
