/* One public-site motion language. Content is visible until JS safely opts in. */
:root{--ss-motion-ease:cubic-bezier(.2,.7,.2,1);--ss-motion-duration:850ms}
html.ss-motion-enabled .ss-motion-target{transition:opacity var(--ss-motion-duration) var(--ss-motion-ease),translate var(--ss-motion-duration) var(--ss-motion-ease),scale var(--ss-motion-duration) var(--ss-motion-ease),clip-path var(--ss-motion-duration) var(--ss-motion-ease);transition-delay:var(--ss-motion-delay,0ms)}
.ss-motion-target{--ss-enter-x:0px;--ss-enter-y:22px;--ss-enter-scale:1}
.ss-motion-target[data-motion=fade]{--ss-enter-y:0px}
.ss-motion-target[data-motion=left]{--ss-enter-x:20px;--ss-enter-y:0px}
.ss-motion-target[data-motion=right]{--ss-enter-x:-20px;--ss-enter-y:0px}
.ss-motion-target[data-motion=scale]{--ss-enter-y:0px;--ss-enter-scale:.965}
.ss-motion-target[data-motion=image]{--ss-enter-y:12px;--ss-enter-scale:.985;--ss-motion-duration:1150ms}
.ss-motion-target[data-motion=mask]{--ss-enter-y:12px;--ss-motion-duration:1050ms}
html.ss-motion-enabled .ss-motion-pending{opacity:0;translate:var(--ss-enter-x) var(--ss-enter-y);scale:var(--ss-enter-scale)}
html.ss-motion-enabled .ss-motion-pending[data-motion=mask]{clip-path:inset(0 0 100% 0)}
html.ss-motion-enabled .ss-motion-seen{opacity:1;translate:0 0;scale:1}
html.ss-motion-enabled .ss-motion-seen[data-motion=mask]{clip-path:inset(-8px -8px -12px -8px)}
html.ss-motion-enabled .ss-motion-depth{translate:0 var(--ss-depth-y,0px)}
html.ss-motion-enabled .ss-editorial-bottle{--ss-motion-duration:1250ms}
html.ss-motion-enabled .ss-editorial-bottle.ss-motion-seen img{animation:ss-bottle-breathe 4800ms var(--ss-motion-ease) 1400ms 1}
@keyframes ss-bottle-breathe{0%,100%{translate:0 0}50%{translate:0 -3px}}
html.ss-motion-enabled .ss-ph-bubble.ss-motion-seen svg{animation:ss-droplet-breathe 3600ms var(--ss-motion-ease) 1000ms 1}
@keyframes ss-droplet-breathe{0%,100%{translate:0 0}50%{translate:0 -2px}}
.ss-motion-enabled .ss-story-editorial::before,.ss-motion-enabled .ss-final::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 45%,#f4c4d42b,transparent 65%);pointer-events:none;opacity:.6}
.ss-motion-enabled .ss-story-reference-photo.ss-motion-seen{--ss-motion-duration:1200ms}
.ss-motion-enabled .ss-story-rose-rule.ss-motion-seen{animation:ss-line-arrive 900ms var(--ss-motion-ease) both;transform-origin:left}
@keyframes ss-line-arrive{from{scale:0 1;opacity:0}to{scale:1 1;opacity:1}}
.ss-motion-enabled .ss-equation-sign.ss-motion-seen{animation:ss-arrow-arrive 700ms var(--ss-motion-ease) both}
@keyframes ss-arrow-arrive{from{translate:-4px 0;opacity:0}to{translate:0 0;opacity:1}}
.ss-motion-enabled .ss-trust .ss-motion-seen svg{animation:ss-icon-arrive 850ms var(--ss-motion-ease) both}
@keyframes ss-icon-arrive{from{opacity:.35;scale:.95}to{opacity:1;scale:1}}
body[data-preview] .button,body[data-preview] button:not(.header-reveal),.ss-editorial-link{transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,translate 220ms var(--ss-motion-ease)}
body[data-preview] .button>span[aria-hidden],.ss-link>span[aria-hidden]{display:inline-block;transition:translate 220ms var(--ss-motion-ease)}
body[data-preview] .ss-link,body[data-preview] .text-link,.article-cta a,.learn-card h3 a{background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-repeat:no-repeat;background-size:0 1px;transition:background-size 250ms ease,color 200ms ease}
.ss-ingredient,.learn-card,.ss-trust .ss-shell>div{transition:translate 260ms var(--ss-motion-ease),box-shadow 260ms ease,border-color 260ms ease}
@media(hover:hover) and (pointer:fine){
body[data-preview] .button:not([disabled]):hover{translate:0 -2px;box-shadow:0 8px 20px #17264d16}
body[data-preview] .button:hover>span[aria-hidden],.ss-link:hover>span[aria-hidden]{translate:3px 0}
body[data-preview] .ss-link:hover,body[data-preview] .text-link:hover,.article-cta a:hover,.learn-card h3 a:hover{background-size:100% 1px}
html.ss-motion-enabled .ss-ingredient.ss-motion-seen:hover{translate:0 -3px;border-color:#bf6a8b;box-shadow:0 14px 26px -24px #ae5b7b}
html.ss-motion-enabled .learn-card.ss-motion-seen:hover,html.ss-motion-enabled .ss-trust .ss-shell>div.ss-motion-seen:hover{translate:0 -3px}
.ss-packaging-grid a img{transition:scale 750ms var(--ss-motion-ease)}
.ss-packaging-grid a:hover img{scale:1.012}
}
body .site-header{transition:transform 280ms var(--ss-motion-ease),background-color 220ms ease}
body .site-header nav>a:not(.button){position:relative;text-decoration:none}
.site-header nav>a:not(.button)::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ss-motion-ease)}
.site-header nav>a[aria-current=page]::after,.site-header nav>a:hover::after,.site-header nav>a:focus-visible::after{transform:scaleX(1)}
body[data-preview] :is(input,textarea,select){transition:border-color 180ms ease,box-shadow 180ms ease}
body[data-preview] :is(input,textarea,select):focus-visible{border-color:#b76a89;box-shadow:0 0 0 3px #b76a891a}
.ss-motion-enabled:is(html) body:is([data-page=age],[data-page=questions],[data-page=claim],[data-page=success],[data-page=thanks],[data-page=message]) .ss-motion-target{--ss-motion-duration:260ms}
.ss-motion-enabled .survey-step:not([hidden]){animation:ss-question-arrive 240ms var(--ss-motion-ease)}
.ss-motion-enabled #form-error,.ss-motion-enabled .success-mark{animation:ss-calm-arrive 220ms ease-out}
@keyframes ss-question-arrive{from{opacity:.35;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes ss-calm-arrive{from{opacity:.5}to{opacity:1}}
.ss-motion-progress-native{position:absolute;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}
.ss-motion-progress{display:block;width:100%;height:8px;background:#eedde3;border-radius:8px;overflow:hidden;margin:12px 0 24px}
.ss-motion-progress>span{display:block;width:100%;height:100%;background:#b92e61;transform:scaleX(var(--ss-progress,0));transform-origin:left;transition:transform 240ms var(--ss-motion-ease)}
.ss-motion-target:focus-within{opacity:1!important;translate:0 0!important;scale:1!important;clip-path:none!important;transition-delay:0ms!important}
@media(max-width:900px),(pointer:coarse){
:root{--ss-motion-duration:420ms}
html.ss-motion-enabled .ss-motion-target{--ss-motion-duration:420ms;--ss-enter-x:0px;--ss-enter-y:8px;--ss-enter-scale:1}
html.ss-motion-enabled .ss-motion-target[data-motion=fade]{--ss-enter-y:0px}
html.ss-motion-enabled .ss-motion-depth{translate:none}
html.ss-motion-enabled .ss-editorial-bottle.ss-motion-seen img,html.ss-motion-enabled .ss-ph-bubble.ss-motion-seen svg{animation:none}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}
html .ss-motion-target,html .ss-motion-pending{opacity:1!important;translate:none!important;scale:none!important;clip-path:none!important;transition:none!important}
html .ss-motion-depth{translate:none!important}
body[data-preview] *,body[data-preview] *::before,body[data-preview] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
html[data-motion=off] .ss-motion-target{opacity:1!important;translate:none!important;scale:none!important;clip-path:none!important;transition:none!important}
html[data-motion=off] body *,html[data-motion=off] body *::before,html[data-motion=off] body *::after{animation:none!important;transition:none!important}

@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){html.ss-motion-enabled :is(.ss-ingredient,.learn-card,.ss-trust .ss-shell>div).ss-motion-seen:hover{transition-delay:0ms;transition-duration:260ms}}

html.ss-motion-enabled .ss-story-editorial::before,html.ss-motion-enabled .ss-final::before{opacity:0;transition:opacity 1400ms var(--ss-motion-ease)}
html.ss-motion-enabled .ss-story-editorial:has(.ss-story-reference-photo.ss-motion-seen)::before,html.ss-motion-enabled .ss-final:has(h2.ss-motion-seen)::before{opacity:.6}

@media(hover:hover) and (pointer:fine){
.learn-card .article-art{overflow:hidden}
.learn-card .article-art img{transition:scale 750ms var(--ss-motion-ease)}
.learn-card:hover .article-art img{scale:1.025}
html.ss-motion-enabled .button.ss-motion-seen:hover{translate:0 -2px;transition-delay:0ms;transition-duration:220ms}
}
html.ss-motion-enabled body:is([data-page=age],[data-page=questions],[data-page=claim],[data-page=success],[data-page=thanks],[data-page=message]) .ss-motion-target{--ss-motion-duration:260ms}

/* Editorial choreography: text, ink, photographic curtains and moving light. */
.ss-motion-word{display:inline-block}
@media(prefers-reduced-motion:no-preference){
html.ss-motion-enabled .ss-motion-heading.ss-motion-pending .ss-motion-word{opacity:0;translate:0 65%;clip-path:inset(0 0 100% 0)}
html.ss-motion-enabled .ss-motion-heading.ss-motion-seen .ss-motion-word{animation:ss-word-unveil 1050ms cubic-bezier(.16,1,.3,1) var(--ss-word-delay) both}
@keyframes ss-word-unveil{from{opacity:0;translate:0 65%;clip-path:inset(0 0 100% 0)}to{opacity:1;translate:0 0;clip-path:inset(-10% -5% -15% -5%)}}
html.ss-motion-enabled .ss-motion-pending .ss-motion-stroke{stroke-dasharray:1;stroke-dashoffset:1}
html.ss-motion-enabled .ss-motion-seen .ss-motion-stroke{stroke-dasharray:1;animation:ss-ink-draw 1600ms cubic-bezier(.33,0,.2,1) 180ms both}
@keyframes ss-ink-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
html.ss-motion-enabled .ss-story-reference-photo{--ss-motion-duration:1600ms;transform-origin:50% 80%}
html.ss-motion-enabled .ss-story-reference-photo.ss-motion-pending{clip-path:inset(0 0 95% 0 round 45% 45% 0 0)}
html.ss-motion-enabled .ss-story-reference-photo.ss-motion-seen{clip-path:inset(0 0 0 0 round 0)}
html.ss-motion-enabled .ss-story-reference-photo.ss-motion-seen>svg{animation:ss-photo-settle 1800ms var(--ss-motion-ease) both}
@keyframes ss-photo-settle{from{scale:1.035;translate:0 12px}to{scale:1;translate:0 0}}
html.ss-motion-enabled .ss-orbit-core.ss-motion-seen .ss-motion-orbit-trace circle{animation:ss-ink-draw 1900ms cubic-bezier(.33,0,.2,1) both}
html.ss-motion-enabled .ss-equation>div.ss-motion-seen .ss-step-art{animation:ss-sequence-focus 1050ms var(--ss-motion-ease) var(--ss-motion-delay) both}
@keyframes ss-sequence-focus{from{opacity:.25;scale:.88;translate:0 10px}to{opacity:1;scale:1;translate:0 0}}
html.ss-motion-enabled .ss-campaign-photo.ss-motion-seen::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,#fff8f155 48%,transparent 68%);animation:ss-light-pass 4200ms ease-in-out 400ms both}
@keyframes ss-light-pass{0%{translate:-60% 0;opacity:0}35%{opacity:.7}100%{translate:60% 0;opacity:0}}
html.ss-motion-enabled .ss-final:has(h2.ss-motion-seen)::before{animation:ss-final-light 3600ms ease-out both}
@keyframes ss-final-light{from{opacity:0;translate:-12% 0;scale:.9}to{opacity:.6;translate:0 0;scale:1}}
html.ss-motion-enabled .ss-packaging-grid figure.ss-motion-seen picture{display:block;animation:ss-pack-settle 1400ms var(--ss-motion-ease) both;transform-origin:50% 85%}
@keyframes ss-pack-settle{from{scale:.96;translate:0 18px}to{scale:1;translate:0 0}}
}
.ss-orbit-core>svg.ss-motion-orbit-trace{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);pointer-events:none;overflow:visible}
.ss-motion-orbit-trace circle{fill:none;stroke:currentColor;stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:center;opacity:.6}
@media(max-width:900px),(pointer:coarse){
html.ss-motion-enabled .ss-motion-heading.ss-motion-seen .ss-motion-word{animation-duration:450ms;animation-delay:0ms}
html.ss-motion-enabled .ss-story-reference-photo{--ss-motion-duration:420ms}
html.ss-motion-enabled .ss-story-reference-photo.ss-motion-pending{clip-path:none}
html.ss-motion-enabled .ss-story-reference-photo.ss-motion-seen>svg,html.ss-motion-enabled .ss-campaign-photo::after{animation:none}
html.ss-motion-enabled .ss-motion-seen .ss-motion-stroke{animation-duration:650ms;animation-delay:0ms}
html.ss-motion-enabled .ss-packaging-grid figure.ss-motion-seen picture{animation-duration:450ms}
}
@media(prefers-reduced-motion:reduce){.ss-motion-word{opacity:1!important;translate:none!important;clip-path:none!important}}
html[data-motion=off] .ss-motion-word{opacity:1!important;translate:none!important;clip-path:none!important}

@media(prefers-reduced-motion:no-preference){
html.ss-motion-enabled #prebiotics .ss-orbit:not(:has(.ss-orbit-core.ss-motion-seen)) .ss-map-ink{opacity:0}
html.ss-motion-enabled #prebiotics .ss-orbit:has(.ss-orbit-core.ss-motion-seen) .ss-map-ink path{animation:ss-ink-draw 1250ms var(--ss-motion-ease) var(--ss-connection-delay) both}
html.ss-motion-enabled #prebiotics .ss-orbit:has(.ss-orbit-core.ss-motion-seen) .ss-map-ink circle{animation:ss-calm-arrive 1200ms ease-out both}
html.ss-motion-enabled #prebiotics .ss-orbit-core.ss-motion-seen{animation:ss-prebiotic-pearl 2400ms ease-out both}
@keyframes ss-prebiotic-pearl{from{box-shadow:inset 0 0 36px #fff8,0 0 0 0 #fff0,0 0 0 0 #b8748d00}to{box-shadow:inset 0 0 36px #fff8,0 0 0 11px #fff5,0 0 0 12px #b8748d30}}
}
@media(hover:hover) and (pointer:fine){
html.ss-motion-enabled #prebiotics .ss-ingredient.ss-motion-seen:hover{translate:0 -5px;background:linear-gradient(125deg,#fff,#fff4f7b0);border-color:#c9819c88;box-shadow:0 18px 30px -24px #9b446d66}
#prebiotics .ss-ingredient-art{transition:translate 450ms var(--ss-motion-ease)}
#prebiotics .ss-ingredient:hover .ss-ingredient-art{translate:0 -3px}
#prebiotics .ss-orbit:has(.ss-ingredient:hover) .ss-orbit-core{border-color:#b86e8c80}
}

@media(prefers-reduced-motion:no-preference){html.ss-motion-enabled .ss-lasting-product.ss-motion-seen .ss-lasting-contours path{stroke-dasharray:1000;animation:ss-lasting-flow 2200ms var(--ss-motion-ease) both}html.ss-motion-enabled .ss-lasting-product.ss-motion-seen img{animation:ss-photo-settle 1600ms var(--ss-motion-ease) both}@keyframes ss-lasting-flow{from{stroke-dashoffset:1000;opacity:0}to{stroke-dashoffset:0;opacity:1}}}@media(max-width:700px){html.ss-motion-enabled .ss-lasting-product.ss-motion-seen img{animation-duration:550ms}}