.page-blog .mesh-wallpaper{opacity:1!important}.page-blog [hidden]{display:none!important}.blog{max-width:1160px;margin:0 auto;padding:clamp(28px,5vw,52px) clamp(20px,5vw,48px) 0}.post{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,52px) clamp(20px,5vw,40px) 0;position:relative}.crumbs ol{align-items:center;gap:var(--space-2);font:500 var(--text-label) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.crumbs a{color:var(--text-faint)}.crumbs a:hover{color:var(--text-muted)}.crumbs a[aria-current],.crumbs a.crumbs__current{color:var(--blue)}.crumbs a[aria-current]:hover,.crumbs a.crumbs__current:hover{color:var(--blue-hover)}.crumbs__sep{color:var(--text-faint)}.blog-head{margin-top:var(--space-8);max-width:64ch}.blog-head h1{margin:var(--space-4) 0 0;letter-spacing:var(--tracking-display);font-size:clamp(2.5rem,6vw,4rem);line-height:1.02}.blog-head p{margin:var(--space-5) 0 0;font-size:var(--text-body-lg);line-height:var(--leading-body);color:var(--text-muted);max-width:56ch}.blog-filters{gap:var(--space-2);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.blog-filter{min-height:var(--tap-min);font:500 var(--text-label) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-hover);background:var(--blue-08);border:1px solid var(--blue-35);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;padding:8px 16px;display:inline-flex}.blog-filter:hover{border-color:var(--border-lum);background:var(--blue-12)}.blog-filter[aria-pressed=true]{color:var(--text-on-gold);background:var(--blue);border-color:var(--blue)}.featured{margin-top:var(--space-10)}.featured__link{background:var(--surface-card);backdrop-filter:blur(14px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:inherit;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);flex-wrap:wrap;display:flex;overflow:hidden}.featured__link:hover{border-color:var(--border-lum);box-shadow:var(--glow-blue-md);color:inherit;transform:translateY(-2px)}.featured__media{background:var(--surface-card);border-right:1px solid var(--border-soft);flex:360px;min-height:260px;position:relative}.featured__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.featured__body{justify-content:center;gap:var(--space-4);flex-direction:column;flex:360px;padding:clamp(24px,3vw,40px);display:flex}.featured__kicker{align-items:center;gap:var(--space-2);font:500 var(--text-label) var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--blue);display:inline-flex}.featured__kicker span{color:var(--text-faint)}.featured__title{letter-spacing:var(--tracking-display);margin:0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.1}.featured__excerpt{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-muted);max-width:52ch;margin:0}.featured__meta{align-items:center;gap:var(--space-2) var(--space-4);font:500 var(--text-label) var(--font-mono);letter-spacing:.04em;color:var(--text-faint);flex-wrap:wrap;display:flex}.featured__author{color:var(--text-muted)}.featured__more{align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-family:var(--font-display);color:var(--blue-hover);font-weight:600;display:inline-flex}@media (width<=760px){.featured__media{border-right:0;border-bottom:1px solid var(--border-soft)}}.blog-all{margin:var(--space-16) 0 var(--space-8);font-size:var(--text-h2)}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.blog-empty{margin:var(--space-6) 0 0;color:var(--text-muted)}.post-card{background:var(--surface-card);backdrop-filter:blur(14px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:inherit;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.post-card:hover{border-color:var(--border-lum);box-shadow:var(--glow-blue-md);color:inherit;transform:translateY(-2px)}.post-card__media{aspect-ratio:16/9;background:var(--surface-card);border-bottom:1px solid var(--border-soft);overflow:hidden}.post-card__media img{object-fit:cover;width:100%;height:100%;display:block}.post-card__body{gap:var(--space-3);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.post-card__cat{font:500 var(--text-label) var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--blue)}.post-card__title{font-size:var(--text-h3);color:var(--text);margin:0}.post-card__excerpt{font-size:var(--text-small);line-height:var(--leading-body);color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.post-card__meta{gap:var(--space-2) var(--space-3);font:500 var(--text-label) var(--font-mono);letter-spacing:.04em;color:var(--text-faint);flex-wrap:wrap;margin-top:auto;display:flex}.blog-cta{margin:var(--space-16) 0 var(--space-12);background:var(--aurora), var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);text-align:center;padding:clamp(40px,6vw,72px) clamp(24px,5vw,56px);position:relative;overflow:hidden}.blog-cta h2{margin:0 0 var(--space-4);letter-spacing:var(--tracking-display);font-size:clamp(1.75rem,3.6vw,2.5rem)}.blog-cta p{max-width:46ch;margin:0 auto var(--space-6);font-size:var(--text-body-lg);line-height:var(--leading-body);color:var(--text-muted)}.blog-cta__actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.reading-progress{z-index:200;transform-origin:0;background:linear-gradient(90deg, var(--blue), var(--blue-hover));height:3px;box-shadow:var(--glow-blue-sm);pointer-events:none;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.post-head{margin-top:var(--space-8)}.post-head h1{letter-spacing:var(--tracking-display);max-width:22ch;margin:0;font-size:clamp(2.25rem,5.4vw,3.5rem);line-height:1.04}.post-lead{margin:var(--space-5) 0 0;font-size:var(--text-body-lg);line-height:var(--leading-body);color:var(--text-muted);max-width:60ch}.post-meta{align-items:center;gap:var(--space-3) var(--space-5);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-soft);font:500 var(--text-small) var(--font-mono);color:var(--text-muted);flex-wrap:wrap;display:flex}.post-meta__sep{color:var(--text-faint)}.post-author{align-items:center;gap:var(--space-3);display:flex}.post-author__avatar,.post-bio__avatar{border:1px solid var(--border-soft);width:44px;height:44px;font:600 .8125rem var(--font-display);letter-spacing:.04em;color:var(--text);background:linear-gradient(#ffffff1f,#ffffff08);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff24}.post-author__text{flex-direction:column;gap:2px;display:flex}.post-author__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-body);color:var(--text)}.post-author__role{font:500 var(--text-label) var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.post-cover{margin:var(--space-8) 0 0}.post-cover img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-soft);width:100%;height:auto;box-shadow:var(--shadow-card);background:var(--surface-card);display:block}.post-toc{margin:var(--space-10) 0;padding:var(--space-6);background:var(--surface-card);backdrop-filter:blur(14px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.post-toc__title{font:500 var(--text-label) var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--blue);margin-bottom:var(--space-4);display:block}.post-toc ol{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post-toc a{gap:var(--space-3);color:var(--text-muted);font-size:var(--text-body);display:flex}.post-toc a:hover{color:var(--blue-hover)}.post-toc__num{font:500 var(--text-small) var(--font-mono);color:var(--text-faint);min-width:1.5em;padding-top:.15em}.post-body{color:#d4dbec;overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.8}.post-body>:first-child{margin-top:0}.post-body p{margin:0 0 var(--space-5)}.post-body strong{color:var(--text);font-weight:600}.post-body em{color:var(--text)}.post-body a{color:var(--blue-hover);text-decoration:underline;text-decoration-color:var(--blue-35);text-underline-offset:3px}.post-body a:hover{color:var(--text);text-decoration-color:var(--blue-hover)}.post-body h2{margin:var(--space-12) 0 var(--space-4);font-size:var(--text-h2);scroll-margin-top:84px}.post-body h3{margin:var(--space-8) 0 var(--space-3);font-size:var(--text-h3);scroll-margin-top:84px}.post-body h4{margin:var(--space-6) 0 var(--space-3);color:var(--text);scroll-margin-top:84px;font-size:1.0625rem}.post-body ul,.post-body ol{margin:0 0 var(--space-5);gap:var(--space-2);flex-direction:column;padding-left:1.25em;display:flex}.post-body li>p{margin:0}.post-body li>p+p{margin-top:var(--space-2)}.post-body img{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-card);width:auto;max-width:100%;height:auto;margin:0 auto;display:block}.post-body p:has(>img:only-child),.post-body p:has(>a:only-child>img:only-child){margin:var(--space-8) 0}.post-body a:has(>img){text-decoration:none;display:block}.post-body figure{margin:var(--space-8) 0}.post-body figcaption{margin-top:var(--space-3);font:500 var(--text-small) var(--font-body);color:var(--text-faint);text-align:center}.post-body blockquote{margin:var(--space-8) 0;padding:var(--space-2) 0 var(--space-2) var(--space-6);border-left:3px solid var(--blue);font-family:var(--font-display);letter-spacing:var(--tracking-heading);color:var(--text);font-size:clamp(1.125rem,2vw,1.35rem);font-weight:500;line-height:1.5}.post-body blockquote p{margin:0 0 var(--space-3)}.post-body blockquote p:last-child{margin-bottom:0}.post-body blockquote em{font-style:italic}.post-body pre{margin:0 0 var(--space-6);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-soft);font-size:.875rem;line-height:1.6;overflow-x:auto;background:var(--surface-input)!important}.post-body code{font-family:var(--font-mono);font-size:.9em}.post-body :not(pre)>code{background:var(--surface-raised);color:var(--text);border-radius:6px;padding:2px 6px}.post-body table{width:100%;max-width:100%;margin:0 0 var(--space-6);border-collapse:collapse;font-size:var(--text-small);display:block;overflow-x:auto}.post-body th,.post-body td{padding:var(--space-2) var(--space-3);border:1px solid var(--border-soft);text-align:left;vertical-align:top}.post-body th{color:var(--text);background:var(--surface-raised)}.post-body .post-video{margin:var(--space-8) 0}.post-body iframe{aspect-ratio:16/9;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-card);width:100%;height:auto;display:block}.post-body hr{border:0;border-top:1px solid var(--border-soft);margin:var(--space-8) 0}.post-tags{gap:var(--space-2);margin:var(--space-10) 0;padding:var(--space-6) 0 0;border-top:1px solid var(--border-soft);flex-wrap:wrap;list-style:none;display:flex}.post-tags li{font:500 var(--text-label) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-hover);border:1px solid var(--blue-35);background:var(--blue-08);border-radius:var(--radius-pill);align-items:center;padding:6px 12px;display:inline-flex}.post-bio{align-items:flex-start;gap:var(--space-5);margin:var(--space-10) 0;padding:var(--space-6);background:var(--surface-card);backdrop-filter:blur(14px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}.post-bio__avatar{width:64px;height:64px;font-size:1.125rem}.post-bio__body{flex:240px;min-width:0}.post-bio__label{font:500 var(--text-label) var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--blue);margin-bottom:var(--space-2);display:block}.post-bio__name{margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--text);font-size:1.125rem;font-weight:600}.post-bio__text{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-muted);margin:0}.post-related{max-width:1160px;padding:0 clamp(20px, 5vw, 48px) var(--section-gap);margin:0 auto}.post-related h2{margin:0 0 var(--space-8);font-size:var(--text-h2)}.post-related__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}@media (prefers-reduced-motion:reduce){.featured__link,.post-card,.blog-filter{transition:none}.featured__link:hover,.post-card:hover{transform:none}}