.blog-page{--bg:var(--ds-surface-base);--s50:var(--ds-surface-50);--s100:var(--ds-surface-100);--s200:var(--ds-surface-200);--bd:var(--ds-color-border);--ink:var(--ds-color-ink-primary);--ink2:var(--ds-color-ink-secondary);--ink3:var(--ds-color-ink-muted);--blue:var(--ds-color-brand-blue);--blueL:var(--ds-color-brand-blue-light);--green:var(--ds-color-success);--amber:var(--ds-color-warning);--mono:var(--ds-font-mono);--serif:var(--ds-font-display-editorial);background:var(--ds-surface-base);color:var(--ds-color-ink-primary);position:relative;overflow-x:clip}.blog-page .grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(var(--bd) 1px, transparent 1px), linear-gradient(90deg, var(--bd) 1px, transparent 1px);opacity:.22;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 8%,#000,#0000 78%);mask-image:radial-gradient(70% 55% at 50% 8%,#000,#0000 78%)}.blog-page .glow-blue{z-index:0;pointer-events:none;background:radial-gradient(circle, var(--blue), transparent 60%);filter:blur(100px);opacity:.2;width:52%;height:52%;position:fixed;top:-12%;right:-6%}.blog-page .wrap{z-index:1;max-width:var(--ds-wrap-max);margin:0 auto;padding:0 clamp(20px,4vw,32px);position:relative}.blog-page .eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blueL);align-items:center;gap:8px;font-size:11px;display:inline-flex}.blog-page .eyebrow .dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.blog-page .hero{padding:72px 0 30px}.blog-page .headline{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);margin:20px 0 0;font-size:clamp(34px,5vw,60px);font-weight:500;line-height:1.03}.blog-page .headline em{color:var(--blueL);font-style:italic}.blog-page .subhead{max-width:66ch;color:var(--ink2);margin:18px 0 0;font-size:16px;line-height:1.6}.blog-page .crosslinks{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.blog-page .crosslink{font-family:var(--mono);color:var(--ink2);border:1px solid var(--bd);background:var(--s50);border-radius:999px;padding:6px 12px;font-size:11.5px;text-decoration:none;transition:border-color .15s,color .15s}.blog-page a.crosslink:hover{border-color:var(--blueL);color:var(--ink)}.blog-page .crosslink b{color:var(--blueL)}.blog-page .filter-bar{border-top:1px solid var(--bd);flex-wrap:wrap;align-items:center;gap:8px;margin-top:30px;padding-top:20px;display:flex}.blog-page .filter-tag{font-family:var(--mono);border:1px solid var(--bd);background:var(--s50);color:var(--ink2);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.blog-page .filter-tag:hover{border-color:var(--blueL);color:var(--ink)}.blog-page .filter-tag.active{background:var(--blue);border-color:var(--blue);color:#fff}.blog-page .filter-tag .count{opacity:.7;font-size:10px}.blog-page .filter-tag.active .count{opacity:.9}.blog-page .featured{padding:40px 0 0}.blog-page .feat-card{border:1px solid var(--bd);background:var(--s50);color:inherit;border-radius:20px;grid-template-columns:1.15fr .85fr;gap:0;margin-top:24px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid;overflow:hidden}.blog-page .feat-card:hover{border-color:var(--blueL);transform:translateY(-2px)}@media (max-width:780px){.blog-page .feat-card{grid-template-columns:1fr}}.blog-page .feat-body{flex-direction:column;gap:14px;padding:34px 32px;display:flex}.blog-page .feat-meta{font-family:var(--mono);color:var(--ink3);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.blog-page .tag-pill{background:color-mix(in oklab, var(--blue) 16%, transparent);color:var(--blueL);letter-spacing:.06em;border-radius:999px;padding:4px 11px}.blog-page .feat-body h2{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:30px;font-weight:500;line-height:1.1}.blog-page .feat-body .dek{color:var(--ink2);margin:0;font-size:15px;line-height:1.6}.blog-page .feat-author{font-family:var(--mono);color:var(--ink3);align-items:center;gap:10px;margin-top:auto;font-size:12px;display:flex}.blog-page .feat-author .av{background:linear-gradient(135deg, var(--blue), #1c4fd1);border-radius:50%;width:26px;height:26px}.blog-page .feat-author b{color:var(--ink)}.blog-page .feat-read{color:var(--blueL);font-family:var(--mono);align-items:center;gap:7px;margin-top:4px;font-size:12px;display:inline-flex}.blog-page .feat-vis{background:radial-gradient(ellipse 80% 70% at 60% 30%, color-mix(in oklab, var(--blue) 14%, transparent), transparent 70%), var(--s100);border-left:1px solid var(--bd);justify-content:center;align-items:center;min-height:240px;display:flex;position:relative;overflow:hidden}@media (max-width:780px){.blog-page .feat-vis{border-left:0;border-top:1px solid var(--bd);min-height:160px}}.blog-page .feat-vis .badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);align-items:center;gap:6px;font-size:10px;display:inline-flex;position:absolute;top:16px;left:16px}.blog-page .feat-vis .badge:before{content:"";background:var(--amber);width:6px;height:6px;box-shadow:0 0 7px var(--amber);border-radius:50%}.blog-page .gl-read{width:120px;height:120px;position:relative}.blog-page .gl-read .pg{border:1.5px solid color-mix(in oklab, var(--blueL) 40%, transparent);background:var(--s200);border-radius:10px;flex-direction:column;gap:9px;padding:18px 16px;display:flex;position:absolute;inset:0}.blog-page .gl-read .ln{background:color-mix(in oklab, var(--blueL) 14%, var(--s100));border-radius:3px;height:6px;position:relative;overflow:hidden}.blog-page .gl-read .ln:after{content:"";background:linear-gradient(90deg, var(--blueL), color-mix(in oklab, var(--blueL) 50%, transparent));border-radius:3px;width:0;animation:5s ease-in-out infinite blog-rd;position:absolute;top:0;bottom:0;left:0}.blog-page .gl-read .ln:first-child{width:80%}.blog-page .gl-read .ln:first-child:after{animation-delay:.2s}.blog-page .gl-read .ln:nth-child(2){width:95%}.blog-page .gl-read .ln:nth-child(2):after{animation-delay:.7s}.blog-page .gl-read .ln:nth-child(3){width:60%}.blog-page .gl-read .ln:nth-child(3):after{animation-delay:1.2s}.blog-page .gl-read .ln:nth-child(4){width:88%}.blog-page .gl-read .ln:nth-child(4):after{animation-delay:1.7s}.blog-page .gl-read .ln:nth-child(5){width:50%}.blog-page .gl-read .ln:nth-child(5):after{animation-delay:2.2s}@keyframes blog-rd{0%,4%{width:0}30%,70%{width:100%}92%,to{width:0}}.blog-page .articles{padding:48px 0 0}.blog-page .article-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}@media (max-width:860px){.blog-page .article-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-page .article-grid{grid-template-columns:1fr}}.blog-page .art{border:1px solid var(--bd);background:var(--s50);color:inherit;border-radius:14px;flex-direction:column;gap:10px;padding:22px 20px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.blog-page .art:before{content:"";background:linear-gradient(90deg, var(--blueL), transparent 80%);transform-origin:0;height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.blog-page .art:hover{border-color:var(--blueL);transform:translateY(-2px)}.blog-page .art:hover:before{transform:scaleX(1)}.blog-page .art .meta{font-family:var(--mono);color:var(--ink3);justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.blog-page .art .meta .tag{color:var(--blueL)}.blog-page .art h3{font-family:var(--serif);letter-spacing:-.012em;color:var(--ink);margin:0;font-size:19px;font-weight:500;line-height:1.22}.blog-page .art p{color:var(--ink2);margin:0;font-size:13px;line-height:1.55}.blog-page .art .foot{border-top:1px solid var(--bd);font-family:var(--mono);color:var(--ink3);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:11px;display:flex}.blog-page .art .foot .diff{align-items:center;gap:6px;display:inline-flex}.blog-page .art .foot .diff .d{background:var(--green);border-radius:50%;width:5px;height:5px}.blog-page .art .foot .read{color:var(--blueL)}.blog-page .newsletter{padding:56px 0 80px}.blog-page .nl-card{border:1px solid var(--bd);background:linear-gradient(150deg, color-mix(in oklab, var(--blue) 8%, var(--s50)), var(--s50));border-radius:20px;grid-template-columns:1.4fr .6fr;gap:0;margin-top:24px;display:grid;overflow:hidden}@media (max-width:780px){.blog-page .nl-card{grid-template-columns:1fr}}.blog-page .nl-body{padding:34px 32px}.blog-page .nl-body h2{font-family:var(--serif);letter-spacing:-.018em;color:var(--ink);margin:14px 0 12px;font-size:26px;font-weight:500}.blog-page .nl-body p{color:var(--ink2);margin:0 0 10px;font-size:14.5px;line-height:1.6}.blog-page .nl-body p strong{color:var(--ink)}.blog-page .nl-body a{color:var(--blueL)}.blog-page .nl-form{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.blog-page .nl-form input{border:1px solid var(--bd);background:var(--bg);min-width:200px;color:var(--ink);font-family:var(--mono);border-radius:10px;flex:1;padding:13px 15px;font-size:13px}.blog-page .nl-form button{background:var(--blue);color:#fff;font-family:var(--mono);cursor:pointer;border:0;border-radius:10px;padding:13px 20px;font-size:12.5px;font-weight:600}.blog-page .nl-small{font-family:var(--mono);color:var(--ink3);margin-top:10px;font-size:11px}.blog-page .nl-stats{border-left:1px solid var(--bd);background:var(--s100);flex-direction:column;justify-content:center;gap:18px;padding:24px 22px;display:flex}@media (max-width:780px){.blog-page .nl-stats{border-left:0;border-top:1px solid var(--bd);flex-direction:row}}.blog-page .nl-stat .v{font-family:var(--serif);color:var(--blueL);font-size:30px;font-style:italic;font-weight:500;line-height:1}.blog-page .nl-stat .l{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-top:6px;font-size:10px}@media (prefers-reduced-motion:reduce){.blog-page .gl-read .ln:after{width:100%;animation:none}}