.post-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.post-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--glass-1),var(--glass-2));border-radius:6px;transition:border-color .2s,transform .2s;overflow:hidden}.post-card:hover{border-color:var(--blue);transform:translateY(-3px)}.post-card-link{flex-direction:column;height:100%;display:flex}.post-card-media{aspect-ratio:16/10;background:var(--navy);position:relative;overflow:hidden}.post-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.post-card:hover .post-card-media img{transform:scale(1.03)}.post-card-mark{background:var(--cyan);opacity:.7;width:18px;height:18px;margin:-9px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.post-card-body{flex-direction:column;flex:1;gap:10px;padding:22px 22px 24px;display:flex}.post-card-body time{color:var(--cyan);font-size:11px}.post-card-body h3{font-size:21px}.post-card-body p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:15px;display:-webkit-box;overflow:hidden}.post-card-body b{font:400 12px var(--font-plex-mono);color:var(--blue-hi);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.article-header{max-width:860px;padding-top:150px}.article-header .text-link,.article-meta{margin-bottom:20px}.article-header h1{font-size:clamp(36px,5vw,58px)}.article-lead{font:300 clamp(19px,2vw,23px)/1.5 var(--font-sora);color:var(--muted);max-width:60ch;margin:24px 0 0}.article-author{font:12px var(--font-plex-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:24px 0 0}.article-author span{color:var(--text)}.article-hero{max-width:1200px;margin:56px auto 0}.article-hero img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:100%;height:auto;max-height:640px;display:block}.article-content{max-width:780px;margin:56px auto 0;padding-bottom:24px}.article-body{color:var(--text);font-size:18px;line-height:1.75}.article-body>*{margin:0 0 1.15em}.article-body p{color:var(--text);opacity:.92}.article-body h2{margin:1.9em 0 .6em;font-size:clamp(26px,3vw,32px)}.article-body h3{margin:1.7em 0 .5em;font-size:22px}.article-body h4{font:500 17px var(--font-plex-sans);text-transform:uppercase;letter-spacing:.06em;margin:1.6em 0 .5em}.article-body ul,.article-body ol{padding-left:1.4em}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin:.35em 0}.article-body li>p{margin:0}.article-body li::marker{color:var(--cyan)}.article-body blockquote{border-left:2px solid var(--cyan);font:300 22px/1.5 var(--font-sora);margin:1.8em 0;padding:4px 0 4px 24px}.article-body blockquote p{opacity:1;margin:0}.article-body code{font:15px var(--font-plex-mono);background:var(--tint);border:1px solid var(--line);border-radius:3px;padding:1px 5px}.article-body pre{background:var(--navy);border:1px solid var(--line);border-radius:6px;padding:18px 20px;overflow-x:auto}.article-body pre code{background:0 0;border:0;padding:0}.article-body hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.article-body figure{margin:2em 0}.article-body figure img{border:1px solid var(--line);border-radius:6px;max-width:100%;height:auto;display:block}.article-body figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}.article-body a{word-break:break-word}@media (max-width:1023px){.post-grid{grid-template-columns:repeat(2,1fr)}.article-header{padding-top:120px}}@media (max-width:767px){.post-grid{grid-template-columns:1fr}.article-body{font-size:17px}.article-hero{margin-top:36px}.article-hero img{border-inline:0;border-radius:0}.article-hero.container{padding-inline:0}.article-content{margin-top:36px}}