.article-template{--article-max-width: 90rem;--content-max-width: 75rem;--vertical-spacing: clamp(4rem, 8vw, 8rem)}.article-template>*:first-child:not(.article-template__hero-container){margin-top:var(--vertical-spacing)}.article-template__hero-container{max-width:var(--article-max-width);margin:0 auto;overflow:hidden;background-color:rgba(var(--color-foreground),.03)}.article-template__hero-small{height:clamp(20rem,30vw,35rem)}.article-template__hero-medium{height:clamp(30rem,45vw,50rem)}.article-template__hero-large{height:clamp(40rem,60vw,70rem)}.article-template__hero-container img{width:100%;height:100%;object-fit:contain;object-position:center}.article-template header{margin-top:calc(var(--vertical-spacing) * .75);margin-bottom:calc(var(--vertical-spacing) * .5);text-align:center;max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.article-template__title{margin:0 0 2rem;font-size:clamp(3rem,5vw,4.8rem);line-height:1.1;letter-spacing:-.02em;font-weight:700}.article-template header .circle-divider,.article-template header .caption-with-letter-spacing{font-size:1.4rem;color:rgba(var(--color-foreground),.6);font-weight:400}.article-template header .circle-divider:before{content:"\2022";margin:0 1rem;opacity:.4}.article-template header .circle-divider:first-child:before{display:none}.article-template__content{margin-top:var(--vertical-spacing);margin-bottom:var(--vertical-spacing);max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.article-template__content.rte{font-size:1.8rem;line-height:1.7;color:rgba(var(--color-foreground),.85)}.article-template__content.rte h2,.article-template__content.rte h3,.article-template__content.rte h4{margin-top:calc(var(--vertical-spacing) * .75);margin-bottom:2rem;line-height:1.3;font-weight:600}.article-template__content.rte p{margin-bottom:2.4rem}.rte img{display:block;width:100%;max-width:100%;height:auto;max-height:60rem;object-fit:contain;object-position:center;margin:calc(var(--vertical-spacing) * .5) auto;background-color:rgba(var(--color-foreground),.02);padding:2rem;border:none;border-radius:.8rem;box-shadow:0 .4rem 2rem rgba(var(--color-foreground),.08)}@media screen and (min-width: 750px){.rte img{padding:3rem}}.article-template__social-sharing{margin:var(--vertical-spacing) auto;padding:3rem 0;border-top:1px solid rgba(var(--color-foreground),.08);border-bottom:1px solid rgba(var(--color-foreground),.08);max-width:var(--content-max-width)}.article-template__back{margin-bottom:calc(var(--vertical-spacing) * .5)}.article-template__link{font-size:1.6rem;display:inline-flex;align-items:center;text-decoration:none;color:rgba(var(--color-foreground),.6);transition:color .2s ease}.article-template__link:hover{color:rgba(var(--color-foreground),1)}.article-template__link .icon-wrap{display:flex;margin-right:.8rem;transform:rotate(180deg);transition:transform .2s ease}.article-template__link:hover .icon-wrap{transform:rotate(180deg) translate(-.3rem)}.article-template__comment-wrapper{margin-top:var(--vertical-spacing);padding:calc(var(--vertical-spacing) * .75) 0;background-color:rgba(var(--color-foreground),.02)}.article-template__comments-comment{background-color:rgb(var(--color-background));margin-bottom:2rem;padding:2.5rem;border-radius:.8rem;box-shadow:0 .2rem 1rem rgba(var(--color-foreground),.05)}.article-template__comment-fields{margin-bottom:3rem}.article-template__comment-fields .field__input,.article-template__comment-fields .text-area{background-color:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.1);border-radius:.6rem;transition:all .2s ease}.article-template__comment-fields .field__input:focus,.article-template__comment-fields .text-area:focus{background-color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.3);box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.05)}@media screen and (min-width: 750px){.article-template__content.rte{font-size:1.9rem;line-height:1.75}.article-template__comments-comment{padding:3rem}}@media screen and (min-width: 990px){.article-template__content.rte{font-size:2rem;line-height:1.8}.rte img{padding:4rem;max-height:70rem}}@media (prefers-color-scheme: dark){.article-template__hero-container,.rte img{background-color:rgba(var(--color-background),.05)}}.article-template *{transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:ease-out}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-blog-post-sleek.css.map */