.article-template__banner-container{display:flex;flex-direction:column}@media screen and (min-width: 990px){.article-template__banner-container{flex-direction:row;max-height:100vh}}.article-template__hero-container,.article-template__info-container{margin:0 auto;width:100%}@media screen and (min-width: 990px){.article-template__hero-container,.article-template__info-container{width:50%}}.article-template__info-container{display:flex;flex-direction:column;justify-content:space-between;padding:3rem 2rem;gap:5rem}@media screen and (min-width: 750px){.article-template__info-container{gap:0;padding:12rem 5rem}}@media screen and (max-width: 990px) and (min-width: 751px){.article-template__info-container{gap:5rem;padding:5rem 9rem}}.article-templaye__eyebrow,.article-template__title,.article-template__excerpt,.article-template__date,.article-template__cra-title{color:var(--article-color, var(--hh-color-day))}.article-templaye__eyebrow,.article-template__cra-title{text-transform:uppercase}.article-template__collection-blocks{display:flex;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory}.article-template__collection-blocks::-webkit-scrollbar{display:none}.article-template__collection-item{flex:1 0 auto;min-width:0}.article-template__collection-item a{display:flex;align-items:center;background:#fff;border:.2rem solid transparent}.article-template__collection-item a:focus-visible{outline:none;border:.2rem solid var(--hh-color-focus)}.collection-item__title{display:flex;align-items:center;margin:2rem}.collection-item__title svg{width:12px;margin-left:10px;margin-bottom:3px}.collection-item__title path{stroke-width:1.5px}.collection-item__img{max-height:60px}.article-template__cra-blocks{margin-bottom:15px}.article-template__title{font-style:italic;margin:0}.article-template__title:not(:only-child){margin-bottom:2rem}.article-template__hero-img{width:100%;display:block;height:auto;object-fit:cover;max-height:100vh}.article-template__content{position:relative;margin:0 auto;padding:3rem 2rem 2rem;max-width:990px;z-index:1}@media screen and (min-width: 990px){.article-template__content{padding:8rem 2rem 2rem}.article-template__content.article-template__content--two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;column-gap:var(--hh-spacing-2xl)}.article-template__text-container,.article-template__image-container{width:100%;min-width:0}}.article-template__content :where(h1,h2,h3,h4,h5,h6){margin:0}.article-template__content :where(h1){font:var(--hh-h1-font);letter-spacing:var(--hh-h1-letter-spacing);text-transform:var(--hh-h1-text-transform)}.article-template__content :where(h2){font:var(--hh-h2-font);letter-spacing:var(--hh-h2-letter-spacing);text-transform:var(--hh-h2-text-transform)}.article-template__content :where(h3){font:var(--hh-h3-font);letter-spacing:var(--hh-h3-letter-spacing);text-transform:var(--hh-h3-text-transform)}.article-template__content :where(h4){font:var(--hh-h4-font);letter-spacing:var(--hh-h4-letter-spacing);text-transform:var(--hh-h4-text-transform)}.article-template__content :where(h5){font:var(--hh-h5-font);letter-spacing:var(--hh-h5-letter-spacing);text-transform:var(--hh-h5-text-transform)}.article-template__content :where(h6){font:var(--hh-h6-font);letter-spacing:var(--hh-h6-letter-spacing);text-transform:var(--hh-h6-text-transform)}.article-template__content :where(blockquote){position:relative;margin:3rem 0;color:var(--theme-color-ink);font:var(--theme-body-pullquote);font-style:italic}@media screen and (min-width: 990px){.article-template__content :where(blockquote){margin:5rem 0}}.article-template__content :where(blockquote) *{color:var(--theme-color-ink)}.article-template__content :where(blockquote) p{margin:0;font:var(--hh-body-pullquote);font-style:italic}.article-template__content :where(ul,ol){margin:16px 0;padding-left:32px;line-height:2}.article-template__content :where(ul){list-style:disc}.article-template__content :where(img){margin:48px 0;height:100%;object-fit:cover}.article-template__content :where(video){width:100%}.article-template__image-container img{margin-top:0;margin-bottom:40px;max-width:100%;width:100%;height:auto!important}.article-template__image-container img:nth-child(5n+1){width:52%;float:right!important}.article-template__image-container img:nth-child(5n+2){width:40%;float:left!important;margin-top:140px}
/*# sourceMappingURL=/cdn/shop/t/242/assets/section-blog-post.css.map */