.article-template h1,.article-template h2,.article-template h3,.article-template h4,.article-template h5,.article-template h6{margin:0}.article-template .article-container{display:grid}@media screen and (max-width:768px){.article-template .article-container{grid-template:". main ."/20px 1fr 20px}}@media screen and (min-width:768px){.article-template .article-container{grid-template:". main ."/5fr 26fr 5fr}}.article-template .blog-header{display:grid;align-items:center}@media screen and (max-width:768px){.article-template .blog-header{height:360px}}@media screen and (min-width:768px){.article-template .blog-header{height:170px}}.article-template .blog-publish-date{font-family:neue-haas-grotesk-text,sans-serif;font-weight:700;line-height:1.2;letter-spacing:0}@media screen and (max-width:768px){.article-template .blog-publish-date{font-size:10px}}@media screen and (min-width:768px){.article-template .blog-publish-date{font-size:13px}}.article-template .blog-title{font-weight:900;line-height:1.2;letter-spacing:0}@media screen and (max-width:768px){.article-template .blog-title{font-size:18px;margin-top:7px}}@media screen and (min-width:768px){.article-template .blog-title{font-size:22px;margin-top:5px}}@media screen and (max-width:768px){.article-template .blog-image{margin-top:25px}}@media screen and (min-width:768px){.article-template .blog-image{margin-top:50px}}@media screen and (max-width:768px){.article-template .blog-body{font-weight:500;font-size:13px;line-height:1.85;letter-spacing:.02em}}@media screen and (min-width:768px){.article-template .blog-body{display:grid;grid-template:". main ."/1fr 24fr 1fr;font-weight:500;font-size:14px}}.article-template .blog-body h1,.article-template .blog-body h2,.article-template .blog-body h3,.article-template .blog-body h4,.article-template .blog-body h5,.article-template .blog-body h6{font-weight:900;line-height:1.2;letter-spacing:0;margin-top:55px;margin-bottom:22.5px}@media screen and (max-width:768px){.article-template .blog-body h1{font-size:18px}}@media screen and (max-width:768px){.article-template .blog-body h2{font-size:16px}}@media screen and (min-width:768px){.article-template .blog-body h2{font-size:22px}}@media screen and (max-width:768px){.article-template .blog-body h3{font-size:15px}}@media screen and (min-width:768px){.article-template .blog-body h3{font-size:18px}}@media screen and (max-width:768px){.article-template .blog-body h4{font-size:14px}}@media screen and (min-width:768px){.article-template .blog-body h4{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/main-article.css.map */
