.article-template>*:first-child:not(.article-template__hero-container){margin-top:3rem}@media screen and (min-width: 750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(3rem + var(--page-width-margin))}}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width: 750px) and (max-width: 989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width: 990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template__header{width:100%;max-width:var(--page-width);margin-top:4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width: 750px){.article-template__header{margin-top:4rem}}@media screen and (min-width: 990px){.article-template__header{max-width:74.2rem}}.article-template__title{margin:0}.article-template__date{margin-top:.8rem}.article-template__date time{color:var(--color-styleguide-text);font-size:1.6rem;line-height:1.6}.article-template__excerpt{margin-top:1.2rem;color:var(--color-styleguide-text);font-size:1.6rem;line-height:1.6}.article-template__link{display:flex;justify-content:center;align-items:center;color:var(--color-styleguide-link);font-size:1.6rem;line-height:1.6;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{width:100%;max-width:var(--page-width);margin-top:1.6rem;margin-bottom:4rem}@media screen and (min-width: 990px){.article-template__content{max-width:74.2rem;margin-top:3rem}}.article-template__content h2,.article-template__content h3,.article-template__content h4,.article-template__content h5,.article-template__content h6{margin-bottom:1.6rem}.article-template__content p{margin-bottom:2.4rem}.article-template__content ul,.article-template__content.rte ul{padding-left:2.8rem}.article-template__content ol,.article-template__content.rte ol{padding-left:2.6rem}.article-template__content div:has(img){display:flex;flex-direction:column;margin-bottom:2.4rem}.article-template__content .article-image-caption{margin-top:.8rem;color:var(--color-styleguide-text);font-size:1.2rem;line-height:1.4}.article-template__content iframe{display:block;margin-bottom:2.4rem}.article-template__content iframe[src*="youtube.com"],.article-template__content iframe[src*="vimeo.com"]{width:100%;height:auto;aspect-ratio:16 / 9}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:4rem;padding:2.7rem 0}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width: 750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width: 750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width: 750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.blog-content-video-media-poster{width:100%;height:100%;min-height:19.2rem}.blog-content-video-media-wrapper{width:100%;height:100%}@media screen and (min-width: 990px){.blog-content-video-media-poster{min-height:42rem}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-blog-post.css.map */