.cause-related{background-color:var(--color-paper-white, #FAFAF8);padding:var(--space-7, 4rem) 0}.cause-related__container{max-width:var(--container-wide, 1080px);margin:0 auto;padding:0 var(--gutter, 1.5rem)}.cause-related__header{text-align:center;margin-bottom:var(--space-5, 2rem)}.cause-related__title{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(1.5rem,3.5vw,var(--text-xl, 1.563rem));font-weight:var(--font-medium, 500);line-height:var(--leading-snug, 1.25);color:var(--color-warm-black, #1A1A18);margin:0 0 var(--space-3, 1rem) 0}.cause-related__intro{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-base, 1rem);line-height:var(--leading-relaxed, 1.618);color:var(--color-muted-gray, #5A5A58);max-width:540px;margin:0 auto}.cause-related__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4, 1.5rem)}@media(min-width:640px){.cause-related__grid{grid-template-columns:repeat(2,1fr)}}.cause-related__card{display:flex;flex-direction:column;padding:var(--space-5, 2rem);background-color:var(--color-sage-light, #E8EDE6);border-radius:var(--radius-lg, 8px);text-decoration:none;transition:transform var(--transition-base, .2s ease),box-shadow var(--transition-base, .2s ease);opacity:0;transform:translateY(16px);animation:relatedCardIn .5s ease-out forwards}.cause-related__card:nth-child(1){animation-delay:.1s}.cause-related__card:nth-child(2){animation-delay:.2s}@keyframes relatedCardIn{to{opacity:1;transform:translateY(0)}}.cause-related__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.cause-related__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg, 8px) var(--radius-lg, 8px) 0 0;background-color:var(--cause-color, var(--color-deep-teal, #1A7B7B));transform:scaleX(0);transition:transform var(--transition-base, .2s ease)}.cause-related__card{position:relative;overflow:hidden}.cause-related__card:hover:before{transform:scaleX(1)}.cause-related__card--dehydration{--cause-color: var(--color-dehydration, #7B9971)}.cause-related__card--pigmentation{--cause-color: var(--color-pigmentation, #8B7355)}.cause-related__card--collagen{--cause-color: var(--color-collagen, #9B6B8C)}.cause-related__card--inflammation{--cause-color: var(--color-inflammation, #7B8B9B)}.cause-related__card-title{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-lg, 1.25rem);font-weight:var(--font-semibold, 600);color:var(--color-warm-black, #1A1A18);margin:0 0 var(--space-2, .5rem) 0;text-transform:uppercase;letter-spacing:var(--tracking-wide, .02em)}.cause-related__card-reason{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);line-height:var(--leading-relaxed, 1.618);color:var(--color-muted-gray, #5A5A58);margin:0 0 var(--space-4, 1.5rem) 0;flex-grow:1}.cause-related__card-link{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--color-deep-teal, #1A7B7B);transition:gap var(--transition-fast, .15s ease)}.cause-related__card:hover .cause-related__card-link{gap:var(--space-2, .5rem)}.cause-related__card-link svg{flex-shrink:0}@media(prefers-reduced-motion:reduce){.cause-related__card{animation:none;opacity:1;transform:none;transition:none}.cause-related__card:before,.cause-related__card-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/cause-related.css.map */