@supports (padding: 0 clamp(18px,3.3vw,3.3vw)){@media(max-width:719px){:root{--space-outer:clamp(18px, 3.3vw, 3.3vw)}}}.article{--article-width:540px;padding-bottom:40px;padding-bottom:var(--spacing-10)}.article__heading+.article__share,.article__date+.article__share{margin-top:var(--spacing-3)}@media(min-width:480px){.article__heading+.article__share,.article__date+.article__share{margin-top:var(--spacing-5)}}.article__header,.article .article__header{max-width:none;margin:48px 0 40px;margin:var(--spacing-12) 0 var(--spacing-10);padding:0 3.3vw;padding:0 var(--space-outer)}@media(min-width:720px){.article__header,.article .article__header{margin-top:var(--spacing-16)}}.article__header-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--content-width);margin:0 auto}.article__tags{margin-bottom:20px;margin-bottom:var(--spacing-5)}.article__meta{margin-top:var(--spacing-3);opacity:.6}.article__meta span+time{padding-left:16px;padding-left:var(--spacing-4)}.article__image{margin:40px auto;margin:var(--spacing-10) auto;padding:0 3.3vw;padding:0 var(--space-outer)}.article__image.article__image--image-aspect-custom .article__image-container{position:relative;height:var(--custom-height-mobile);overflow:hidden}@media(min-width:480px){.article__image.article__image--image-aspect-custom .article__image-container{height:var(--custom-height)}}.article__image.article__image--image-aspect-custom .image__img{display:block;position:absolute;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-o-object-position:var(--focal-alignment, center);object-position:var(--focal-alignment, center);top:0;left:0;width:100%;height:100%}.article__image.article__image--full-width{padding:0}.article__image.article__image--full-width.article__image--top{margin-top:0}.article__image-container{width:100%;max-width:1400px;max-width:var(--max-width);margin:0 auto}.article__image--full-width .article__image-container{max-width:none}.article__image-inner{height:100%}.article__image-inner .image__img{width:100%}.article__content{width:100%;margin:40px auto;margin:var(--spacing-10) auto;padding:0 3.3vw;padding:0 var(--space-outer)}.article__content .article__rte{padding:0;margin:0}.article__content-inner{width:100%;max-width:var(--content-width);margin:0 auto}.article__comments{margin:40px auto 0;margin:var(--spacing-10) auto 0;padding:0 3.3vw;padding:0 var(--space-outer)}.article__comments .form-message{margin-bottom:20px;margin-bottom:var(--spacing-5)}.article__comments .form-status{margin:20px 0;margin:var(--spacing-5) 0}.article+.article__comments{margin-top:var(--spacing-10)}.article__pagination{margin-top:var(--spacing-9);padding:0 3.3vw;padding:0 var(--space-outer)}.article__pagination .article__block-inner{display:flex;justify-content:space-between}.article__pagination-sharing-inner{width:100%;max-width:var(--content-width);margin:0 auto}.article__social-sharing{width:100%;margin:36px auto;margin:var(--spacing-9) auto;padding:0 3.3vw;padding:0 var(--space-outer)}.article__block-inner{width:100%;max-width:var(--content-width);margin:0 auto}.article-item{--featured-image-width:60%;position:relative}@media(min-width:960px){.article-item.article-item--is-featured{display:flex}.article-item.article-item--is-featured.article-item--has-no-image{display:block}}@media(min-width:1200px){.article-item{display:grid;grid-template-columns:repeat(24,1fr)}.article-item.article-item--has-no-image{display:block}}.article-item__image-wrapper{display:block;text-decoration:none}@media(min-width:960px){.article-item--is-featured .article-item__image-wrapper{flex:0 0 var(--featured-image-width);width:var(--featured-image-width)}}@media(min-width:1200px){.article-item__image-wrapper{grid-column:1 / 16;grid-row:1}}.article-item__content{position:relative;display:flex;margin-top:calc(var(--spacing-12) * -1);padding:0 12px;padding:0 var(--spacing-3);z-index:1}.article-item--has-no-image .article-item__content{margin-top:0}.article-item--is-featured .article-item__content{margin-top:0;padding:0}.article-item--has-no-image .article-item__content{padding:0}@media(min-width:960px){.article-item--is-featured .article-item__content{display:flex;flex-direction:column;justify-content:center;margin-top:0}}@media(min-width:1200px){.article-item__content{grid-column:11 / 25;grid-row:1;margin-top:var(--spacing-7);padding:0}.article-item--is-featured .article-item__content{margin-top:0}}.article-item__content-inner{display:flex;flex-direction:column;width:100%;padding:20px 20px 16px;padding:var(--spacing-5) var(--spacing-5) var(--spacing-4);background-color:var(--color-background)}.article-item--is-featured .article-item__content-inner{padding:24px 16px;padding:var(--spacing-6) var(--spacing-4)}.article-item--has-no-image .article-item__content-inner{padding-right:0;padding-left:0}@media(min-width:720px){.article-item__content-inner{padding:24px 24px 16px;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4)}.article-item--is-featured .article-item__content-inner{padding:24px;padding:var(--spacing-6) var(--spacing-6)}.article-item--has-no-image .article-item__content-inner{padding-right:0;padding-left:0}}@media(min-width:960px){.article-item__content-inner{padding:28px 24px 16px;padding:var(--spacing-7) var(--spacing-6) var(--spacing-4)}.article-item--has-no-image .article-item__content-inner{padding-right:0;padding-left:0}}@media(min-width:1200px){.article-item__content-inner{padding:36px 32px 16px;padding:var(--spacing-9) var(--spacing-8) var(--spacing-4)}.article-item--is-featured .article-item__content-inner{padding:40px 48px;padding:var(--spacing-10) var(--spacing-12)}.article-item--has-no-image .article-item__content-inner{padding-right:0;padding-left:0}}.article-item__tags{margin:0 0 20px;margin:0 0 var(--spacing-5)}.article-item__title{margin-bottom:4px;margin-bottom:var(--spacing-1)}.article-item__meta{margin-bottom:12px;margin-bottom:var(--spacing-3);opacity:.6}.article-item__meta span+time{padding-left:16px;padding-left:var(--spacing-4)}@media(min-width:1200px){.article-item__meta{margin-bottom:16px;margin-bottom:var(--spacing-4)}}.article-item__excerpt{margin-bottom:28px;margin-bottom:var(--spacing-7)}.article-item__read-button{margin-top:auto}.article-tags{display:flex;flex-wrap:wrap;margin:-4px;margin:calc(var(--spacing-1) * -1);padding:0;list-style:none}.article-tags__item{margin:4px;margin:var(--spacing-1)}.article-tags__tag{padding:2px 4px;padding:var(--spacing-unit-half) var(--spacing-unit);border:1px solid var(--color-text);text-transform:uppercase;letter-spacing:.025em}.comments{width:100%;margin:0;padding:0;list-style:none}.comments__heading{margin:36px 0;margin:var(--spacing-9) 0;padding-top:36px;padding-top:var(--spacing-9);border-top:1px solid var(--color-border)}.comment+.comment{margin-top:var(--spacing-7);padding-top:28px;padding-top:var(--spacing-7);border-top:solid 1px var(--color-border-meta)}.comment__meta{margin-bottom:8px;margin-bottom:var(--spacing-2)}.comment__date{display:block;color:var(--color-text-meta)}.comments__leave-heading{border-top:1px solid var(--color-border);margin:36px 0;margin:var(--spacing-9) 0;padding-top:36px;padding-top:var(--spacing-9)}.comments__mod-message{margin:12px 0;margin:var(--spacing-3) 0}.comments__submit{margin-top:var(--spacing-10)}html.do-anim .animation.animation--article .article__image-container .image__img{transition-duration:1.2s;transition-duration:var(--duration-slow)}html.do-anim .animation.animation--article .article__header-inner>*,html.do-anim .animation.animation--article .article__content{--delay-amount:var(--delay-normal);--duration-amount:var(--duration-normal);opacity:0;transform:translateY(20px);transition:transform var(--duration-amount) cubic-bezier(.33,0,0,1),opacity var(--duration-amount) cubic-bezier(.33,0,0,1);transition:transform var(--duration-amount) var(--easing),opacity var(--duration-amount) var(--easing);transition-delay:calc(var(--delay-amount) * 0);transition-delay:calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))}html.do-anim .animation.animation--article .article__header-inner>*.is-visible,html.do-anim .animation.animation--article .article__content.is-visible{opacity:1;transform:unset}html.do-anim .animation.animation--article .article__tags{transform:translateY(10px)}
/*# sourceMappingURL=/cdn/shop/t/38/assets/template-article.css.map */
