.projects__grid{gap:var(--sp-5);grid-template-columns:repeat(12,1fr);display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(3px);transition:transform .4s var(--ease), border-color .3s, box-shadow .4s;flex-direction:column;grid-column:span 4;display:flex;position:relative;overflow:hidden}.project-card[hidden]{display:none}.project-card:hover{border-color:#00ffa373;transform:translateY(-6px);box-shadow:0 24px 60px -20px #00ffa32e}.project-card__cover{aspect-ratio:16/10;background:var(--bg-2);display:block;position:relative;overflow:hidden}.cover-image{object-fit:cover;width:100%;height:100%;display:block}.project-card__cover .cover-image{transition:transform .6s var(--ease)}.project-card:hover .project-card__cover .cover-image{transform:scale(1.01)}.project-card__body{padding:var(--card-pad);gap:var(--card-gap);flex-direction:column;flex:1;display:flex}.project-card__meta{font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.project-card__meta .status{color:var(--accent);padding:var(--sp-1) var(--sp-2);background:var(--accent-soft);border:1px solid #00ffa34d;border-radius:99px;font-size:11px}.project-card h3{margin:var(--sp-5) 0 0;letter-spacing:-.01em;font-size:1.22rem;font-weight:600}.project-card h3 a,.post-card h3 a{color:var(--text);transition:color .2s}.project-card h3 a:hover,.post-card h3 a:hover{color:var(--accent)}.project-card h3 a:after{content:"";z-index:1;position:absolute;inset:0}.project-card__cover,.project-card__links a{z-index:2;position:relative}.project-card p{margin:0 0 var(--sp-2);color:var(--muted);flex:1;font-size:.94rem}.project-card__tags,.post-card__tags{gap:var(--sp-2);flex-wrap:wrap;display:flex}.project-card__tags span,.post-card__tags span{font-family:var(--font-mono);color:hsl(var(--tag-h,0), 90%, 80%);border:1px solid hsl(var(--tag-h,0), 90%, 62%, .28);background:hsl(var(--tag-h,0), 90%, 62%, .12);padding:var(--sp-1) var(--sp-2);border-radius:999px;font-size:11px}.project-card__links{align-items:center;gap:var(--sp-4);margin-top:var(--sp-2);display:flex}.project-card__links .card-link,.post-card .read-more{isolation:isolate;font-family:var(--font-mono);color:var(--text);border:1px solid var(--border-strong);transform-origin:50%;background-color:#ffffff05;background-image:linear-gradient(120deg, #00ffa338, var(--accent-soft));transition:color .25s var(--ease), border-color .3s, transform .25s var(--ease), box-shadow .35s var(--ease), background-size .45s var(--ease);background-position:0;background-repeat:no-repeat;background-size:0% 100%;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.project-card__links .card-link:hover,.post-card .read-more:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow);background-size:100% 100%;transform:scale(1.01)}.project-card__links .card-link:active,.post-card .read-more:active{transform:scale(.97)}.project-card__links .card-link svg{width:15px;height:15px}.project-card__links a:not(.card-link){font-family:var(--font-mono);color:var(--muted);align-items:center;gap:6px;font-size:13px;transition:color .2s;display:inline-flex}.project-card__links a:not(.card-link):hover{color:var(--accent)}.project-card__links a:not(.card-link) svg{width:14px;height:14px}.blog-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.post-card{border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(14px);padding:var(--card-pad);transition:transform .4s var(--ease), border-color .3s, box-shadow .4s;gap:var(--card-gap);background:#10101a8c;flex-direction:column;grid-column:span 4;display:flex}.post-card__cover{aspect-ratio:16/10;border:1px solid var(--border);background:var(--bg-2);border-radius:12px;margin-bottom:10px;display:block;overflow:hidden}.post-card__cover .cover-image{transition:transform .5s var(--ease)}.post-card:hover .post-card__cover .cover-image{transform:scale(1.05)}.post-card:hover{border-color:#7c5cff80;transform:translateY(-5px);box-shadow:0 24px 60px -24px #7c5cff4d}.post-card__meta{font-family:var(--font-mono);color:var(--muted-2);align-items:center;gap:12px;font-size:12px;display:flex}.post-card__meta time,.post-hero__meta time{color:var(--accent)}.post-card h3{margin:var(--sp-5) 0 0;letter-spacing:-.01em;font-size:1.2rem;font-weight:600;line-height:1.3}.post-card p{margin:0 0 var(--sp-2);color:var(--muted);flex:1;font-size:.93rem}.post-card__tags{margin-top:0}.post-card .read-more{align-self:flex-start;margin-top:6px}.post-card .read-more svg{width:15px;height:15px}.post-hero .project-card__tags,.project-hero .project-card__tags{margin-top:22px}.project-card__tags span,.post-card__tags span,.project-hero__tags span,.chip{background:hsl(var(--tag-h,0), 90%, 62%, .13);border:1px solid hsl(var(--tag-h,0), 85%, 66%, .34);color:hsl(var(--tag-h,0), 90%, 80%);border-radius:999px}@media (width<=900px){.project-card,.post-card{grid-column:span 6}}@media (width<=768px){.project-card,.post-card{grid-column:span 12}}