.hair-awareness-hero-outer{position:relative}.hair-awareness-hero{position:relative;padding-top:var(--haw-padding-top-desktop);padding-bottom:var(--haw-padding-bottom-desktop)}.hair-awareness-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--haw-glow-bg, none)}.hair-awareness-hero__inner{position:relative;z-index:1}.hair-awareness-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,3rem);align-items:center}.hair-awareness-hero__grid--image-left{grid-template-areas:"visual content"}.hair-awareness-hero__grid--image-left .hair-awareness-hero__visual-column{grid-area:visual}.hair-awareness-hero__grid--image-left .hair-awareness-hero__content-column{grid-area:content}.hair-awareness-hero__strand{position:absolute;top:6%;left:50%;width:64vw;max-width:900px;transform:translate(-50vw);opacity:.5;z-index:0;pointer-events:none}.hair-awareness-hero__strand path{fill:none;stroke:var(--haw-line-color);stroke-width:1.4;stroke-linecap:round}@media(prefers-reduced-motion:no-preference){body:not(.animations-disabled) .hair-awareness-hero__strand path{stroke-dasharray:900;stroke-dashoffset:900;animation:hairAwarenessDraw 2.4s cubic-bezier(.16,1,.3,1) .3s forwards}}@keyframes hairAwarenessDraw{to{stroke-dashoffset:0}}.hair-awareness-hero__eyebrow{font-family:var(--body-font-stack);font-size:var(--haw-eyebrow-size-desktop);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--haw-eyebrow-color);margin:0 0 .75em}.hair-awareness-hero__heading{font-size:var(--haw-heading-size-desktop);font-style:italic;line-height:1.15;letter-spacing:-.01em;margin:0 0 22px}.hair-awareness-hero__heading-highlight{color:var(--haw-highlight-color)}.hair-awareness-hero__description{font-family:var(--body-font-stack);font-size:var(--haw-desc-size-desktop);color:var(--haw-desc-color);max-width:46ch;margin:0 0 2rem}.hair-awareness-hero__ctas{display:flex;gap:1rem;flex-wrap:wrap}.hair-awareness-hero__ctas .btn{transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,color .25s,border-color .25s}@media(prefers-reduced-motion:no-preference){body:not(.animations-disabled) .hair-awareness-hero__ctas .btn:hover{transform:translateY(-2px)}body:not(.animations-disabled) .hair-awareness-hero__cta-arrow{display:inline-block;transition:transform .25s}body:not(.animations-disabled) .hair-awareness-hero__ctas .btn:hover .hair-awareness-hero__cta-arrow{transform:translate(3px)}}.hair-awareness-hero__visual{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--haw-radius);background:linear-gradient(155deg,var(--haw-placeholder-start) 0%,var(--haw-placeholder-end) 100%)}.hair-awareness-hero__visual .responsive-image-wrapper,.hair-awareness-hero__visual .theme-img{width:100%;height:100%}.hair-awareness-hero__visual-monogram{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--header-font-stack);font-style:italic;font-size:min(38vw,220px);color:#ffffff29;line-height:1}.hair-awareness-hero__visual-caption{position:absolute;z-index:2;inset:auto 0 0 0;padding:26px 28px;color:#fff;font-family:var(--body-font-stack);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}@media(max-width:940px){.hair-awareness-hero__grid,.hair-awareness-hero__grid--image-left{grid-template-columns:1fr;grid-template-areas:"content" "visual"}.hair-awareness-hero__visual{max-width:26rem;margin:0 auto}}@media(max-width:767px){.hair-awareness-hero{padding-top:var(--haw-padding-top-mobile);padding-bottom:var(--haw-padding-bottom-mobile)}.hair-awareness-hero__eyebrow{font-size:var(--haw-eyebrow-size-mobile)}.hair-awareness-hero__heading{font-size:var(--haw-heading-size-mobile)}.hair-awareness-hero__description{font-size:var(--haw-desc-size-mobile)}.hair-awareness-hero__ctas{flex-direction:column;align-items:stretch}.hair-awareness-hero__ctas .hair-awareness-hero__cta{width:100%;box-sizing:border-box;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-hair-awareness-hero.css.map */