.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem}@media screen and (min-width: 750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-container{margin:0 auto}.hero-with-text{position:relative;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#000;display:flex;align-items:flex-end;justify-content:flex-start;min-height:60vh;overflow:hidden;margin-top:100px}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1}.hero-content{position:relative;z-index:2;color:#fff;text-align:left;padding:100px 40px}.hero-title{font-size:40px;font-weight:700;line-height:1.3;margin-bottom:1.2rem;color:#fff}.hero-meta{background-color:#e86d2d;display:inline-block;padding:6px 14px;border-radius:4px;font-size:16px;letter-spacing:.3px;color:#fff}.hero-meta span,.hero-meta a{color:#fff;text-decoration:none;margin-right:10px;font-weight:400}.hero-meta a:hover{text-decoration:underline}.hero-meta span:after{content:"|";margin-left:10px;opacity:.7}.hero-meta span:last-child:after{content:""}@media screen and (max-width: 768px){.hero-content{padding:60px 20px}.hero-title{font-size:2rem}.hero-meta{font-size:.85rem;padding:5px 10px}}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.related-articles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-content:center;align-items:stretch}.related-article-item{background:#fff;border:1px solid #ddd;border-radius:10px;text-align:left;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.related-article-item:hover{transform:translateY(-4px);box-shadow:0 3px 10px #0000001a}.related-article-item img{width:100%;height:180px;object-fit:cover}.related-article-item h3{font-size:1.1rem;color:#0073aa;margin:10px;line-height:1.4}.related-article-item h3:hover{text-decoration:underline}@media screen and (max-width: 1024px){.related-articles-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.related-articles-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 480px){.related-articles-grid{grid-template-columns:1fr}}.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in{width:100%!important;background-color:#fff}a.related-article-link{text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-blog-post.css.map */