#blog .feed,#blog .featured{grid-column:1 / span 13}#blog .feed{padding:0 10px}#blog .header{padding:20px 0 40px;display:flex;flex-direction:column;gap:10px}#blog .header h1{font-size:var(--size-two)}#blog .articles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:40px;column-gap:20px}#blog .featured{grid-column:1 / span 13;grid-row-start:1;width:100%;box-sizing:border-box;background-color:var(--color-bg-tint);overflow-y:scroll;padding:105px 20px 40px;pointer-events:none;transition:all .5s ease;-webkit-overflow-scrolling:touch}#blog .featured img{aspect-ratio:41 / 54;object-fit:cover}#blog .featured .close{cursor:pointer;position:absolute;top:10px;right:10px;color:var(--color-main-gray)}#blog #article-content{transition:all .2s ease}#blog #article-content.hide{opacity:0}#blog .featured.active{opacity:100%;pointer-events:all}#blog .featured .date,#blog .featured .tag{font-size:var(--size-six)}#blog .featured img{width:66%}#blog .featured .content{display:flex;flex-direction:column;gap:5px;margin-top:1.25rem;width:82%}#blog .featured .article-nav{margin-top:4rem;display:flex;flex-direction:column;gap:.75rem}#blog .title{font-size:var(--size-one);margin:1.25rem 0}.article-download{display:flex;margin-top:1rem;text-decoration:underline}#blog .articles:not([data-filtered=null]) .ac{opacity:50%;pointer-events:none}#blog .articles[data-filtered=all] .ac,#blog .articles[data-filtered=press] .ac.press,#blog .articles[data-filtered=award] .ac.award,#blog .articles[data-filtered=update] .ac.update{opacity:100%;pointer-events:all}@media screen and (min-width:768px){#blog .articles{row-gap:80px;column-gap:20px}}@media screen and (max-width:767px){#blog.main-blog .articles .ac{grid-column:1 / -1}}@media screen and (max-width:1024px){#blog.main-blog .featured{display:none}#blog.main-blog .header{padding-top:105px}}@media screen and (min-width:1024px){#blog .feed{padding:0 20px;grid-column:1 / span 7}#blog .featured{z-index:9;grid-column:8 / span 6;width:100%;height:100vh;box-sizing:border-box;position:sticky;top:0;background-color:var(--color-bg-tint);overflow-y:scroll;padding:85px 20px 40px;opacity:100%;pointer-events:all}#blog .featured::-webkit-scrollbar{width:0px;background:transparent}#blog .header{padding:185px 0 80px}#blog .featured .close{display:none}}@media screen and (min-width:1280px){#blog .feed{grid-column:1 / span 6}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/section-main-blog.css.map */