.blog-page{z-index:3;background:0 0;padding:0;position:relative}.blog-page__inner{width:min(100%, var(--route-rail-width));max-width:none;margin:0 auto;padding:0 28px 52px}.blog-page__slug{font-family:var(--font-geist-pixel-square), ui-monospace, Menlo, Consolas, monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--page-subtle);margin-bottom:8px;font-size:11px;display:block}.blog-page__heading{margin-bottom:12px}.blog-page__profile-box{margin-inline:-28px;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;min-height:230px;margin-bottom:0;display:grid}.blog-page__profile-content{max-width:760px}.blog-page__inner>.works-page__section-break{margin-inline:calc(50% - 50vw);width:100vw;margin-top:0;margin-bottom:46px}.blog-page__intro{color:var(--page-muted);font-family:var(--font-geist-pixel-square), ui-monospace, Menlo, Consolas, monospace;margin:0;font-size:13px;line-height:1.6}.blog-page__intro a{color:var(--page-text);text-underline-offset:3px;-webkit-text-decoration:underline #22232626;text-decoration:underline #22232626;transition:text-decoration-color .15s}html.dark .blog-page__intro a{text-decoration-color:#f4f5f826}.blog-page__intro a:hover{text-decoration-color:currentColor}.blog-page__empty{text-align:center;color:var(--page-muted);padding:clamp(48px,6vw,80px) 0}.blog-page__empty p{margin-bottom:var(--space-m)}.blog-page__list{flex-direction:column;gap:24px;display:flex}.blog-page__card{border:1px solid var(--page-line);background:var(--page-bg);box-shadow:6px 6px 0 var(--page-line);border-radius:0;transition:box-shadow .15s,transform .15s}.blog-page__card:hover{box-shadow:8px 8px 0 var(--page-line);transform:translate(-1px,-1px)}.blog-page__link{color:var(--page-text);align-items:stretch;padding:0;text-decoration:none;display:flex}.blog-page__cover{border-right:1px solid var(--page-line);flex-shrink:0;width:180px;position:relative;overflow:hidden}.blog-page__cover-img{object-fit:cover;transition:transform .3s}.blog-page__card:hover .blog-page__cover-img{transform:scale(1.04)}.blog-page__card-body{flex:1;min-width:0;padding:20px 24px}.blog-page__date{font-size:11px;font-family:var(--font-mono);color:var(--page-subtle);text-transform:uppercase;letter-spacing:.06em}.blog-page__title{font-family:var(--font-pixel);color:var(--page-text);margin:8px 0 0;font-size:20px;line-height:1.25}.blog-page__excerpt{color:var(--page-muted);max-width:60ch;margin:8px 0 0;font-size:13px;line-height:1.5}.blog-page__tags{flex-wrap:wrap;gap:4px;margin:6px 0 0;display:flex}.blog-page__tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--page-subtle);border:1px solid var(--page-line);border-radius:3px;padding:2px 6px;font-size:8px;line-height:1.4}.route-page--blog-post{background:var(--page-bg);color:var(--page-text);padding:0 var(--space-edge);border-top:1px solid var(--rail-line);border-bottom:1px solid var(--rail-line);padding-top:67px;position:relative}.route-page--blog-post .hero__matrix{height:var(--hero-matrix-height);border-bottom-color:var(--rail-line);margin-inline:calc(50% - 50vw);margin-top:0}.route-page--blog-post .blog-post__inner{width:min(100%, var(--route-rail-width));margin:0 auto;padding:0 28px}.route-page--blog-post .blog-post__profile-box{margin-inline:-28px;border-bottom:0;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;min-height:230px;margin-bottom:0;display:grid;position:relative}.route-page--blog-post .blog-post__breadcrumb{margin-bottom:var(--space-grid);font-family:var(--font-mono);letter-spacing:.04em;color:var(--page-soft);border-left:1px solid var(--page-soft);align-items:center;gap:8px;padding-left:12px;font-size:11px;display:flex}.route-page--blog-post .blog-post__breadcrumb a{color:var(--page-subtle);text-decoration:none;transition:color .15s}.route-page--blog-post .blog-post__breadcrumb a:hover{color:var(--page-text);text-underline-offset:3px;text-decoration:underline}.route-page--blog-post .blog-post__breadcrumb [aria-hidden=true]{color:var(--page-soft);font-size:10px}.route-page--blog-post .blog-post__date{font-family:var(--font-mono);color:var(--page-muted);margin-top:10px;font-size:11px}.route-page--blog-post .blog-post__tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.route-page--blog-post .blog-post__tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--page-subtle);border:1px solid var(--page-line);border-radius:3px;padding:2px 6px;font-size:8px;line-height:1.4}.route-page--blog-post .blog-post__title{font-size:25px;font-weight:800}.route-page--blog-post .blog-post__content h2{font-weight:700}.route-page--blog-post .blog-post__tags{text-transform:uppercase;letter-spacing:.04em}.route-page--blog-post .blog-post__content{padding:clamp(32px,4vw,48px) 0 clamp(24px,3vw,40px)}.route-page--blog-post .blog-post__content h2{font-family:var(--font-pixel);margin:32px 0 12px;font-size:24px;line-height:1.25}.route-page--blog-post .blog-post__content h3{font-family:var(--font-pixel);margin:24px 0 8px;font-size:18px;line-height:1.3}.route-page--blog-post .blog-post__content{font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.route-page--blog-post .blog-post__content p{color:var(--page-text);margin:0 0 16px;font-size:14px;line-height:1.7}.route-page--blog-post .blog-post__content ul,.route-page--blog-post .blog-post__content ol{margin:0 0 16px;padding-left:24px}.route-page--blog-post .blog-post__content li{font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;margin-bottom:4px;font-size:14px;line-height:1.7}.route-page--blog-post .blog-post__content pre.blog-post__code{tab-size:2;text-shadow:none;margin:0 0 20px;line-height:1.7;position:relative;overflow-x:auto;font-family:var(--font-mono), ui-monospace, Menlo, Consolas, monospace!important;background:#1a1a1c!important;padding:44px 20px 20px!important;font-size:12px!important}.route-page--blog-post .blog-post__content pre.blog-post__code:before{content:"";background:#ff5f56;border-radius:50%;width:8px;height:8px;display:block;position:absolute;top:16px;left:20px;box-shadow:14px 0 #ffbd2e,28px 0 #27c93f}.route-page--blog-post .blog-post__content pre.blog-post__code code{font-family:inherit;font-size:inherit;line-height:inherit;color:#e3e3e3;text-shadow:none;background:0 0!important}.route-page--blog-post .blog-post__content figure{margin:24px 0}.route-page--blog-post .blog-post__content a{color:var(--page-text);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--page-soft);text-decoration-color:var(--page-soft);transition:text-decoration-color .15s}.route-page--blog-post .blog-post__content a:hover{-webkit-text-decoration-color:var(--page-text);text-decoration-color:var(--page-text)}.route-page--blog-post .blog-post__content figure{text-align:center;margin:32px 0}.route-page--blog-post .blog-post__content figure img{border:1px solid var(--page-line);max-width:100%;height:auto;display:inline-block}.route-page--blog-post .blog-post__content strong{color:var(--page-text);font-weight:700}.route-page--blog-post .blog-post__content em{font-style:italic}.route-page--blog-post .blog-post__inline-code{font-family:var(--font-mono), ui-monospace, Menlo, Consolas, monospace;background:var(--page-bg-alt,#f0f0f0);border:1px solid var(--page-line);color:var(--page-text);border-radius:3px;padding:1px 5px;font-size:.85em}html.dark .route-page--blog-post .blog-post__inline-code{background:#2a2a2e}.route-page--blog-post .blog-post__content blockquote{border-left:3px solid var(--page-line);color:var(--page-muted);margin:20px 0;padding:12px 20px;font-size:14px;font-style:italic;line-height:1.7}.route-page--blog-post .blog-post__content blockquote p{margin:0}.route-page--blog-post .blog-post__content ul{list-style:outside}.route-page--blog-post .blog-post__content ol{list-style:decimal}.route-page--blog-post .blog-post__content li::marker{color:var(--page-soft)}.route-page--blog-post .blog-post__content h4{font-family:var(--font-pixel);margin:20px 0 6px;font-size:15px;line-height:1.35}.route-page--blog-post .blog-post__content u{text-underline-offset:2px;text-decoration:underline}.route-page--blog-post .blog-post__content s{text-decoration:line-through}.route-page--blog-post .blog-post__highlight{color:#1a1a1c;background:#fde68a;border-radius:2px;padding:1px 3px}html.dark .route-page--blog-post .blog-post__highlight{color:#fde68a;background:#78350f}.route-page--blog-post .blog-post__small{color:var(--page-muted);font-size:.8em}.route-page--blog-post .blog-post__table-wrapper{margin:24px 0;overflow-x:auto}.route-page--blog-post .blog-post__table-caption{font-family:var(--font-mono);color:var(--page-muted);text-align:left;margin-bottom:8px;font-size:11px}.route-page--blog-post .blog-post__table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6}.route-page--blog-post .blog-post__table th,.route-page--blog-post .blog-post__table td{border:1px solid var(--page-line);text-align:left;vertical-align:top;padding:8px 12px}.route-page--blog-post .blog-post__table th{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.04em;background:#f0f0f0;font-size:11px;font-weight:700}html.dark .route-page--blog-post .blog-post__table th{background:#2a2a2e}.route-page--blog-post .blog-post__table td{background:var(--page-bg)}.blog-page__cover{order:1}@media (max-width:767px){.route-page--blog-post{padding:66px 0 0}.route-page--blog-post .blog-post__inner{padding:0 18px}.route-page--blog-post .blog-post__profile-box{margin-inline:-18px}.route-page--blog-post .blog-post__content{padding:24px 0 20px}.route-page--blog-post .blog-post__date,.route-page--blog-post .blog-post__tags{font-size:10px}.blog-page__inner{padding:0 18px 36px}.blog-page__link{flex-direction:column}.blog-page__cover{border-right:none;border-bottom:1px solid var(--page-line);order:0;width:100%;height:180px}.blog-page__card-body{order:1}}@media (max-width:520px){.blog-page__title{font-size:17px}}.route-page--blog-post .blog-post__cta{border:1px solid var(--page-line);box-shadow:6px 6px 0 var(--page-line);background:var(--page-bg);margin:0 0 64px}.route-page--blog-post .blog-post__cta-inner{padding:24px 28px}.route-page--blog-post .blog-post__cta-heading{font-family:var(--font-pixel);color:var(--page-text);margin:0 0 8px;font-size:18px;line-height:1.3}.route-page--blog-post .blog-post__cta-text{color:var(--page-text);margin:0 0 16px;font-size:14px;line-height:1.7}.route-page--blog-post .blog-post__cta-link{color:var(--page-text);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--page-soft);text-decoration-color:var(--page-soft);font-family:var(--font-pixel);letter-spacing:.02em;font-size:13px;transition:text-decoration-color .15s;display:inline-block}.route-page--blog-post .blog-post__cta-link:hover{-webkit-text-decoration-color:var(--page-text);text-decoration-color:var(--page-text)}@media (max-width:767px){.route-page--blog-post .blog-post__cta-inner{padding:20px 18px}.route-page--blog-post .blog-post__cta{margin:0 0 48px}}