.blog-thumb-frame{aspect-ratio:16/10;isolation:isolate;background:#15151a;background:lab(7.14082% .967696 -3.54143);border-radius:10px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c,inset 0 2px 7px #0000008c;box-shadow:inset 0 0 0 1px lab(0% 0 0/.55),inset 0 2px 7px lab(0% 0 0/.54902)}.blog-thumb-frame canvas,.blog-thumb-frame img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.blog-thumb-frame:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#ffffff12,#0000 34%),radial-gradient(125% 100% at 50% 42%,#0000 54%,#00000057);background:linear-gradient(lab(100% 0 0/.07),#0000 34%),radial-gradient(125% 100% at 50% 42%,#0000 54%,#00000057);position:absolute;inset:0}.blog-card{--blog-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");isolation:isolate;transition:transform var(--tct-duration)var(--tct-ease-spring),box-shadow var(--tct-duration)var(--tct-ease-spring);background:linear-gradient(#27272c,#19191d);background:linear-gradient(lab(15.8293% .786096 -2.89962),lab(8.87771% .693664 -2.53391));border-radius:16px;flex-direction:column;padding:12px;display:flex;position:relative;box-shadow:0 0 0 1px #0000008c,0 14px 34px #0000007a,0 3px 10px #00000057,inset 0 1px #ffffff1f,inset 0 -1px #00000061;box-shadow:0 0 0 1px lab(0% 0 0/.55),0 14px 34px lab(0% 0 0/.478431),0 3px 10px lab(0% 0 0/.341176),inset 0 1px lab(100% 0 0/.12),inset 0 -1px lab(0% 0 0/.380392)}.blog-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:4;opacity:.16;mix-blend-mode:overlay;background-image:var(--blog-grain);position:absolute;inset:0}.blog-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #0000008c,0 22px 48px #0000008c,0 5px 14px #0000005c,inset 0 1px #ffffff2e,inset 0 -1px #00000061;box-shadow:0 0 0 1px lab(0% 0 0/.55),0 22px 48px lab(0% 0 0/.54902),0 5px 14px lab(0% 0 0/.360784),inset 0 1px lab(100% 0 0/.18),inset 0 -1px lab(0% 0 0/.380392)}.blog-card:active{transform:translateY(-1px)}.blog-card-body{flex-direction:column;flex:1;gap:10px;padding:15px 6px 5px;display:flex}.blog-card-cat{font-family:var(--tct-mono);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.blog-card-title{letter-spacing:-.02em;color:var(--foreground);margin:0;font-size:17px;font-weight:600;line-height:1.31}.blog-card-meta{font-family:var(--tct-mono);color:var(--muted-foreground);margin-top:auto;padding-top:13px;font-size:11px}.blog-card-meta .sep{opacity:.4;margin:0 6px}