.article-template__hero-container{margin:2rem auto 3.2rem;max-width:min(140rem,100%);padding:0 2rem 2rem;border-bottom:1px solid rgba(255,255,255,.14)}.article-template__hero-container .media{border-radius:1.2rem}.article-template__hero{height:var(--article-hero-mobile-height, 320px)}.article-template__hero--fit{height:auto;background-color:transparent}.article-template__hero-container .article-template__hero.article-template__hero--fit>img{position:static;width:auto;max-width:100%;height:auto;max-height:var(--article-hero-mobile-max-height, none);object-fit:contain;margin-inline:auto;border-radius:1.2rem}@media screen and (min-width:750px){.article-template__hero-container{margin-top:2.8rem;margin-bottom:4rem;padding:0 5rem 2.8rem}.article-template__hero{height:var(--article-hero-desktop-height, 460px)}.article-template__hero--fit{height:auto}.article-template__hero-container .article-template__hero.article-template__hero--fit>img{max-height:var(--article-hero-desktop-max-height, none)}}.article-template__back{margin-top:4rem;margin-bottom:2rem}.article-template__link{font-size:1.4rem!important;padding:4px 0!important;position:relative!important;display:inline-block;width:auto!important;margin-bottom:6px!important;transition:color .3s,opacity .3s!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;-webkit-filter:none!important;text-decoration:none!important;color:#fff!important}.article-template__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-red),var(--accent-purple),var(--accent-green));transition:width .3s ease}.article-template__link:hover,.article-template__link:focus-visible{opacity:.7!important;color:#fff!important}.article-template__link:hover:after,.article-template__link:focus-visible:after{width:100%}.article-template__header{margin-bottom:2.4rem}.article-template__header .circle-divider.caption-with-letter-spacing{display:inline-block;margin-top:1rem}.article-template__content{margin-top:2.8rem}@media screen and (min-width:750px){.article-template__content,.article-template__content p,.article-template__content li{font-size:2rem;line-height:1.8}.article-template__header .circle-divider.caption-with-letter-spacing,.article-template__header .caption-with-letter-spacing{font-size:2rem}.article-template__link{font-size:2rem!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-blog-post.css.map */