.cause-navigator{background-color:var(--color-sage-light, #E8EDE6);padding-top:2rem;padding-bottom:2rem}.cause-navigator__container{max-width:var(--container-wide, 1080px)}.cause-navigator__header{text-align:center;margin-bottom:1.25rem}.cause-navigator__title{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-medium, 500);color:var(--color-warm-black, #1A1A18);margin:0 0 var(--space-3, 1rem);letter-spacing:var(--tracking-tight, -.02em)}.cause-navigator__subtitle{font-family:var(--font-body, "Inter", sans-serif);font-size:clamp(1rem,2vw,1.125rem);font-weight:var(--font-normal, 400);color:var(--color-muted-gray, #5A5A58);line-height:var(--leading-relaxed, 1.618);max-width:600px;margin:0 auto}.cause-navigator__grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1rem}@media (min-width: 640px){.cause-navigator__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.cause-card{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--color-paper-white, #FAFAF8);border-radius:var(--radius-lg, 8px);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;transform:translateY(30px)}.cause-navigator__grid .cause-card:nth-child(1){animation:causeCardIn .6s ease-out .1s forwards}.cause-navigator__grid .cause-card:nth-child(2){animation:causeCardIn .6s ease-out .2s forwards}.cause-navigator__grid .cause-card:nth-child(3){animation:causeCardIn .6s ease-out .3s forwards}.cause-navigator__grid .cause-card:nth-child(4){animation:causeCardIn .6s ease-out .4s forwards}@keyframes causeCardIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cause-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cause-card:focus-visible{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px}.cause-card--dehydration .cause-card__icon-wrapper{background-color:#7b99711f}.cause-card--dehydration .cause-card__icon{color:var(--color-dehydration, #7B9971)}.cause-card--dehydration:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-dehydration, #7B9971);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cause-card--dehydration:hover:before{transform:scaleX(1)}.cause-card--pigmentation .cause-card__icon-wrapper{background-color:#8b73551f}.cause-card--pigmentation .cause-card__icon{color:var(--color-pigmentation, #8B7355)}.cause-card--pigmentation:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-pigmentation, #8B7355);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cause-card--pigmentation:hover:before{transform:scaleX(1)}.cause-card--collagen .cause-card__icon-wrapper{background-color:#9b6b8c1f}.cause-card--collagen .cause-card__icon{color:var(--color-collagen, #9B6B8C)}.cause-card--collagen:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-collagen, #9B6B8C);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cause-card--collagen:hover:before{transform:scaleX(1)}.cause-card--inflammation .cause-card__icon-wrapper{background-color:#7b8b9b1f}.cause-card--inflammation .cause-card__icon{color:var(--color-inflammation, #7B8B9B)}.cause-card--inflammation:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-inflammation, #7B8B9B);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cause-card--inflammation:hover:before{transform:scaleX(1)}.cause-card__icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg, 8px);margin-bottom:.5rem;flex-shrink:0}.cause-card__icon{width:22px;height:22px;transition:transform .3s ease}.cause-card:hover .cause-card__icon{transform:scale(1.1)}.cause-card__content{flex:1}.cause-card__title{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:var(--font-semibold, 600);color:var(--color-deep-teal, #1A7B7B);margin:0 0 .5rem;line-height:1.3}.cause-card__description{font-family:var(--font-body, "Inter", sans-serif);font-size:1rem;font-weight:var(--font-normal, 400);font-style:italic;color:var(--color-warm-black, #1A1A18);line-height:1.5;margin:0 0 .75rem}.cause-card__signs{font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:var(--font-normal, 400);color:var(--color-muted-gray, #5A5A58);line-height:1.6;margin:0}.cause-card__link-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-sage-light, #E8EDE6)}.cause-card__link-text{font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:var(--font-medium, 500);color:var(--color-deep-teal, #1A7B7B);transition:color .25s ease}.cause-card__arrow{width:16px;height:16px;color:var(--color-deep-teal, #1A7B7B);transition:transform .25s ease;flex-shrink:0}.cause-card:hover .cause-card__link-text{color:var(--color-warm-black, #1A1A18)}.cause-card:hover .cause-card__arrow{transform:translate(4px)}.cause-navigator__cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .75rem);text-align:center;padding-top:var(--space-4, 1.5rem);border-top:1px solid rgba(26,26,24,.08)}.cause-navigator__cta-text{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-base, 1rem);color:var(--color-muted-gray, #5A5A58);margin:0}.cause-navigator__quiz-btn{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);padding:14px 28px;background-color:#5f8356;color:#fff;border-radius:var(--radius-md, 6px);font-weight:var(--font-semibold, 600);text-decoration:none;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:var(--shadow-sm)}.cause-navigator__quiz-btn:hover{background-color:var(--color-sage-green-dark, #5A7A50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cause-navigator__quiz-icon{width:20px;height:20px;flex-shrink:0}@media (max-width: 639px){.cause-navigator{padding-top:var(--space-6, 3rem);padding-bottom:var(--space-6, 3rem)}.cause-navigator__header{margin-bottom:var(--space-5, 2rem)}.cause-card{padding:var(--space-4, 1.5rem)}.cause-card__icon-wrapper{width:44px;height:44px;margin-bottom:var(--space-3, 1rem)}.cause-card__icon{width:22px;height:22px}.cause-card__signs{display:none}.cause-card__description{margin-bottom:0}.cause-card__link-wrapper{margin-top:.75rem;padding-top:.75rem}.cause-navigator__quiz-btn{width:100%;max-width:320px;justify-content:center}}@media (prefers-reduced-motion: reduce){.cause-card{opacity:1;transform:none;animation:none}.cause-card:hover{transform:none}.cause-card:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/cause-navigator.css.map */