article a{color:#333}.article-template .page-width{--page-width: 115.2rem}.article__image{margin-bottom:80px}.article__image img{width:100%;object-fit:cover;display:block;height:auto}.article__heading{margin-bottom:40px}.article__content>div+div{margin-top:80px}.article__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.article__gallery_image-one{grid-area:1 / 1 / 3 / 1}.article__gallery img{max-width:100%;height:100%;object-fit:cover}.article__rich_text h2+div{margin-top:30px}.article-next-prev{padding:110px 0;background:#000;color:#fff;margin-top:80px}.article-next-prev .grid{justify-content:space-between}.article-next-prev h2{color:#fff;display:flex;align-items:center;gap:10px}.article-next-prev a{text-decoration:unset}.next-article svg{rotate:180deg}.article-count.h2{color:#fff}@media (max-width: 749px){.article-next-prev h2,.article-count.h2{font-size:16.79px;font-weight:900;line-height:19.94px}.article-next-prev{padding:50px 0;margin-top:0}.article__image img{height:370px}.article__image{margin-bottom:40px}.article__heading h2,.article__rich_text h2{font-size:23px}.article__rich_text{margin-bottom:40px}.article__gallery{gap:20px}.article__gallery_image-one{grid-area:a;grid-column:1 / span 2}}@media (min-width: 750px) and (max-width: 1024px){.article-next-prev{margin-top:0}.article__rich_text{margin-bottom:80px}.article-next-prev{padding:80px 0}}@media (max-width: 1024px){.article__heading .font-light{margin-top:16px}.article__content{margin-bottom:40px}.article__content>div+div{margin-top:40px}.article__video{display:none}}.how-it-changes-your-hair-color .article__gallery-4{grid-template-columns:1fr}.article__heading .font-light{margin-top:16px}.article-template h4{font-size:26px;line-height:31px}.metafield-rich_text_field>*{margin-bottom:22px}.article__gallery.article__gallery-single{grid-template-columns:repeat(1,1fr)}.article__image_text img{width:100%;height:100%;display:block;object-fit:cover}.article__image_text{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:center}.article__image_text .metafield-rich_text_field *{margin:0 0 20px}.article__image_text .metafield-rich_text_field p{margin-bottom:40px}.metafield-rich_text_field ul{padding-left:28px}@media (max-width: 750px){.article__image_text{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cc-main-article.css.map */