.blog-main{width:min(100% - 3rem,80rem);font-family:var(--font-sans);margin:0 auto;padding:4.5rem 0 5rem;font-size:16px;line-height:1.65}.blog-main a{color:inherit;-webkit-text-decoration-color:var(--dim);text-decoration-color:var(--dim);text-underline-offset:.22em}.blog-main a:hover{color:#fff;text-decoration-color:currentColor}.intro h1{color:#f4f4f4;font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:700;line-height:1.1}.posts{border-top:1px solid #262626;margin-top:2.25rem}.post{border-bottom:1px solid #262626;grid-template-columns:15rem minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.35rem 0;text-decoration:none;transition:background-color .2s;display:grid}.post--text{grid-template-columns:minmax(0,1fr)}.post:hover{background:0 0}.post:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.post-thumb{object-fit:cover;object-position:center;opacity:.88;width:100%;height:100%;transition:opacity .2s,transform .3s;display:block}.post-media{aspect-ratio:16/9;background:#080808;border:1px solid #242424;width:100%;transition:border-color .2s;overflow:hidden}.post:hover .post-media{border-color:#3a3a3a}.post:hover .post-thumb{opacity:1;transform:scale(1.02)}.post-copy{min-width:0}.post-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.72rem}.post h2{color:#ececec;font-family:var(--font-display);letter-spacing:-.015em;overflow-wrap:break-word;margin-top:.35rem;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:650;line-height:1.25;transition:color .2s}.post:hover h2{color:#fff}.post .meta{font-family:var(--font-mono);letter-spacing:.02em;color:#777;font-size:.72rem;transition:color .2s}.post:hover .meta{color:#999}.post .hook{color:#9a9a9a;overflow-wrap:break-word;max-width:40rem;margin-top:.55rem;font-size:.98rem;line-height:1.55}@media (max-width:760px){.blog-main{width:min(100% - 2rem,80rem);padding:3.5rem 0 4rem}.post{grid-template-columns:minmax(0,1fr);gap:.9rem;padding:1.2rem 0 1.35rem}.post-media{max-width:100%}.post h2{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.post,.post-media,.post-thumb,.post h2,.post .meta{transition:none}.post:hover .post-thumb{transform:none}}