@media (scripting:enabled){[data-reveal]{opacity:0;transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1);transform:translateY(22px)}[data-reveal].revealed{opacity:1;transform:none}}@media (scripting:enabled) and (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}.post-grid>[data-reveal]:not(.revealed):nth-child(2){transition-delay:80ms}.post-grid>[data-reveal]:not(.revealed):nth-child(3){transition-delay:.16s}.post-grid>[data-reveal]:not(.revealed):nth-child(4){transition-delay:.24s}.blog-wrap{max-width:1080px;margin:0 auto}.cat-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.cat-chip{background:color-mix(in srgb, var(--color-bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-divider);font-family:var(--font-geist), sans-serif;color:var(--color-neutral-800);cursor:pointer;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .16s,color .16s,border-color .16s,transform .16s}.cat-chip:hover{border-color:var(--color-accent-300);color:var(--color-accent-700);transform:translateY(-1px)}.cat-chip.is-on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--color-accent) 70%, transparent)}.post-meta{color:color-mix(in srgb, var(--color-text) 55%, transparent);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:12.5px;display:flex}.post-cat{background:var(--color-accent-100);color:var(--color-accent-700);border:1px solid var(--color-accent-200);font-family:var(--font-geist), sans-serif;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700}.post-dot{background:var(--color-divider);border-radius:999px;width:4px;height:4px}.post-read{align-items:center;gap:5px;display:inline-flex}.post-feat{background:var(--color-bg);border:2px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;margin-bottom:24px;text-decoration:none;transition:transform .24s,box-shadow .24s,border-color .24s;display:grid;overflow:hidden}.post-feat:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent-200);color:inherit;transform:translateY(-4px)}.post-feat-img{background:var(--color-surface);min-height:260px;position:relative}.post-badge{background:var(--color-accent);color:var(--color-bg);font-family:var(--font-geist), sans-serif;letter-spacing:.09em;text-transform:uppercase;box-shadow:var(--shadow-sm);border-radius:999px;padding:6px 14px;font-size:10.5px;font-weight:800;position:absolute;top:16px;left:16px}.post-feat-body{flex-direction:column;justify-content:center;padding:34px;display:flex}.post-feat-body h2{font-family:var(--font-geist), sans-serif;letter-spacing:-.02em;color:var(--color-text);margin:0 0 14px;font-size:clamp(21px,2.2vw,27px);font-weight:800;line-height:1.25}.post-feat-body p{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin:0 0 22px;font-size:15.5px;line-height:1.7}.post-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;display:grid}.post-card{background:var(--color-bg);border:2px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-200);color:inherit;transform:translateY(-4px)}.post-card-img{background:var(--color-surface);height:168px}.post-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.post-card-body h3{font-family:var(--font-geist), sans-serif;color:var(--color-text);margin:0 0 12px;font-size:17px;font-weight:700;line-height:1.35}.post-card-body p{color:color-mix(in srgb, var(--color-text) 70%, transparent);flex:1;margin:0 0 20px;font-size:14.5px;line-height:1.65}.post-link{font-family:var(--font-geist), sans-serif;color:var(--color-accent);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.post-feat:hover .post-link svg,.post-card:hover .post-link svg{transform:translate(3px)}.post-link svg{transition:transform .18s}.blog-cta{background:var(--color-surface);border:2px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:20px;margin-top:34px;padding:28px;display:flex}@media (prefers-reduced-motion:reduce){.post-feat:hover,.post-card:hover{transform:none}}
