.blog-hero{padding-top:9rem;padding-bottom:3rem}.blog-grid{border-top:1px solid var(--white-10);border-left:1px solid var(--white-10);grid-template-columns:repeat(3,1fr);display:grid}.blog-grid .blog-card{border-right:1px solid var(--white-10);border-bottom:1px solid var(--white-10)}@media screen and (max-width:767px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:479px){.blog-grid{grid-template-columns:1fr}}.blog-card{color:inherit;flex-direction:column;gap:1.5rem;padding:2rem;text-decoration:none;display:flex}.blog-card__visual{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.blog-card__visual img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__visual img{transform:scale(1.05)}.blog-card__meta{align-items:center;gap:.75rem;display:flex}.blog-card__title{transition:color .2s}.blog-card:hover .blog-card__title{color:var(--brand-accent)}.blog-card__author{align-items:center;gap:.625rem;margin-top:auto;padding-top:.5rem;display:flex}.blog-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:2rem;height:2rem}.blog-avatar--lg{width:2.75rem;height:2.75rem}.blog-article-head{max-width:52rem;margin:0 auto}.blog-article__cover{aspect-ratio:21/9;width:100%;margin-bottom:2.5rem;position:relative;overflow:hidden}.blog-article__cover img{object-fit:cover;width:100%;height:100%}.blog-article__meta{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.blog-article__author{align-items:center;gap:.875rem;margin-bottom:2.5rem;display:flex}.blog-article__back{color:inherit;align-items:center;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:color .2s;display:inline-flex}.blog-article__back:hover{color:var(--brand-accent)}.blog-article-layout{position:relative}.blog-article-layout__main{max-width:52rem;margin:0 auto}.blog-article-layout__sidebar{width:14rem;position:absolute;top:0;right:calc(50% + 29rem)}@media screen and (max-width:1279px){.blog-article-layout__sidebar{display:none}}.blog-toc{gap:1rem;width:14rem;display:flex}.blog-toc__label{margin-bottom:1rem;display:block}.blog-toc__progress{background:var(--white-10);flex-shrink:0;width:2px;position:relative}.blog-toc__progress-fill{background:var(--brand-accent);width:100%;transition:height .1s linear;position:absolute;top:0;left:0}.blog-toc__list{flex-direction:column;gap:.875rem;display:flex}.blog-toc__link{color:var(--white-60);text-decoration:none;transition:color .2s}.blog-toc__link:hover{color:var(--white-100)}.blog-toc__link.is-active{color:var(--brand-accent)}.blog-article__body{flex-direction:column;gap:1.5rem;display:flex}.blog-article__section{scroll-margin-top:7rem}.blog-pull-quote{color:var(--white-100);border-left:2px solid var(--brand-accent);margin:.5rem 0 1rem;padding-left:1.5rem}.blog-article__cta{border:1px solid var(--white-10);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3rem;padding:2rem;display:flex}@media screen and (max-width:479px){.blog-article__cta{flex-direction:column;align-items:flex-start}}.blog-article__share{align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.blog-article__share-links{gap:1.25rem;display:flex}.blog-share-link{text-decoration:none;transition:color .2s}.blog-share-link:hover{color:var(--brand-accent)}