.hair-awareness-tips-outer{position:relative}.hair-awareness-tips{position:relative;padding-top:var(--tips-padding-top-desktop);padding-bottom:var(--tips-padding-bottom-desktop)}.hair-awareness-tips__inner{position:relative;z-index:1}.hair-awareness-tips__head{text-align:center;max-width:640px;margin:0 auto 48px}.hair-awareness-tips__eyebrow{font-family:var(--body-font-stack);font-size:var(--tips-eyebrow-size-desktop);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tips-eyebrow-color);margin:0 0 12px}.hair-awareness-tips__heading{font-size:var(--tips-heading-size-desktop);font-style:italic;color:var(--tips-heading-color);line-height:1.2;letter-spacing:-.01em;margin:0 0 18px}.hair-awareness-tips__description{font-family:var(--body-font-stack);font-size:var(--tips-desc-size-desktop);color:var(--tips-desc-color);margin:0}.hair-awareness-tips__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,4vw,3.25rem);align-items:start}.hair-awareness-tips__grid--image-right{grid-template-areas:"content visual"}.hair-awareness-tips__grid--image-right .hair-awareness-tips__visual-column{grid-area:visual}.hair-awareness-tips__grid--image-right .hair-awareness-tips__content-column{grid-area:content}.hair-awareness-tips__visual{position:relative;overflow:hidden;border-radius:var(--tips-radius);background:linear-gradient(175deg,var(--tips-placeholder-start) 0%,var(--tips-placeholder-mid) 60%,var(--tips-placeholder-end) 100%)}.hair-awareness-tips__visual--placeholder-ratio{aspect-ratio:4 / 5}.hair-awareness-tips__visual .responsive-image-wrapper,.hair-awareness-tips__visual .theme-img{width:100%;height:auto;display:block}.hair-awareness-tips__visual-cropped{height:var(--tips-visual-height, 550px);background-size:cover;background-position:center;background-repeat:no-repeat}.hair-awareness-tips__tip-cols{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:26px}.hair-awareness-tips__tip-col-heading{font-family:var(--body-font-stack);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tips-col-heading-color);margin:0 0 16px}.hair-awareness-tips__tip-col-content ul{list-style:disc;margin:0;padding-left:20px;display:flex;flex-direction:column;gap:14px}.hair-awareness-tips__tip-col-content li{font-family:var(--body-font-stack);font-size:15px;line-height:1.45;color:var(--tips-col-text-color)}.hair-awareness-tips__tip-col-content li::marker{color:var(--tips-col-text-color)}.hair-awareness-tips__cta-wrap{margin:0 0 24px}.hair-awareness-tips__fineprint{font-family:var(--body-font-stack);font-size:12px;font-style:italic;color:var(--tips-fineprint-color);opacity:.85;max-width:56ch;margin:0}@media(max-width:900px){.hair-awareness-tips__grid,.hair-awareness-tips__grid--image-right{grid-template-columns:1fr;grid-template-areas:"visual" "content"}}@media(max-width:767px){.hair-awareness-tips{padding-top:var(--tips-padding-top-mobile);padding-bottom:var(--tips-padding-bottom-mobile)}.hair-awareness-tips__eyebrow{font-size:var(--tips-eyebrow-size-mobile)}.hair-awareness-tips__heading{font-size:var(--tips-heading-size-mobile)}.hair-awareness-tips__description{font-size:var(--tips-desc-size-mobile)}}@media(max-width:560px){.hair-awareness-tips__tip-cols{grid-template-columns:1fr;gap:22px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-hair-awareness-tips.css.map */