.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{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{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width:750px){.article-template header{margin-top:5rem}}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1rem}.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__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:5rem;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}.article-outer{padding-top:4rem;padding-bottom:4rem}.article-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem;font-family:var(--font-heading-family);font-size:1.3rem;font-weight:500;line-height:1.2;letter-spacing:-.14px;text-transform:uppercase}.breadcrumb-link{color:rgb(var(--color-foreground));text-decoration:none;transition:opacity .2s ease}.breadcrumb-link:hover{opacity:.7}.breadcrumb-separator{color:rgba(var(--color-foreground),.5)}.breadcrumb-current{color:rgba(var(--color-foreground),.7)}.article-container{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media screen and (min-width:990px){.article-container{grid-template-columns:1fr 280px;gap:7rem}}.article-template__main{width:100%}.article-template__header{display:flex;flex-direction:column;gap:1rem;margin-bottom:3.2rem}.article-template__category{display:none}.article-template__category-tag{display:inline-flex;align-items:center;padding:.6rem 1.2rem;font-family:var(--font-heading-family);font-size:1.2rem;font-weight:700;line-height:1;letter-spacing:.12px;text-transform:uppercase;color:rgb(var(--color-foreground));background-color:#fff;border:2px solid rgb(var(--color-foreground));border-radius:100px;text-decoration:none;transition:all .2s ease}.article-template__category-tag:hover{opacity:.75}.article-template__title{font-family:var(--font-heading-family);font-size:3rem;font-weight:500;line-height:1.1;letter-spacing:-.6px;margin:0}.article-template__date{font-family:var(--font-heading-family);font-size:1.3rem;font-weight:500;line-height:1.2;letter-spacing:-.14px;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.article-template__title{font-size:3.6rem;letter-spacing:-.72px}}.article-template__image-container{margin-bottom:3.2rem}.article-template__image{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:1.2rem;background-color:#ededed}.article-template__image img{width:100%;height:100%;object-fit:cover;display:block}.article-template__content{margin-top:0;margin-bottom:3.2rem}.article-template__content h2{font-size:2.8rem;font-weight:600;line-height:1.1;letter-spacing:-.56px;margin:3.2rem 0 1.6rem}.article-template__content h3{font-size:2.4rem;font-weight:600;line-height:1.1;letter-spacing:-.48px;margin:2.4rem 0 1.2rem}.article-template__content p{font-size:1.6rem;font-weight:400;line-height:1.5;letter-spacing:-.18px;margin-bottom:2rem}.article-template__content ul,.article-template__content ol{margin:2rem 0;padding-left:3rem}.article-template__content li{font-family:var(--font-body-family);font-size:1.6rem;font-weight:400;line-height:1.5;letter-spacing:-.18px;margin-bottom:1rem}.article-template__sidebar{width:100%;position:sticky;top:100px}@media screen and (max-width:989px){.article-template__sidebar{margin-top:0}}.article-sidebar__product{margin-bottom:2rem}.sidebar-product__heading{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:400;line-height:1.1;letter-spacing:-.96px;text-transform:uppercase;text-align:center;margin-bottom:1.6rem;padding:0 2.4rem;display:none}.sidebar-variants-grid{display:grid;grid-template-columns:1fr;gap:2rem;width:100%}.sidebar-variant-card{width:100%}.sidebar-variant-card .card-wrapper{margin:0}.sidebar-variant-card .card{background-color:#fff;border:1px solid rgba(var(--color-foreground),.1);border-radius:1.2rem}@media screen and (max-width:989px){.sidebar-product__heading{font-size:2rem;letter-spacing:-.8px}.sidebar-variants-grid{gap:1.6rem}}@media screen and (max-width:749.98px){.sidebar-variants-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog-post.css.map */
