.shopify-section-featured-post{display:flex}.featured-category.page-width{max-width:var(--page-width-wide)}.featured-category--inner{display:flex;grid-gap:32px;flex-direction:row;margin-bottom:32px}.featured-category--title{flex:0 0 30%;display:flex;flex-direction:column;padding-top:32px}.featured-category--posts{display:flex;flex-direction:row;margin-left:-15px;margin-right:-15px}.featured--post-item{padding:15px;flex:0 0 50%}.featured-title h3{font-family:var(--font-heading-family);color:rgb(var(--gray-300));font-weight:600;font-size:32px;letter-spacing:-.03em;line-height:1.35em;margin-top:24px;margin-bottom:0}.featured-title h2{font-family:var(--font-heading-family);color:rgb(var(--gray-25));font-weight:600;font-size:52px;letter-spacing:-.03em;line-height:1.35em;margin-top:4px;margin-bottom:16px;position:relative;display:inline-block}.featured-title .category-emoji{position:absolute;right:-42px;top:-32px;border:4px solid #000;display:flex;align-items:center;justify-content:center;font-size:32px;width:66px;height:66px;border-radius:50%}.featured-title a{display:flex;align-items:center;letter-spacing:-.03em;font-family:var(--font-heading-family);font-size:16px;color:rgb(var(--purple-200));font-weight:600;transition:.3s ease-in-out color;text-decoration:none;padding:8px 0;transition:.3s color ease-in-out}.featured-title a svg{margin-left:8px}.featured-title a:hover{color:rgb(var(--brand-primary))}#development .featured-title .category-emoji{background-color:rgb(var(--brand-secondary))}#ergonomics .featured-title .category-emoji{background-color:var(--ergonomics-color)}#community .featured-title .category-emoji{background-color:rgb(var(--brand-primary))}.top-stories{margin-top:auto;padding-bottom:15px}.top-stories.top-stories--mobile{display:none}.top-stories h4{letter-spacing:-.03em;font-family:var(--font-heading-family);font-size:16px;color:rgb(var(--gray-25));font-weight:600;margin:32px 0 4px}.article-item--mini a{padding:16px 0;border-bottom:1px solid rgba(var(--gray-800),.5);display:flex;flex-direction:row;text-decoration:none;align-items:center;color:rgb(var(--gray-600));transition:.3s color ease-in-out}.article-item--mini a .article-counter{flex:0 0 32px;width:32px;height:32px;margin-right:16px;font-family:var(--font-heading-family);font-size:12px;font-weight:700;color:rgb(var(--gray-500));background:#25273b80;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:.3s color ease-in-out}.article-item--mini a .article-header{flex:1}.article-item--mini a .article-arrow{padding-left:16px}.article-item--mini a h4{margin:0;color:rgb(var(--gray-100));line-height:1.45em;transition:.3s color ease-in-out}.article-item--mini a .post-date{font-family:var(--font-heading-family);font-size:12px;font-weight:700;color:rgb(var(--gray-500));text-transform:uppercase}.article-item--mini a:hover{color:rgb(var(--purple-300));cursor:pointer}.article-item--mini a:hover h4{color:rgb(var(--purple-300))}.article-item--mini a:hover .article-counter{color:rgb(var(--gray-100))}.blog-articles{display:grid;grid-gap:30px;grid-template-columns:1fr 1fr 1fr}@media screen and (min-width: 750px){.blog-articles>*:first-child,.blog-articles>*:nth-child(4),.blog-articles>*:last-child:nth-child(2),.blog-articles>*:last-child:nth-child(5){grid-column:span 1}}.main-blog .title--primary{text-align:center;margin:0rem 0 6rem}.main-blog h1{color:rgb(var(--color-card-hover));font-size:6.4rem;line-height:6.4rem}@media screen and (max-width: 1300px){.top-stories.top-stories--desktop{display:none}.top-stories.top-stories--mobile{display:flex;flex-direction:column}.featured-category--inner{flex-direction:column}.featured-title h2{margin:0}.top-stories h4{margin-top:0}.top-stories--grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px}.top-stories .article-item--mini{height:100%}.top-stories .article-item--mini a{height:inherit}}@media screen and (max-width: 1200px){.blog-articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 750px){.featured-title h3{font-size:24px}.section-hero-blog .hero-content h1,.featured-title h2{font-size:42px}.featured-category--posts{flex-direction:column}.featured--post-item{flex:0 0 100%}.top-stories--grid{grid-template-columns:1fr;grid-gap:4px}.blog-articles{grid-template-columns:1fr;grid-gap:16px}.top-stories .article-item--mini{height:auto}}@media screen and (max-width: 620px){.article-template h1,.section-hero-blog .hero-content h1{font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-main-blog.css.map?v=124374186770044736161674726014 */