.blog-post{grid-template-columns:1fr 392px;column-gap:48px;display:grid}.blog-post-sidebar{grid-area:1/2/span 4;align-self:flex-start;position:sticky;top:112px;right:0}@media screen and (max-width:1023px){.blog-post{flex-direction:column;display:flex}}body:has(.header.with-banner) .blog-post-sidebar{top:152px}
.blog-post-page .hero-bredcrumbs{margin-bottom:32px}@media screen and (max-width:639px){.blog-post-page .hero-bredcrumbs{margin-bottom:20px}}.post-heading-tags{gap:6px;display:flex}.post-heading-title{letter-spacing:-2px;font-size:56px;line-height:110%}@media screen and (max-width:639px){.post-heading-title{letter-spacing:-1px;font-size:32px;line-height:120%}}.post-heading-title{margin:16px 0 20px}.post-heading-meta{justify-content:flex-start;column-gap:40px;display:flex}.post-heading-meta-item{flex-direction:column;justify-content:space-between;gap:12px;display:flex}.post-heading-meta-item__title{font-size:14px;line-height:100%}@media screen and (max-width:639px){.post-heading-meta-item__title{font-size:12px}}.post-heading-meta-item__title{opacity:.5}.post-heading-meta-item__description{font-size:16px;line-height:140%}@media screen and (max-width:639px){.post-heading-meta-item__description{font-size:14px}}.post-heading-author{justify-content:flex-start;align-items:center;gap:8px;display:flex}.post-heading-author__avatar{border-radius:50%;width:22px;height:22px;overflow:hidden}.post-heading-author__avatar-fallback{font-size:14px;line-height:100%}@media screen and (max-width:639px){.post-heading-author__avatar-fallback{font-size:12px}}.post-heading-author__avatar-fallback{font-family:var(--space-grotesk-bold);color:var(--Blue-purple);text-transform:uppercase;justify-content:center;align-items:center;display:inline-flex}.post-heading-author__name{font-size:14px;line-height:100%}@media screen and (max-width:639px){.post-heading-author__name{font-size:12px}}.post-heading-author__name{transition:color .2s ease-in-out}.post-heading a.post-heading-author:hover,.post-heading a.post-heading-author:focus,.post-heading a.post-heading-author:active{color:var(--Blue-purple);outline:none}@media screen and (max-width:767px){.post-heading-tags{gap:4px}.post-heading-tags>.tag{padding:5px 10px}.post-heading-title{margin:16px 0}.post-heading-meta{flex-wrap:wrap;gap:16px 32px}.post-heading-meta-item{gap:8px}}
