.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}.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{margin-top:2.5rem;line-height:calc(.8 / var(--font-body-scale))}.article-template__title{margin:1.5rem 0;font-size:2.2rem;font-weight:700;text-rendering:geometricprecision}.article-template__author{margin-bottom:1.5rem;font-size:1.6rem;font-style:italic;text-rendering:geometricprecision}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__book{margin-top:3rem}.article-template__social-sharing{margin-top:1.5rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width: 750px){.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:3.5rem}.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}.article-template__book{margin-top:5rem}}.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:rgb(var(--color-foreground));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}.article-sidebar{margin-top:9rem}.article-sidebar>*:not(:last-child),.article-shop .card-wrapper:not(:last-child),.article-related .article-card-wrapper:not(:last-child){margin-bottom:9rem}.article-related .article-card-wrapper{border-bottom:1px solid rgb(var(--color-border))}.article-sidebar .list-social{margin-top:3.5rem}.article-newsletter .newsletter-form{margin-top:-2.3rem}.article-newsletter .list-social__link{padding-bottom:0;padding-top:0}@media screen and (max-width: 749px){.article-newsletter h2{font-size:1rem;font-weight:400;font-family:var(--font-alt-family);letter-spacing:var(--letter-spacing-3);text-decoration:underline}.article-container{margin-bottom:9rem}.article-shop .card-wrapper:not(:last-child),.article-related .article-card-wrapper:not(:last-child){margin-bottom:3rem}.article-template header{padding-right:2.5rem}}@media screen and (min-width: 750px){.article-template__social-sharing{margin-top:3rem}.article-template header{margin-top:0;margin-bottom:2rem}.article-template__title{margin:1.5rem 0 2rem;font-size:5rem;line-height:var(--line-height-zero)}.article-template__author{margin-bottom:3rem;font-size:2.2rem;line-height:3.2rem}}@media screen and (min-width: 990px){.article-container{display:flex}.article-container .article-template{width:60%}.article-container .article-sidebar{width:35%;margin-left:5%;margin-top:0}}@media screen and (min-width: 1200px){.article-container .article-template{width:60%}.article-container .article-sidebar{width:30%;margin-left:10%}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/section-blog-post.css.map */