.cause-hero{position:relative;min-height:50vh;min-height:max(50vh,400px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-7, 4rem) 0}.cause-hero--dehydration{--cause-accent: var(--color-dehydration, #7B9971);--cause-bg-tint: rgba(123, 153, 113, .08)}.cause-hero--pigmentation{--cause-accent: var(--color-pigmentation, #8B7355);--cause-bg-tint: rgba(139, 115, 85, .08)}.cause-hero--collagen{--cause-accent: var(--color-collagen, #9B6B8C);--cause-bg-tint: rgba(155, 107, 140, .08)}.cause-hero--inflammation{--cause-accent: var(--color-inflammation, #7B8B9B);--cause-bg-tint: rgba(123, 139, 155, .08)}.cause-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cause-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-sage-light, #E8EDE6) 0%,var(--cause-bg-tint, rgba(123, 153, 113, .08)) 50%,var(--color-paper-white, #FAFAF8) 100%)}.cause-hero__container{position:relative;z-index:1;width:100%;max-width:var(--container-wide, 1080px);margin:0 auto;padding:0 var(--gutter, 1.5rem);display:flex;flex-direction:column;align-items:center}.cause-hero__breadcrumb{width:100%;margin-bottom:var(--space-6, 3rem)}.cause-hero__breadcrumb-link{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);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);text-decoration:none;transition:color var(--transition-fast, .15s ease)}.cause-hero__breadcrumb-link:hover{color:var(--color-deep-teal-dark, #145A5A)}.cause-hero__breadcrumb-arrow{flex-shrink:0;transition:transform var(--transition-fast, .15s ease)}.cause-hero__breadcrumb-link:hover .cause-hero__breadcrumb-arrow{transform:translate(-3px)}.cause-hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:720px}.cause-hero__accent-line{width:48px;height:3px;background-color:var(--cause-accent, var(--color-sage-green, #7B9971));margin-bottom:var(--space-5, 2rem);border-radius:var(--radius-full, 9999px)}.cause-hero__title{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(2rem,6vw,var(--text-4xl, 3.052rem));font-weight:var(--font-medium, 500);line-height:var(--leading-tight, 1.1);letter-spacing:var(--tracking-wide, .02em);color:var(--color-warm-black, #1A1A18);text-transform:uppercase;margin:0 0 var(--space-5, 2rem) 0;opacity:0;transform:translateY(20px);animation:causeTitleIn .8s ease-out .2s forwards}@keyframes causeTitleIn{to{opacity:1;transform:translateY(0)}}.cause-hero__subline{font-family:var(--font-body, "Inter", sans-serif);font-size:clamp(var(--text-base, 1rem),2.5vw,var(--text-lg, 1.25rem));font-weight:var(--font-normal, 400);font-style:italic;line-height:var(--leading-relaxed, 1.618);color:var(--color-muted-gray, #5A5A58);margin:0 0 var(--space-6, 3rem) 0;max-width:540px;opacity:0;transform:translateY(16px);animation:causeSublineIn .6s ease-out .4s forwards}@keyframes causeSublineIn{to{opacity:1;transform:translateY(0)}}.cause-hero__cta{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, 1rem) var(--space-5, 2rem);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);letter-spacing:var(--tracking-wide, .02em);color:var(--color-warm-black, #1A1A18);text-decoration:none;background-color:transparent;border:1px solid var(--color-warm-black, #1A1A18);border-radius:var(--radius-full, 9999px);transition:background-color var(--transition-base, .2s ease),color var(--transition-base, .2s ease),border-color var(--transition-base, .2s ease),transform var(--transition-base, .2s ease);opacity:0;animation:causeCTAIn .5s ease-out .6s forwards}@keyframes causeCTAIn{to{opacity:1}}.cause-hero__cta:hover{background-color:var(--color-warm-black, #1A1A18);color:var(--color-paper-white, #FAFAF8)}.cause-hero__cta-arrow{flex-shrink:0;transition:transform var(--transition-base, .2s ease)}.cause-hero__cta:hover .cause-hero__cta-arrow{transform:translateY(3px)}@media(min-width:640px){.cause-hero{min-height:max(50vh,450px);padding:var(--space-8, 6rem) 0}.cause-hero__breadcrumb{margin-bottom:var(--space-7, 4rem)}.cause-hero__accent-line{width:64px;height:4px}}@media(min-width:768px){.cause-hero{min-height:max(50vh,500px)}.cause-hero__title{letter-spacing:var(--tracking-wider, .05em)}}@media(max-width:768px){.cause-hero__breadcrumb{margin-bottom:var(--space-4, 1.5rem)}}@media(prefers-reduced-motion:reduce){.cause-hero__title,.cause-hero__subline,.cause-hero__cta{animation:none;opacity:1;transform:none}.cause-hero__breadcrumb-arrow,.cause-hero__cta-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/cause-hero.css.map */