@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
.page-blog{--bg:#0d0d0d;--bg2:#141414;--bg3:#1c1c1c;--ink:#fff;--dim:#ffffff8c;--faint:#ffffff47;--red:#e8563c;--red2:#ff7a5c;--hair:#ffffff1a;--hsft:#ffffff0f;--ease:cubic-bezier(.22, .61, .36, 1);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;padding:110px 0 0;font-family:Inter,sans-serif}.page-blog *,.page-blog :before,.page-blog :after{box-sizing:border-box}.page-blog a{color:inherit;text-decoration:none}.page-blog__inner{max-width:1440px;margin:0 auto;padding:0 44px 120px}.blog-hero{border-bottom:1px solid var(--hair);margin-bottom:96px;padding-bottom:48px}.blog-hero .pill{letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--hair);color:var(--dim);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.blog-hero h1{letter-spacing:-.04em;text-transform:uppercase;max-width:900px;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,7vw,80px);font-weight:700;line-height:1}.blog-hero h1 span{display:block}.blog-hero h1 .red{color:var(--red)}.blog-hero__sub{letter-spacing:.04em;max-width:520px;color:var(--dim);margin-top:28px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5}.page-blog--article{padding-top:100px}.page-blog__inner--article{max-width:1440px}.blog-post__back-link{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;border-bottom:1px solid var(--hair);margin:0 0 28px;padding-bottom:2px;font-family:JetBrains Mono,monospace;font-size:12px;transition:color .2s,border-color .2s;display:inline-block}.blog-post__back-link:hover{color:#fff;border-bottom-color:var(--red)}.blog-article-layout{align-items:start;gap:48px;display:flex}.blog-post{flex:1;min-width:0;max-width:none;margin:0;padding:0}.blog-post__cover-col{width:100%;max-width:1100px}.blog-post__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:13px}.blog-post__title{letter-spacing:-.03em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.05}.blog-post__subtitle{max-width:none;color:var(--dim);letter-spacing:.04em;text-transform:uppercase;margin-top:18px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6}.blog-post__meta-row{letter-spacing:.14em;text-transform:uppercase;color:#fff6;flex-wrap:wrap;gap:12px;margin-top:20px;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.blog-post__media{border:1px solid var(--hsft);background:var(--bg3);border-radius:18px;width:100%;height:420px;margin-top:24px;position:relative;overflow:hidden}.blog-post__content{width:100%;max-width:none;color:var(--dim);margin-top:28px}.blog-post__h{color:var(--ink);letter-spacing:-.02em;margin:34px 0 14px;scroll-margin-top:110px;font-family:Space Grotesk,sans-serif;font-size:22px;line-height:1.25}.blog-post__p{margin:16px 0;font-size:16px;line-height:1.9}.blog-post__author{border-top:1px solid var(--hair);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-top:44px;padding-top:18px;font-family:JetBrains Mono,monospace;font-size:12px}.blog-toc-aside{flex-shrink:0;padding-top:8px}@media (max-width:1023px){.blog-article-layout{gap:0}}@media (max-width:768px){.blog-post__media{height:260px}.blog-post__cover-col{max-width:none}}.blog-list{flex-direction:column;display:flex}.blog-article{border-bottom:1px solid var(--hair);cursor:pointer;transition:background .35s var(--ease);grid-template-columns:1fr;gap:32px;margin:0 -44px;padding:64px 44px;display:grid}.blog-article:hover{background:var(--bg2)}.blog-article__meta{flex-direction:column;order:2;justify-content:space-between;display:flex}.blog-article__tag{letter-spacing:.08em;color:var(--faint);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:13px;display:block}.blog-article__title{letter-spacing:-.02em;transition:color .3s var(--ease);font-family:Space Grotesk,sans-serif;font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1.2}.blog-article:hover .blog-article__title{color:var(--red)}.blog-article__cta{border:1px solid var(--hair);letter-spacing:.1em;text-transform:uppercase;width:max-content;transition:border-color .3s var(--ease), color .3s var(--ease);align-items:center;margin-top:32px;padding:10px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.blog-article:hover .blog-article__cta{border-color:var(--red);color:var(--red)}.blog-article__media{border:1px solid var(--hsft);background:var(--bg3);order:1;height:320px;position:relative;overflow:hidden}.blog-article__media img{object-fit:cover;filter:grayscale()contrast(1.05);transition:transform .7s var(--ease), filter .5s var(--ease)}.blog-article:hover .blog-article__media img{filter:grayscale(.35)contrast(1.08);transform:scale(1.05)}.blog-pagination{justify-content:space-between;align-items:center;margin-top:96px;padding-top:24px;display:flex}.blog-pagination button,.blog-pagination span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:color .25s var(--ease);background:0 0;border:none;font-family:JetBrains Mono,monospace;font-size:13px}.blog-pagination button:disabled{color:var(--faint);cursor:not-allowed;opacity:.5}.blog-pagination button:not(:disabled):hover{color:var(--red)}.blog-pagination__pages{gap:16px;display:flex}.blog-pagination__pages span{cursor:pointer;transition:border-color .25s var(--ease);border-bottom:1px solid #0000}.blog-pagination__pages span.active{border-bottom-color:var(--ink)}.blog-pagination__pages span:not(.active):hover{border-bottom-color:var(--hair)}.blog-footer{border-top:1px solid var(--hair);background:#090909;margin-top:0;position:relative}.blog-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);height:2px;position:absolute;top:0;left:0;right:0}.blog-footer__inner{flex-direction:column;gap:24px;max-width:1440px;margin:0 auto;padding:48px 44px 32px;display:flex}@media (min-width:768px){.blog-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}.blog-footer__brand{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.blog-footer__brand span{color:var(--red)}.blog-footer__links{letter-spacing:.06em;color:var(--dim);flex-wrap:wrap;gap:20px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.blog-footer__links a:hover{color:var(--red)}.blog-footer__copy{letter-spacing:.08em;color:var(--faint);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}@media (min-width:900px){.blog-article{grid-template-columns:3fr 9fr;align-items:stretch}.blog-article__meta{order:1}.blog-article__media{order:2;height:400px}.blog-article__cta{margin-top:0}}@media (max-width:768px){.page-blog__inner{padding-left:20px;padding-right:20px}.blog-article{margin:0 -20px;padding:40px 20px}.blog-hero{margin-bottom:64px}.blog-footer__inner{padding-left:20px;padding-right:20px}}