.article-hero{margin-bottom:56px;color:#fff;text-transform:uppercase}.article-hero__container{display:flex;flex-direction:column}@media screen and (min-width: 800px){.article-hero__container{flex-direction:row}}.article-hero__content{padding:48px 28px 44px}.article-hero__content-container{max-width:534px;margin:0 auto}.article-hero__content-title{font-family:var(--FraktionSans-Medium);font-size:2.8rem;line-height:3rem;margin-bottom:24px;color:#fff}@media screen and (min-width: 800px){.article-hero__content-title{font-size:4rem;line-height:4.2rem;margin-bottom:40px}}.article-hero__content-excerpt{font-family:var(--FraktionSans-Medium);font-size:2rem;line-height:2.2rem}@media screen and (min-width: 800px){.article-hero__content-excerpt{font-size:2.4rem;line-height:2.8rem}}@media screen and (min-width: 800px){.article-hero__content{display:flex;width:calc(100% - 329px);flex-direction:column;justify-content:center;padding:160px 24px}}@media screen and (min-width: 1025px){.article-hero__content{width:calc(100% - 449px)}}@media screen and (min-width: 1400px){.article-hero__content{width:calc(100% - 599px)}}.article-hero__image{height:542px}.article-hero__image img{-o-object-fit:cover;object-fit:cover;height:100%}.article-hero__image-wrapper{width:100%;height:100%}.article-hero{margin-top:0!important}@media screen and (min-width: 800px){.article-hero__image{width:329px;height:calc(100vh - var(--header-height))}}@media screen and (min-width: 1025px){.article-hero__image{width:449px}}@media screen and (min-width: 1400px){.article-hero__image{width:599px}}.article-hero__author{display:flex;flex-direction:row;align-items:center;margin-top:32px}.article-hero__author-image{width:48px;min-width:48px;height:48px;margin:0 20px 0 0}.article-hero__author-info{font-family:var(--FraktionMono-Medium);font-size:1.6rem;line-height:2rem}@media screen and (min-width: 800px){.article-hero__author{margin-top:40px}}@media screen and (min-width: 800px){.article-hero{margin-bottom:90px}}.article-content *,.article-content a{color:#fff}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-content p,.article-content blockquote,.article-content ol,.article-content ul{padding:0 28px}.article-content ol,.article-content ul{padding-left:50px}.article-content img{width:100%;display:block;height:auto}.article-hero__image img,.article-hero__author img{display:block;width:100%}.article-hero{background-color:#697361}@media screen and (min-width: 800px){.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-content p,.article-content blockquote,.article-content ol,.article-content ul{max-width:732px;margin:0 auto}}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-bottom:32px}@media screen and (min-width: 800px){.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-bottom:40px}}.article-content p{margin-bottom:24px}@media screen and (min-width: 800px){.article-content p{margin-bottom:32px}}.article-content p img{margin:24px 0 16px}.article-content p img+span{color:#c8c8c8}.article-content blockquote{margin:0 auto}.article-content blockquote p{font-family:var(--FraktionSans-Regular);font-size:2.8rem;line-height:3rem;position:relative;padding:0 11px 0 16px;text-transform:uppercase}.article-content blockquote p:after{position:absolute;top:0;left:0;content:"\201c"}.template-article .product-video-wrap{padding-top:24px}@media screen and (min-width: 800px){.article-content blockquote p{font-size:3.2rem;line-height:3.6rem;padding:0 0 0 19px}.template-article .product-video-wrap{padding-top:45px}}.article-content__image{margin:57px 0 48px}.article-content__image img{max-width:none;-o-object-fit:cover;object-fit:cover}.article-content__image>div{line-height:1}.article-content__image--double{display:flex;flex-direction:column}@media screen and (min-width: 800px){.article-content__image--double{flex-direction:row}}@media screen and (min-width: 800px){.article-content__image{margin:96px 0 100px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/article.css.map */