.ev-shop-by-need{--ev-sbn-card-h: 20rem;--ev-sbn-plate: 4.4rem;--ev-sbn-plate-chamfer: .5rem;--ev-sbn-ground: #141414;padding-top:0}.ev-shop-by-need__intro{padding-bottom:1.6rem}.ev-shop-by-need__intro .ev-section-title{margin:0}.ev-shop-by-need__band--performance{background-color:var(--ev-color-ink);color:#fff;--ev-sbn-ground: #141414}.ev-shop-by-need__band--care{background-color:var(--ev-color-cream);color:var(--ev-color-ink);--ev-sbn-ground: #ffffff}.ev-shop-by-need__band-inner{display:flex;flex-direction:column;gap:2rem;padding-top:2.8rem;padding-bottom:2.8rem}.ev-shop-by-need__band-head{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.ev-shop-by-need__band-copy{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem}.ev-shop-by-need__band-heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:1.8rem;line-height:1.12;text-transform:uppercase;color:currentColor}.ev-shop-by-need__band-link{font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:currentColor;text-decoration:underline;text-underline-offset:.3rem}.ev-shop-by-need__band-link:hover{text-decoration-thickness:.2rem}.ev-shop-by-need__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.6rem}.ev-shop-by-need__item{display:flex}.ev-shop-by-need__card{position:relative;display:block;overflow:hidden;width:100%;height:var(--ev-sbn-card-h);background-color:var(--ev-sbn-ground);text-decoration:none;color:inherit}.ev-shop-by-need__band--care .ev-shop-by-need__card{border:.1rem solid var(--ev-color-sand)}.ev-shop-by-need__bloom,.ev-shop-by-need__pool,.ev-shop-by-need__shadow,.ev-shop-by-need__media,.ev-shop-by-need__fade,.ev-shop-by-need__scrim,.ev-shop-by-need__ink{display:block;position:absolute;pointer-events:none}.ev-shop-by-need__bloom{left:29.81%;top:-10.33%;width:110.58%;height:147.28%;opacity:.85;background:radial-gradient(ellipse closest-side at 50% 50%,#ed2024d9,#4b2f3073 68.3%,#14141400);transition:opacity .32s ease,transform .32s ease}.ev-shop-by-need__pool{left:37.18%;top:77.17%;width:74.36%;height:30.43%;opacity:.85;filter:blur(1.4rem);background:radial-gradient(ellipse closest-side at 50% 50%,#ffffff38,#ffffff0f 60%,#fff0);transition:opacity .32s ease}.ev-shop-by-need__shadow{left:48.72%;top:88.04%;width:50.64%;height:11.96%;background:radial-gradient(ellipse closest-side at 50% 50%,#000c,#00000059 60%,#0000)}.ev-shop-by-need__media{left:31.41%;top:7.07%;width:85.9%;height:90.76%;transform-origin:50% 88%;transition:transform .32s ease}.ev-shop-by-need__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%}.ev-shop-by-need__fade{left:0;right:0;bottom:0;height:23.91%;background:linear-gradient(to bottom,#14141400,#14141452)}.ev-shop-by-need__scrim{left:0;top:0;width:59.62%;height:100%;background:linear-gradient(to right,#141414,#141414e6,#14141400)}.ev-shop-by-need__ink{top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,89.92% 100%,0 100%);background:linear-gradient(to right,#0a0a0afc,#0a0a0a40 40%,#0a0a0a0d,#0a0a0a00)}.ev-shop-by-need__band--care .ev-shop-by-need__bloom{background:radial-gradient(ellipse closest-side at 50% 50%,#c9ae8e99,#e8dccb61 45%,#fff0)}.ev-shop-by-need__band--care .ev-shop-by-need__pool{background:radial-gradient(ellipse closest-side at 50% 50%,#c9b79e6b,#d6c3ac24 60%,#fff0)}.ev-shop-by-need__band--care .ev-shop-by-need__shadow{background:radial-gradient(ellipse closest-side at 50% 50%,#0a0a0a38,#0a0a0a14 60%,#0a0a0a00)}.ev-shop-by-need__band--care .ev-shop-by-need__fade{background:linear-gradient(to bottom,#fff0,#fff6)}.ev-shop-by-need__band--care .ev-shop-by-need__scrim{background:linear-gradient(to right,#fff,#ffffffeb,#fff0)}.ev-shop-by-need__copy{position:absolute;left:2.8rem;top:1.6rem;bottom:1.6rem;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;width:15.6rem;max-width:calc(100% - 5.6rem)}.ev-shop-by-need__head,.ev-shop-by-need__text,.ev-shop-by-need__cta{flex:none}.ev-shop-by-need__head{display:flex;align-items:center;gap:1.2rem}.ev-shop-by-need__plate{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ev-sbn-plate);height:var(--ev-sbn-plate);background-color:var(--ev-color-red);clip-path:polygon(var(--ev-sbn-plate-chamfer) 0,calc(100% - var(--ev-sbn-plate-chamfer)) 0,100% var(--ev-sbn-plate-chamfer),100% calc(100% - var(--ev-sbn-plate-chamfer)),calc(100% - var(--ev-sbn-plate-chamfer)) 100%,var(--ev-sbn-plate-chamfer) 100%,0 calc(100% - var(--ev-sbn-plate-chamfer)),0 var(--ev-sbn-plate-chamfer))}.ev-shop-by-need__plate--bare{background-color:transparent;clip-path:none}.ev-shop-by-need__glyph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ev-sbn-ground)}.ev-shop-by-need__glyph svg{flex:none;max-width:55%;max-height:62%}.ev-shop-by-need__plate--bare .ev-shop-by-need__glyph svg{max-width:100%;max-height:100%;width:100%;height:100%}.ev-shop-by-need__title{font-family:var(--font-heading-family);font-weight:700;font-size:1.7rem;line-height:1.12;letter-spacing:.01em;text-transform:uppercase;color:currentColor}.ev-shop-by-need__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:1.35rem;line-height:1.56}.ev-shop-by-need__band--performance .ev-shop-by-need__text{color:#e6e6e6}.ev-shop-by-need__band--care .ev-shop-by-need__text{color:var(--ev-color-text-dim)}.ev-shop-by-need__cta{display:inline-flex;align-items:center;gap:.8rem;margin:auto -1.2rem -.7rem;padding:.7rem 1.2rem;background-color:transparent;font-weight:700;font-size:1.35rem;line-height:1.5;color:#fff;transition:background-color .22s ease,color .22s ease}.ev-shop-by-need__band--care .ev-shop-by-need__cta{color:var(--ev-color-red)}.ev-shop-by-need__cta svg{display:block;flex:none}.ev-shop-by-need__card:hover .ev-shop-by-need__cta,.ev-shop-by-need__card:focus-visible .ev-shop-by-need__cta{background-color:var(--ev-color-red);color:#fff}.ev-shop-by-need__card:hover .ev-shop-by-need__bloom,.ev-shop-by-need__card:focus-visible .ev-shop-by-need__bloom{opacity:1;transform:scale(1.12)}.ev-shop-by-need__card:hover .ev-shop-by-need__pool,.ev-shop-by-need__card:focus-visible .ev-shop-by-need__pool{opacity:1}.ev-shop-by-need__card:hover .ev-shop-by-need__media,.ev-shop-by-need__card:focus-visible .ev-shop-by-need__media{transform:scale(1.06)}.ev-shop-by-need__card:focus-visible{outline:.2rem solid var(--ev-color-red);outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.ev-shop-by-need__bloom,.ev-shop-by-need__media,.ev-shop-by-need__pool{transition:none}.ev-shop-by-need__card:hover .ev-shop-by-need__bloom,.ev-shop-by-need__card:hover .ev-shop-by-need__media,.ev-shop-by-need__card:focus-visible .ev-shop-by-need__bloom,.ev-shop-by-need__card:focus-visible .ev-shop-by-need__media{transform:none}}@media screen and (min-width:750px){.ev-shop-by-need__band-inner{gap:2.4rem;padding-top:3.2rem;padding-bottom:3.2rem}.ev-shop-by-need__band-head{flex-direction:row;align-items:center;justify-content:space-between;gap:2.4rem}.ev-shop-by-need__band-heading{font-size:2rem}.ev-shop-by-need__grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (min-width:1200px){.ev-shop-by-need__grid{grid-template-columns:repeat(4,1fr);gap:2.4rem}}@media screen and (max-width:749px){.ev-shop-by-need__band-head{display:contents}.ev-shop-by-need__band-copy{order:1;align-self:flex-start}.ev-shop-by-need__grid{order:2}.ev-shop-by-need__band-link{order:3;align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ev-shop-by-need.css.map */