:root{--blog-black: #050506;--blog-surface: #0d0d10;--blog-white: #f5f5f7;--blog-muted: #a6a6af;--blog-faint: #6d6d78;--blog-line: #ffffff1a;--blog-accent: #8eb6ff;--blog-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter Variable", Inter, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--blog-black);color-scheme:dark}body{margin:0;background:var(--blog-black);color:var(--blog-white);font-family:var(--blog-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:4px}.blog-shell{min-height:100vh}.blog-nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:22px 28px;border-bottom:1px solid var(--blog-line)}.blog-brand{display:inline-flex;align-items:center;gap:11px;font-size:15px;font-weight:650;letter-spacing:-.02em}.blog-brand-mark{display:grid;width:25px;height:25px;place-items:center;border:1px solid #ffffff66;border-radius:50%;color:var(--blog-accent);font-size:10px;font-weight:700;letter-spacing:-.08em}.blog-nav-links{display:flex;gap:24px;color:var(--blog-muted);font-size:13px}.blog-nav-links a:hover{color:var(--blog-white)}.blog-wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}.blog-hero{padding:clamp(82px,13vw,170px) 0 92px}.blog-kicker{margin:0 0 25px;color:var(--blog-accent);font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.blog-hero h1{max-width:780px;margin:0;font-size:clamp(3.4rem,8.2vw,8rem);font-weight:620;letter-spacing:-.075em;line-height:.92}.blog-hero p{max-width:590px;margin:34px 0 0;color:var(--blog-muted);font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.55}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--blog-line);background:var(--blog-line)}.post-card{display:flex;min-height:310px;flex-direction:column;justify-content:space-between;padding:32px;background:var(--blog-surface);transition:background .24s ease}.post-card:hover{background:#15151a}.post-card-meta,.post-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--blog-faint);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.post-card-category{color:var(--blog-accent)}.post-card h2{max-width:16ch;margin:38px 0 14px;font-size:clamp(1.8rem,3.5vw,3.15rem);font-weight:580;letter-spacing:-.06em;line-height:.98}.post-card p{max-width:46ch;margin:0;color:var(--blog-muted);line-height:1.55}.post-card-arrow{align-self:flex-end;color:var(--blog-accent);font-size:22px;transition:transform .24s ease}.post-card:hover .post-card-arrow{transform:translate(4px,-4px)}.blog-footer{display:flex;justify-content:space-between;max-width:1180px;margin:96px auto 0;padding:26px 28px 40px;border-top:1px solid var(--blog-line);color:var(--blog-faint);font-size:13px}.article-wrap{width:min(760px,calc(100% - 56px));margin:0 auto}.article-header{padding:clamp(82px,12vw,150px) 0 68px}.article-header h1{max-width:900px;margin:20px 0 25px;font-size:clamp(3rem,7vw,6.6rem);font-weight:620;letter-spacing:-.075em;line-height:.94}.article-description{margin:0;color:var(--blog-muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.article-content{padding-bottom:120px;color:#dedee3;font-size:1.08rem;line-height:1.8}.article-content :is(h2,h3){margin:56px 0 18px;color:var(--blog-white);font-weight:600;letter-spacing:-.045em;line-height:1.05}.article-content h2{font-size:2rem}.article-content h3{font-size:1.4rem}.article-content p,.article-content ul,.article-content ol,.article-content blockquote{margin:0 0 24px}.article-content a{color:var(--blog-accent);text-decoration:underline;text-decoration-color:#8eb6ff66;text-underline-offset:.18em}.article-content code{padding:.15em .35em;border:1px solid var(--blog-line);border-radius:4px;background:#ffffff0c;color:#dce8ff;font-size:.9em}.article-content pre{overflow-x:auto;margin:30px 0;padding:22px;border:1px solid var(--blog-line);background:#0b0b0e;font-size:.9rem;line-height:1.6}.article-content pre code{padding:0;border:0;background:transparent}.article-content blockquote{margin-left:0;padding:4px 0 4px 24px;border-left:2px solid var(--blog-accent);color:var(--blog-muted)}@media(max-width:700px){.blog-nav,.blog-footer{padding-inline:22px}.blog-nav-links{gap:14px}.blog-nav-links a:first-child{display:none}.blog-wrap,.article-wrap{width:min(100% - 44px,760px)}.post-grid{grid-template-columns:1fr}.post-card{min-height:280px;padding:25px}.blog-footer{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){.post-card,.post-card-arrow{transition:none}}