.kev-hair-needs{--kev-gold: #d8a830;--kev-gold-dark: #b48311;--kev-text: #171717;--kev-muted: #5d5d5d;--kev-bg: #f8f5ee;--kev-surface: #ffffff;--kev-border: #e7dcc0;--kev-active-bg: linear-gradient(180deg, #fbf7ef 0%, #f8f1df 100%);--kev-ease: cubic-bezier(.22, 1, .36, 1);--kev-paper: #fffefb;--kev-paper-soft: #f7efd9;--kev-paper-warm: #f7efe0;--kev-ink: #2f2340;--kev-ink-soft: #665438;--kev-line: #e0d2b7;--kev-line-soft: #eadfcf;--kev-card-shell-bg: linear-gradient(135deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .14) 42%, rgba(255, 255, 255, .3) 100%);--kev-card-shell-bg-strong: linear-gradient(135deg, rgba(255, 255, 255, .56) 0%, rgba(255, 255, 255, .16) 46%, rgba(255, 255, 255, .34) 100%);--kev-card-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .08) 100%);--kev-card-border: rgba(255, 255, 255, .58);--kev-card-content-border: rgba(255, 255, 255, .24);--kev-card-inner-border: rgba(255, 255, 255, .24);--kev-card-radius: 34px;--kev-card-shadow: 0 18px 38px rgba(80, 60, 35, .08), 0 8px 18px rgba(26, 70, 66, .05), inset 0 1px 0 rgba(255, 255, 255, .72);position:relative;overflow:hidden;padding:34px 0 68px;background:radial-gradient(circle at 50% 6%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.28) 24%,transparent 48%),radial-gradient(circle at 16% 84%,rgba(138,222,215,.2) 0%,transparent 32%),radial-gradient(circle at 84% 74%,rgba(214,180,105,.16) 0%,transparent 28%),var(--kev-active-bg);color:var(--kev-ink);content-visibility:auto;contain-intrinsic-size:900px}.kev-hair-needs .kev-hair-needs__inner{max-width:1960px;margin:0 auto;padding:0 32px;position:relative;isolation:isolate}.kev-hair-needs .kev-hair-needs__head{max-width:100%;width:100%;margin:0 0 28px}.kev-hair-needs .kev-hair-needs__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#6a4f1f;margin-bottom:10px}.kev-hair-needs .kev-hair-needs__title{margin:0;font-size:clamp(28px,4vw,52px);line-height:.98;letter-spacing:-.035em;color:#2f2340}.kev-hair-needs .kev-hair-needs__text{margin-top:14px;font-size:16px;line-height:1.75;color:var(--kev-ink-soft);max-width:62ch}.kev-hair-needs .kev-hair-needs__carousel,.kev-hair-needs .kev-hair-needs__viewport{position:relative;background:transparent}.kev-hair-needs .kev-hair-needs__carousel{isolation:isolate}.kev-hair-needs .kev-hair-needs__viewport,.kev-hair-needs .kev-hair-needs__arrow,.kev-hair-needs .kev-hair-needs__mobile-status{position:relative;z-index:1}.kev-hair-needs .kev-hair-needs__grid{display:grid;gap:22px;background:transparent}.kev-hair-needs .kev-hair-needs__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.kev-hair-needs .kev-hair-needs__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.kev-hair-needs .kev-hair-needs__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.kev-hair-needs .kev-hair-needs__grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.kev-hair-needs .kev-hair-needs__item{position:relative;min-width:0;height:100%}.kev-hair-needs .kev-hair-needs__item:before{content:"";position:absolute;top:6%;right:7%;bottom:4%;left:7%;border-radius:var(--kev-card-radius);background:var(--card-bg, radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .32) 0%, transparent 72%));opacity:0;transform:none;transition:opacity .24s ease;pointer-events:none;z-index:0}.kev-hair-needs .kev-hair-needs__card{position:relative;isolation:isolate;z-index:1;display:flex;flex-direction:column;height:100%;width:min(100%,520px);margin:0 auto;padding:18px;overflow:hidden;text-decoration:none;color:var(--kev-ink);background:var(--kev-card-shell-bg);border:1px solid var(--kev-card-border);border-radius:var(--kev-card-radius);box-shadow:0 14px 28px #fff8eb57,0 5px 12px #d6b4690d;gap:6px;transition:transform .32s var(--kev-ease),box-shadow .32s ease,filter .28s ease}.kev-hair-needs .kev-hair-needs__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.24) 22%,transparent 58%),radial-gradient(circle at 16% 12%,rgba(255,255,255,.34),transparent 24%),linear-gradient(115deg,transparent 0%,rgba(255,255,255,.2) 44%,transparent 60%),linear-gradient(90deg,rgba(255,255,255,.1) 0%,transparent 12%,transparent 88%,rgba(255,255,255,.08) 100%);opacity:.78;pointer-events:none;z-index:0}.kev-hair-needs .kev-hair-needs__card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:37px;border:1px solid var(--kev-card-inner-border);pointer-events:none;z-index:1}.kev-hair-needs .kev-hair-needs__media{position:relative;z-index:1;aspect-ratio:1 / 1;overflow:hidden;border-radius:27px;background:transparent;box-shadow:inset 0 1px #ffffff4d,0 4px 10px #fff8eb2e}.kev-hair-needs .kev-hair-needs__image{width:100%;height:100%;object-fit:cover;display:block}.kev-hair-needs .kev-hair-needs__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,transparent 28%,rgba(14,14,14,.08) 72%,rgba(14,14,14,.22) 100%),radial-gradient(circle at 18% 12%,rgba(255,255,255,.26),transparent 28%);pointer-events:none}.kev-hair-needs .kev-hair-needs__placeholder{width:100%;height:100%;display:grid;place-items:center;color:#6a4f1f;font-weight:800;font-size:18px;letter-spacing:.12em;text-transform:uppercase}.kev-hair-needs .kev-hair-needs__content{position:relative;z-index:2;margin-top:12px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto;overflow:hidden;background:linear-gradient(135deg,#ffffff42,#ffffff1a);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:inset 0 1px #ffffff57,0 4px 10px #fff8eb1a}.kev-hair-needs .kev-hair-needs__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.56) 0%,rgba(255,255,255,.12) 34%,transparent 68%);opacity:.12;mix-blend-mode:screen;pointer-events:none;transition:opacity .28s ease}.kev-hair-needs .kev-hair-needs__content:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:23px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.kev-hair-needs .kev-hair-needs__card-title{margin:0;font-size:22px;line-height:1.12;letter-spacing:-.02em;color:#2f2340;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.24em}.kev-hair-needs .kev-hair-needs__card-subtitle{margin:0;color:#5f5243;font-size:14px;line-height:1.52;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(3 * 1.52em)}.kev-hair-needs .kev-hair-needs__cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#6a4c14;min-height:40px}.kev-hair-needs .kev-hair-needs__cta:after{content:"\2192";color:var(--kev-gold-dark);transition:transform .2s ease}.kev-hair-needs .kev-hair-needs__arrow{position:absolute;top:50%;width:46px;height:46px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffffdb;color:#8e6920;box-shadow:0 10px 24px #a77c1c1f;display:none;align-items:center;justify-content:center;padding:0;transform:translateY(-50%);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;z-index:4;cursor:pointer}.kev-hair-needs .kev-hair-needs__arrow span{display:block;font-size:22px;line-height:1;font-weight:900;transform:translateY(-1px)}.kev-hair-needs .kev-hair-needs__arrow--prev{left:-10px}.kev-hair-needs .kev-hair-needs__arrow--next{right:-10px}.kev-hair-needs .kev-hair-needs__arrow:hover:not(:disabled),.kev-hair-needs .kev-hair-needs__arrow:focus-visible:not(:disabled){transform:translateY(calc(-50% - 2px));box-shadow:0 14px 28px #a77c1c2e}.kev-hair-needs .kev-hair-needs__arrow:disabled{opacity:.32;cursor:default;box-shadow:none}.kev-hair-needs .kev-hair-needs__mobile-status{display:none;align-items:center;justify-content:center;gap:10px;margin-top:10px}.kev-hair-needs .kev-hair-needs__dots{display:inline-flex;align-items:center;gap:6px}.kev-hair-needs .kev-hair-needs__dot{width:6px;height:6px;border-radius:999px;background:#dccfb5;transition:width .2s ease,background-color .2s ease,transform .2s ease}.kev-hair-needs .kev-hair-needs__dot.is-active{width:18px;background:var(--kev-gold-dark)}.kev-hair-needs .kev-hair-needs__counter{font-size:11px;line-height:1;font-weight:700;color:#5f5243;letter-spacing:.02em;white-space:nowrap}.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__card:hover{transform:translateY(-3px);box-shadow:0 18px 34px #fff8eb6b,0 7px 16px #d6b46912}.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__card:hover .kev-hair-needs__cta:after{transform:translate(4px)}.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__image{transform:scale(1.02);transition:transform .45s var(--kev-ease),filter .32s ease}.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__card:hover .kev-hair-needs__image{transform:scale(1.03);filter:saturate(1.03)}.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__grid.is-card-hovered .kev-hair-needs__item:not(:hover){opacity:.88}@media screen and (max-width:1099px){.kev-hair-needs .kev-hair-needs__grid--4,.kev-hair-needs .kev-hair-needs__grid--5,.kev-hair-needs .kev-hair-needs__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:750px)and (max-width:1199px){.kev-hair-needs{padding:30px 0 58px}.kev-hair-needs .kev-hair-needs__inner{padding:0 24px}.kev-hair-needs .kev-hair-needs__viewport{overflow:hidden;padding-top:12px}.kev-hair-needs .kev-hair-needs__grid{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0 12px;margin:0;touch-action:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.kev-hair-needs .kev-hair-needs__grid::-webkit-scrollbar{display:none}.kev-hair-needs .kev-hair-needs__item{flex:0 0 50%;min-width:50%;box-sizing:border-box;padding:0 12px;scroll-snap-align:start;scroll-snap-stop:always}.kev-hair-needs .kev-hair-needs__card{width:min(100%,430px);padding:14px;border-radius:30px}.kev-hair-needs .kev-hair-needs__media{border-radius:24px}.kev-hair-needs .kev-hair-needs__content{margin-top:10px;padding:16px 16px 14px;border-radius:20px}.kev-hair-needs .kev-hair-needs__card-title{font-size:20px}.kev-hair-needs .kev-hair-needs__card-subtitle{font-size:13px;line-height:1.45;-webkit-line-clamp:2;min-height:2.9em}.kev-hair-needs .kev-hair-needs__cta{min-height:auto;font-size:13px}.kev-hair-needs.kev-hair-needs--slider-active .kev-hair-needs__arrow,.kev-hair-needs.kev-hair-needs--slider-active .kev-hair-needs__mobile-status{display:inline-flex}.kev-hair-needs .kev-hair-needs__arrow{width:40px;height:40px}.kev-hair-needs .kev-hair-needs__arrow--prev{left:-4px}.kev-hair-needs .kev-hair-needs__arrow--next{right:-4px}}@media screen and (min-width:750px)and (max-width:1199px)and (orientation:landscape){.kev-hair-needs .kev-hair-needs__inner{padding:0 28px}.kev-hair-needs .kev-hair-needs__item{flex-basis:33.3333%;min-width:33.3333%;padding:0 10px}}@media screen and (min-width:1200px){.kev-hair-needs{padding:34px 0 72px}.kev-hair-needs .kev-hair-needs__inner{padding:0 24px}.kev-hair-needs .kev-hair-needs__viewport{overflow:hidden;padding-top:14px}.kev-hair-needs .kev-hair-needs__grid{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:12px 0 18px;margin:0;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.kev-hair-needs .kev-hair-needs__grid::-webkit-scrollbar{display:none}.kev-hair-needs .kev-hair-needs__item{flex:0 0 33.3333%;min-width:33.3333%;box-sizing:border-box;padding:0 12px;scroll-snap-align:start;scroll-snap-stop:always}.kev-hair-needs .kev-hair-needs__card{width:min(100%,390px);padding:14px;border-radius:32px}.kev-hair-needs .kev-hair-needs__media{aspect-ratio:auto;height:332px;border-radius:23px}.kev-hair-needs .kev-hair-needs__content{margin-top:10px;padding:16px 16px 14px;border-radius:20px}.kev-hair-needs .kev-hair-needs__card-title{font-size:20px}.kev-hair-needs .kev-hair-needs__card-subtitle{font-size:13px;line-height:1.45;-webkit-line-clamp:3;min-height:4.35em}.kev-hair-needs .kev-hair-needs__cta{font-size:13px}.kev-hair-needs.kev-hair-needs--slider-active .kev-hair-needs__arrow{display:inline-flex}.kev-hair-needs .kev-hair-needs__mobile-status{display:none!important}.kev-hair-needs .kev-hair-needs__arrow{width:44px;height:44px}.kev-hair-needs .kev-hair-needs__arrow--prev{left:-2px}.kev-hair-needs .kev-hair-needs__arrow--next{right:-2px}}@media screen and (max-width:749px){.kev-hair-needs{padding:24px 0 46px}.kev-hair-needs .kev-hair-needs__inner{padding:0 14px}.kev-hair-needs .kev-hair-needs__viewport{overflow:hidden;padding-top:10px}.kev-hair-needs .kev-hair-needs__grid{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0 12px;margin:0;touch-action:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.kev-hair-needs .kev-hair-needs__grid::-webkit-scrollbar{display:none}.kev-hair-needs .kev-hair-needs__item{flex:0 0 100%;min-width:100%;box-sizing:border-box;padding:0 40px;scroll-snap-align:center;scroll-snap-stop:always}.kev-hair-needs .kev-hair-needs__card{width:min(100%,360px);padding:12px;border-radius:28px}.kev-hair-needs .kev-hair-needs__media{border-radius:22px}.kev-hair-needs .kev-hair-needs__card-title{font-size:20px}.kev-hair-needs .kev-hair-needs__card-subtitle{font-size:13px;line-height:1.45;-webkit-line-clamp:2;min-height:2.9em}.kev-hair-needs .kev-hair-needs__content{margin-top:8px;padding:15px 15px 14px;border-radius:20px}.kev-hair-needs .kev-hair-needs__cta{min-height:auto;font-size:13px}.kev-hair-needs.kev-hair-needs--slider-active .kev-hair-needs__arrow,.kev-hair-needs.kev-hair-needs--slider-active .kev-hair-needs__mobile-status{display:inline-flex}.kev-hair-needs .kev-hair-needs__arrow{width:28px;height:74px}.kev-hair-needs .kev-hair-needs__arrow--prev{left:4px}.kev-hair-needs .kev-hair-needs__arrow--next{right:4px}.kev-hair-needs .kev-hair-needs__arrow span{font-size:20px}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg{background-size:108% 108%}.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg:before,.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg:after{content:"";position:absolute;pointer-events:none}.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg:before{top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background:var(--kev-active-bg),radial-gradient(circle at 20% 28%,rgba(255,255,255,.42),transparent 24%),radial-gradient(circle at 76% 35%,rgba(255,255,255,.2),transparent 22%);opacity:.58}.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg:after{top:-2%;right:-2%;bottom:-2%;left:-2%;z-index:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.12) 26%,rgba(255,255,255,.03) 42%,transparent 58%),radial-gradient(120% 70% at 50% 6%,rgba(255,255,255,.24) 0%,transparent 56%);mix-blend-mode:soft-light}.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__item:before{opacity:0}.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg .kev-hair-needs__card{background:var(--kev-card-shell-bg-strong)!important;box-shadow:0 14px 28px #fff4e057,0 7px 16px #d6b4690f!important}.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg .kev-hair-needs__content:before{opacity:.18}.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg .kev-hair-needs__item:hover{transform:translateY(-2px);z-index:4}.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg .kev-hair-needs__item:hover:before{opacity:0}.kev-hair-needs.kev-hair-needs--enhanced.kev-hair-needs--active-bg .kev-hair-needs__item:hover .kev-hair-needs__content:before{opacity:.26}}@media(prefers-reduced-motion:reduce){.kev-hair-needs,.kev-hair-needs:before,.kev-hair-needs:after,.kev-hair-needs *{scroll-behavior:auto!important}.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__card,.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__image,.kev-hair-needs.kev-hair-needs--enhanced .kev-hair-needs__cta:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/kev-hair-needs-grid.css.map */