.blog{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:#111827;background:#fafafa;min-height:100vh;overflow-x:clip}.blog-back{z-index:50;color:#111827;cursor:pointer;background:0 0;border:none;padding:8px;transition:opacity .2s,transform .2s;position:fixed;top:32px;left:88px}.blog-back:hover{opacity:.6;transform:translate(-4px)}.blog-hero{text-align:center;background:#fafafa;flex-direction:column;justify-content:center;align-items:center;padding:140px 32px 80px;display:flex}.blog-eyebrow{text-transform:uppercase;letter-spacing:4px;color:#6b7280;margin-bottom:24px;font-size:14px;font-weight:700}.blog-hero__title{font-family:var(--font-sans);letter-spacing:-.04em;color:#111827;max-width:800px;margin:0 0 24px;font-size:clamp(36px,6vw,72px);line-height:1.05}.blog-hero__subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:clamp(17px,2vw,21px);line-height:1.65}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;padding:0 48px 120px;display:grid}.blog-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;padding:32px;text-decoration:none;transition:all .3s;display:flex}.blog-card:hover{transform:translateY(-2px);box-shadow:0 1px 1px .5px #3333330a,0 6px 6px -3px #3333330a,0 12px 12px -6px #3333330a,0 24px 24px -12px #3333330a,0 48px 48px -24px #3333330a}.blog-card__date{text-transform:uppercase;letter-spacing:2px;color:#9ca3af;margin-bottom:12px;font-size:12px;font-weight:700}.blog-card__title{color:#111827;letter-spacing:-.3px;margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.3}.blog-card__excerpt{color:#6b7280;flex:1;margin:0 0 20px;font-size:15px;line-height:1.7}.blog-card__link{color:#111827;align-items:center;gap:6px;font-size:14px;font-weight:600;transition:gap .2s;display:inline-flex}.blog-card:hover .blog-card__link{gap:10px}.blog-article-hero{text-align:center;background:#fafafa;flex-direction:column;align-items:center;padding:140px 32px 60px;display:flex}.blog-article-hero__title{font-family:var(--font-sans);letter-spacing:-.03em;color:#111827;max-width:800px;margin:0 0 20px;font-size:clamp(32px,5vw,56px);line-height:1.1}.blog-article-hero__meta{color:#9ca3af;align-items:center;gap:8px;font-size:15px;display:flex}.blog-article-hero__dot{background:#9ca3af;border-radius:50%;width:4px;height:4px}.blog-article-body{max-width:720px;margin:0 auto;padding:40px 32px 120px}.blog-article-body h2{color:#111827;letter-spacing:-.3px;margin:48px 0 16px;font-size:24px;font-weight:700;line-height:1.3}.blog-article-body h2:first-child{margin-top:0}.blog-article-body p{color:#374151;margin:0 0 20px;font-size:17px;line-height:1.8}.blog-article-body ul,.blog-article-body ol{color:#374151;margin:0 0 20px;padding-left:24px;font-size:17px;line-height:1.8}.blog-article-body li{margin:6px 0}.blog-article-back{color:#6b7280;align-items:center;gap:8px;margin-bottom:40px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.blog-article-back:hover{color:#111827;gap:12px}@media (max-width:900px){.blog-grid{grid-template-columns:1fr;padding:0 20px 80px}}@media (max-width:768px){.blog-hero{padding:120px 20px 60px}.blog-card{padding:24px}.blog-article-hero{padding:120px 20px 40px}.blog-article-body{padding:32px 20px 80px}.blog-article-body h2{margin:36px 0 12px;font-size:20px}.blog-article-body p{font-size:16px}.blog-back{top:20px;left:20px}}html.dark .blog,html.dark .blog-hero,html.dark .blog-article-hero{background:var(--bg-main);color:var(--text-main)}html.dark .blog-hero__title,html.dark .blog-article-hero__title,html.dark .blog-card__title,html.dark .blog-card__link{color:var(--text-main)}html.dark .blog-hero__subtitle,html.dark .blog-card__excerpt,html.dark .blog-eyebrow{color:var(--text-sub)}html.dark .blog-card{background:var(--bg-sidebar);border-color:var(--border-color)}html.dark .blog-card:hover{box-shadow:0 4px 24px #0000004d}html.dark .blog-card__date{color:var(--text-sub)}html.dark .blog-back,html.dark .blog-article-body h2{color:var(--text-main)}html.dark .blog-article-body p,html.dark .blog-article-body ul,html.dark .blog-article-body ol,html.dark .blog-article-back{color:var(--text-sub)}html.dark .blog-article-back:hover{color:var(--text-main)}html.dark .blog-article-hero__meta{color:var(--text-sub)}html.dark .blog-article-hero__dot{background:var(--text-sub)}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}}
