.blog-page,.blog-page *{cursor:auto}.blog-page a,.blog-page button{cursor:pointer}.blog-page .cur-dot,.blog-page .cur-ring,.blog-page .cur-label{display:none}.blog-page .feat{border:1px solid var(--line-2);isolation:isolate;background:linear-gradient(#ffffff06,#ffffff01);border-radius:20px;padding:44px 48px;position:relative;overflow:hidden}.blog-page .feat:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 120% at 0 0,#00c0d81f 0%,#0000 55%),radial-gradient(60% 100% at 100% 100%,#d083ff1a 0%,#0000 60%);background:radial-gradient(80% 120% at 0 0,lab(70.8785% -38.2838 -25.8192/.12) 0%,#0000 55%),radial-gradient(60% 100% at 100% 100%,lab(66.3913% 54.6602 -60.4012/.1) 0%,#0000 60%);position:absolute;inset:0}.blog-page .feat-meta{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;display:flex}.blog-page .feat-meta .chip{border:1px solid var(--line-2);color:#fff;letter-spacing:.22em;background:#ffffff0a;border-radius:999px;padding:6px 10px}.blog-page .feat-meta .feat-date{color:#cfd3e0}.blog-page .feat-meta .feat-by{color:var(--dim)}.blog-page .feat-title{max-width:20ch;margin:0}.blog-page .feat-title em{background:linear-gradient(90deg,#00e3db,#d897ff);background:linear-gradient(90deg,lab(81.1605% -61.2468 -11.9794),lab(71.0773% 54.3272 -60.4772));color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;margin:0 -.18em;padding:.08em .18em;font-style:italic}.blog-page .feat-dek{color:#cfd3e0;max-width:58ch;font-size:20px;line-height:1.55;font-family:var(--serif);margin:24px 0 32px;font-weight:300}.blog-page .feat-foot{border-top:1px solid var(--line);font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;align-items:center;gap:18px;padding-top:24px;display:flex}.blog-page .feat-foot .sep{opacity:.4}.blog-page .feat-foot .read{color:#fff}.blog-page .feat-cta{color:#0a0d14;text-transform:none;letter-spacing:0;font:500 13px/1 var(--mono);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:10px 18px;transition:transform .2s;display:inline-flex}.blog-page .feat-cta:hover{transform:translate(4px)}.blog-page .feat-cta .arr{font-family:var(--serif);font-size:16px}.blog-page .filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:36px 0 28px;display:flex}.blog-page .filter-bar .f-label{font:500 10px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--dim);margin-right:6px}.blog-page .f-pill{border:1px solid var(--line-2);color:#cfd3e0;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:9px 16px;transition:all .2s}.blog-page .f-pill:hover{color:#fff;border-color:#ffffff59}.blog-page .f-pill.active{color:#0a0d14;background:#fff;border-color:#fff}.blog-page .post-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px;display:grid}@media (max-width:980px){.blog-page .post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-page .post-grid{grid-template-columns:1fr}}.blog-page .post-card{border:1px solid var(--line-2);isolation:isolate;cursor:pointer;min-height:320px;color:inherit;background:linear-gradient(#ffffff05,#ffffff01);border-radius:18px;flex-direction:column;gap:14px;padding:28px 26px 24px;text-decoration:none;transition:border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden}.blog-page .post-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--accent-1,#00c0d800)0%,transparent 50%,var(--accent-2,#d083ff00)100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@supports (color:lab(0% 0 0)){.blog-page .post-card:before{background:linear-gradient(135deg,var(--accent-1,lab(70.8785% -38.2838 -25.8192/0))0%,transparent 50%,var(--accent-2,lab(66.3913% 54.6602 -60.4012/0))100%)}}.blog-page .post-card:hover{border-color:#ffffff2e;transform:translateY(-3px)}.blog-page .post-card:hover:before{opacity:1}.blog-page .post-card:after{content:"";background:radial-gradient(60% 80% at 100% 0%,color-mix(in oklch,var(--cat-col,#6f7791)35%,transparent)0%,transparent 70%);pointer-events:none;z-index:-1;opacity:.55;width:58%;height:70%;position:absolute;top:0;right:0}.blog-page .post-card .pc-head{font:500 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;gap:10px;display:flex}.blog-page .post-card .pc-cat{color:var(--cat-col,#fff)}.blog-page .post-card .pc-date{color:var(--dim)}.blog-page .post-card .pc-title{font-family:var(--serif);letter-spacing:-.015em;color:#fff;text-wrap:pretty;margin:6px 0 2px;font-size:26px;font-weight:400;line-height:1.15}.blog-page .post-card .pc-dek{color:#a9aec0;flex:1;font-size:14px;line-height:1.55}.blog-page .post-card .pc-foot{border-top:1px solid var(--line);font:500 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.blog-page .post-card .pc-author{color:#cfd3e0;align-items:center;gap:8px;display:flex}.blog-page .post-card .pc-mono{border:1px solid var(--line-2);width:22px;height:22px;font:600 9px/1 var(--mono);color:var(--cat-col,#fff);letter-spacing:.08em;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.blog-page .post-card .pc-read{color:#fff}.blog-page .post-card.coming .pc-title{color:#cfd3e0}.blog-page .post-card.coming .pc-status{border:1px dashed var(--line-2);color:var(--dim);letter-spacing:.3em;border-radius:999px;padding:4px 9px;font-size:9px}.blog-page .sub-form{flex-wrap:wrap;gap:10px;max-width:520px;margin-top:32px;display:flex}.blog-page .sub-form input{border:1px solid var(--line-2);color:#fff;min-width:240px;font:500 14px/1 var(--mono);letter-spacing:.04em;background:#ffffff06;border-radius:999px;outline:none;flex:1;padding:16px 20px;transition:border-color .2s,background .2s}.blog-page .sub-form input:focus{background:#ffffff0d;border-color:#fff6}.blog-page .sub-form input::placeholder{color:var(--dim)}.blog-page .sub-hint{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;margin-top:14px;display:inline-flex}.blog-page .sub-hint .dot.live{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite blog-pulse;display:inline-block;box-shadow:0 0 0 4px #4ade802e}@keyframes blog-pulse{0%,to{opacity:1}50%{opacity:.35}}.blog-page .nav .links a.active-nav{color:#fff;opacity:1}.blog-page .nav .links a.active-nav:after{content:"";background:linear-gradient(90deg,#00e3db,#d897ff);background:linear-gradient(90deg,lab(81.1605% -61.2468 -11.9794),lab(71.0773% 54.3272 -60.4772));height:1px;margin-top:4px;display:block;transform:scaleX(1)}.blog-page .blog-hero{place-items:end center;min-height:70vh;padding:0 24px 8vh;display:grid;position:relative}.blog-page .blog-hero .hero-stack{text-align:center;width:min(1200px,94vw);position:relative}.blog-page .sec-desc{color:#a9aec0;max-width:64ch;margin-top:22px;font-size:18px;line-height:1.6}.blog-page .sub-sec-desc{color:#a9aec0;max-width:58ch;margin-top:22px;font-size:18px;line-height:1.6}@media (max-width:640px){.blog-page .feat{padding:28px 22px}.blog-page .feat-cta{margin-top:12px;margin-left:0}.blog-page .blog-hero{min-height:60vh}}