.brand-story{background:transparent}.brand-story__statement,.brand-story__understand{position:relative;box-sizing:border-box;height:100vh;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;color:#fff;isolation:isolate}.brand-story__statement>img,.brand-story__statement>video,.brand-story__understand>img,.brand-story__understand>video{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none}.brand-story__statement h2,.brand-story__statement p,.brand-story__understand h2,.brand-story__understand p{font-family:EB Garamond,serif;font-size:clamp(4.5rem,6.667vw,6rem);font-weight:400;line-height:.98;letter-spacing:-.03em}.brand-story__statement h2 span,.brand-story__statement p span,.brand-story__understand h2 span,.brand-story__understand p span{display:block}.brand-story__statement{display:grid;place-items:center;background:linear-gradient(0deg,#f683546b 74%,#6a412d80)}.brand-story__statement>video{transform:scale(1.06);transform-origin:center;opacity:0;transition:opacity .2s ease}.brand-story__statement.is-video-ready>video{opacity:1}.brand-story__statement h2{position:relative;z-index:1;width:min(72vw,64.875rem);margin:0;text-align:center}.brand-story__wind-image{position:absolute;z-index:-1;top:-3vh;right:-4vw;bottom:-3vh;left:-4vw;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-story__wind-image>img,.brand-story__wind-image>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.brand-story__wind-image>img{max-width:none;-o-object-fit:cover;object-fit:cover;animation:flower-wind 12s ease-in-out infinite alternate;transform-origin:60% 50%}.brand-story__wind-image>canvas{animation:flower-wind 12s ease-in-out infinite alternate;opacity:0;transform-origin:60% 50%;transition:opacity .5s ease}.brand-story__wind-image.is-ready>canvas{opacity:1}.brand-story__wind-image.is-ready>img{animation:none;opacity:0}.brand-story__understand{border-bottom:1px solid rgba(255,255,255,.35);background:linear-gradient(0deg,#b0385066,#851c2e73)}.brand-story__understand>video{transform:scale(1.06);transform-origin:center;opacity:0;transition:opacity .2s ease}.brand-story__understand.is-video-ready>video{opacity:1}.brand-story__understand h2,.brand-story__understand p{position:absolute;z-index:1;margin:0}.brand-story__understand h2{top:7.7%;left:6.7%;width:37%}.brand-story__understand p{right:6.7%;bottom:7.2%;width:34%;text-align:right}.brand-story__stages{background:transparent}.brand-story__stages-backdrop{position:absolute;z-index:-1;top:50%;left:50%;width:max(178vw,110rem);height:max(240vh,100rem);-o-object-fit:cover;object-fit:cover;filter:blur(min(1.75vw,2.8vh));transform:translate(-50%,-50%)}.brand-story__insight{background:#263c20}.brand-story .scroll-stage-panels__transition--out .brand-story__stage-message,.brand-story .scroll-stage-panels__transition--out .brand-story__fertility-graph img,.brand-story .scroll-stage-panels__transition--out .brand-story__bars i,.brand-story .scroll-stage-panels__transition--out .brand-story__chart-fill,.brand-story .scroll-stage-panels__transition--out .brand-story__chart-fill-edge,.brand-story .scroll-stage-panels__transition--out .brand-story__chart-line,.brand-story .scroll-stage-panels__transition--out .brand-story__training-graph,.brand-story .scroll-stage-panels__transition--out .brand-story__recommendations>div,.brand-story .scroll-stage-panels__transition--out .brand-story__recommendations b,.brand-story .scroll-stage-panels__transition--out .brand-story__menopause-icon,.brand-story .scroll-stage-panels__transition--out .brand-story__menopause-curve{animation:none}.brand-story__visual{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;border-radius:inherit;clip-path:inset(0 round 1.5rem);clip-path:inset(0 round var(--panel-radius, 1.5rem))}.brand-story__stage-frame{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;filter:blur(7.5px);clip-path:inset(0 round 1.5rem);clip-path:inset(0 round var(--panel-radius, 1.5rem))}.brand-story__stage-frame--longevity{filter:blur(25px)}.brand-story__stage-frame--hormones{filter:blur(28.75px)}.brand-story__insight-background{position:absolute;z-index:0;top:-7.16%;left:calc(50% - .75rem);width:121.23%;height:114.43%;overflow:hidden;pointer-events:none;transform:translate(-50%)}.brand-story__insight-background-flip{position:relative;width:100%;height:100%;transform:rotate(180deg) scaleY(-1)}.brand-story__insight-background-flip img{position:absolute;top:-96.77%;left:-46.45%;width:217.77%;height:259.74%;max-width:none;-o-object-fit:cover;object-fit:cover}.brand-story__visual--hormones>p{position:absolute;z-index:2;top:16.2%;left:50%;width:min(70%,23.125rem);color:#ffffffbf;font-family:Geist,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.2px;text-align:center;font-feature-settings:"liga" off,"clig" off;transform:translate(-50%)}.brand-story__visual--hormones>p span{display:block;margin-top:1.5rem}.brand-story__stage-image{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;max-width:none;-o-object-fit:cover;object-fit:cover}.brand-story__stage-image--fertility{top:-1%;right:auto;bottom:auto;left:50%;width:150.4615%;height:169.3995%;-o-object-position:center;object-position:center;transform:translate(-50%) rotate(180deg) scaleY(-1)}.brand-story__stage-image--training{top:-18%;right:auto;bottom:auto;left:-28%;width:145%;height:145%;-o-object-position:left center;object-position:left center}.brand-story__stage-image--nutrition{top:0%;left:0%;right:0%;bottom:0%;width:100%;height:100%;-o-object-position:center 18%;object-position:center 18%}.brand-story__stage-image--menopause{top:-2.3%;right:auto;bottom:auto;left:-27.4%;width:169.4%;height:177.8%}.brand-story__stage-message{position:absolute;z-index:3;top:50%;left:50%;width:min(62%,21.375rem);margin:0;color:#ffffffbf;font-family:Geist,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.2px;text-align:center;font-feature-settings:"liga" off,"clig" off;transform:translate(-50%,-50%);animation:stage-copy-in .75s .12s ease both}.brand-story__stage-message span{display:block}.brand-story__visual--fertility{background:#8fa4b8;container-type:size}.brand-story__visual--menopause{background:#791212}.brand-story__visual--fertility .brand-story__stage-message{top:47%;width:min(50%,17rem)}.brand-story__visual--training .brand-story__stage-message{top:48%}.brand-story__visual--nutrition .brand-story__stage-message span{margin-top:1.5rem}.brand-story__visual--longevity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.25rem,3dvh,1.5rem);box-sizing:border-box;padding:clamp(1rem,3.5dvh,2rem) 1.25rem}.brand-story__visual--longevity .brand-story__stage-message,.brand-story__visual--longevity .brand-story__recommendations{position:relative;top:auto;left:auto;flex-shrink:0;transform:none}.brand-story__visual--longevity .brand-story__stage-message{width:min(62%,21.375rem)}.brand-story__visual--longevity .brand-story__recommendations{width:min(78%,28.5rem);gap:clamp(.4rem,1.4dvh,.65rem)}.brand-story__visual--menopause .brand-story__stage-message{top:32.6%;width:92%;max-width:none;white-space:normal;text-wrap:balance;transform:translate(-50%)}.brand-story__fertility-graph{position:absolute;z-index:1;right:0;top:calc(100% - 12rem - max(0px,(100cqh - 100cqw) / 4));bottom:auto;left:0;width:100%;height:auto;aspect-ratio:1158.38/406.04;overflow:hidden;pointer-events:none}.brand-story__fertility-graph img{position:absolute;top:0;left:50%;display:block;width:200%;height:auto;aspect-ratio:1158.38/406.04;max-width:none;transform:translate(-50%);animation:stage-graph-reveal 1.25s .2s cubic-bezier(.22,1,.36,1) both}.brand-story__training-graph{position:absolute;z-index:2;right:0;bottom:2%;left:0;height:48%;background-repeat:repeat-x;background-position:right bottom;background-size:auto 100%;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 92%);mask-image:linear-gradient(180deg,#000000a6,#00000073 55%,#0000 92%);animation:training-graph-in 1.2s .2s cubic-bezier(.22,1,.36,1) both}.brand-story__recommendations{position:absolute;z-index:3;top:48%;left:50%;display:flex;width:min(78%,28.5rem);container-type:inline-size;flex-direction:column;align-items:center;gap:.65rem;transform:translate(-50%)}.brand-story__recommendations>div{display:flex;width:100%;padding:.625rem .85rem;gap:1.5rem;align-items:center;border-radius:.5rem;background:#f2f2f642;color:#ffffffbf;font-feature-settings:"liga" off,"clig" off;font-family:Geist,sans-serif;font-size:clamp(.95rem,1.35vw,1.125rem);font-style:normal;font-weight:300;letter-spacing:-.02em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:recommendation-in .65s cubic-bezier(.22,1,.36,1) both}.brand-story__recommendations>div:nth-child(2){width:92%;opacity:.5;animation-delay:.12s}.brand-story__recommendations>div:nth-child(3){width:85%;opacity:.15;animation-delay:.24s}.brand-story__recommendations>div>span{flex:0 0 auto;margin-right:auto;padding-right:1.5rem;white-space:nowrap}.brand-story__recommendations>div i{display:flex;flex:1 1 4.5rem;width:auto;min-width:2.75rem;max-width:8.75rem;height:.95rem;justify-content:flex-end}.brand-story__recommendations>div i b{display:block;height:100%;border-radius:.5rem;background:#ffa576;transform-origin:right center;animation:recommendation-bar-in .9s .35s cubic-bezier(.22,1,.36,1) both}.brand-story__recommendations>div em{flex:0 0 auto;min-width:2.25rem;font-style:normal;font-weight:300;text-align:right}@container (max-width: 19rem){.brand-story__recommendations>div i{display:none}}.brand-story__menopause-icon{position:absolute;z-index:3;top:41.1%;left:50%;width:2.54rem;height:2.28rem;transform:translate(-50%);animation:menopause-icon-in .75s .3s ease both}.brand-story__menopause-curve{position:absolute;z-index:2;top:50%;left:62.15%;width:211.7%;height:51.7%;overflow:visible;pointer-events:none;transform:translate(-50%);animation:stage-graph-reveal 1.3s .18s cubic-bezier(.22,1,.36,1) both}.brand-story__menopause-curve img{display:block;width:100%;height:100%;max-width:none}.brand-story__bars{position:absolute;z-index:1;right:10%;bottom:-13%;display:flex;gap:2.6rem;height:66%}.brand-story__bars i{display:block;width:4.25rem;border-radius:.6rem;background:linear-gradient(#e3c4cb33,#e3c4cb00);transform-origin:bottom center;animation:hormone-bar-in 1s .24s cubic-bezier(.22,1,.36,1) both}.brand-story__bars i:last-child{background:linear-gradient(#e3c4cbbf,#e3c4cb00);animation-delay:.4s}.brand-story__chart{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none}.brand-story__chart-fill{position:absolute;bottom:.5%;left:-3.7%;width:110.9%;aspect-ratio:721/327.43;animation:hormone-chart-fill-in 1.15s .18s cubic-bezier(.22,1,.36,1) both}.brand-story__chart-fill-edge{position:absolute;top:0;left:0;width:99.6%;height:54.1%;animation:hormone-chart-line-in 1.15s .28s cubic-bezier(.22,1,.36,1) both}.brand-story__chart-line{position:absolute;bottom:16.4%;left:-2.9%;width:113.2%;aspect-ratio:736/82;animation:hormone-chart-line-in 1.15s .32s cubic-bezier(.22,1,.36,1) both}.brand-story__chart-flip{display:flex;width:100%;height:100%;align-items:center;justify-content:center;transform:rotate(180deg) scaleY(-1)}.brand-story__chart-flip img{display:block;width:100%;height:100%;max-width:none;-o-object-fit:fill;object-fit:fill}@keyframes stage-copy-in{0%{opacity:0}to{opacity:1}}@keyframes stage-graph-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes hormone-chart-fill-in{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes hormone-chart-line-in{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes hormone-bar-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes training-graph-in{0%{clip-path:inset(100% 0 0 0);opacity:0;transform:translateY(2rem)}to{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0)}}@keyframes recommendation-in{0%{opacity:0;transform:translateY(1rem) scale(.96)}to{transform:translateY(0) scale(1)}}@keyframes recommendation-bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes menopause-icon-in{0%{opacity:0;transform:translate(-50%) rotate(-35deg) scale(.5)}to{opacity:1;transform:translate(-50%) rotate(0) scale(1)}}@keyframes flower-wind{0%{transform:translate3d(-.4vw,0,0) scale(1.02)}45%{transform:translate3d(.7vw,-.35vh,0) scale(1.045)}to{transform:translate3d(-.2vw,.45vh,0) scale(1.025)}}@media (max-width: 900px){.brand-story__statement,.brand-story__understand{height:100vh;height:100svh;max-height:100svh;min-height:0}.brand-story__statement h2,.brand-story__statement p,.brand-story__understand h2,.brand-story__understand p{font-size:clamp(3.5rem,10vw,5rem)}}@media (max-height: 820px){.brand-story__visual--longevity{gap:1.5rem}.brand-story__visual--longevity .brand-story__recommendations{gap:.4rem}}@media (max-width: 900px) and (min-width: 681px){.scroll-stage-panels__list{gap:.85rem}.brand-story__visual--longevity{gap:1.5rem;padding:1.25rem 1rem}.brand-story__visual--longevity .brand-story__stage-message{width:min(78%,21.375rem)}.brand-story__visual--longevity .brand-story__recommendations{width:min(92%,28.5rem);gap:.4rem}}@media (min-width: 901px) and (max-width: 1024px){.brand-story__visual--longevity .brand-story__recommendations{width:min(92%,28.5rem)}}@media (max-width: 680px){.brand-story__stages .scroll-stage-panels__sticky{height:100dvh}.brand-story__stages .scroll-stage-panels__grid{grid-template-rows:repeat(2,minmax(0,1fr))}.brand-story__statement,.brand-story__understand{height:100vh;height:100svh;max-height:100svh;min-height:0}.brand-story__statement h2{width:calc(100% - 2.5rem)}.brand-story__understand h2{top:7%;left:1.5rem;width:70%}.brand-story__understand p{right:1.5rem;bottom:7%;width:66%}.brand-story__visual--hormones>p,.brand-story__stage-message{width:min(86%,22rem);max-width:calc(100% - 1.5rem);font-size:15px;line-height:1.3;letter-spacing:-.02em;white-space:normal}.brand-story__visual--hormones>p{top:24%}.brand-story__visual--hormones>p span{margin-top:.55rem}.brand-story__visual--nutrition .brand-story__stage-message span,.brand-story__visual--training .brand-story__stage-message span{margin-top:.35rem}.brand-story__visual--fertility .brand-story__stage-message{top:34%}.brand-story__fertility-graph{top:58%}.brand-story__visual--menopause .brand-story__stage-message{top:22%}.brand-story__bars{right:8%;bottom:-18%;gap:1.25rem;height:48%}.brand-story__bars i{width:2.75rem}.brand-story__chart-fill{height:52%;aspect-ratio:auto}.brand-story__chart-line{bottom:10%;height:12%;aspect-ratio:auto}.brand-story__visual--longevity{gap:1.5rem;padding:1rem}.brand-story__visual--longevity .brand-story__stage-message{width:100%;max-width:none;font-size:15px}.brand-story__visual--longevity .brand-story__recommendations{width:min(100%,28.5rem);max-width:28.5rem}.brand-story__recommendations{gap:.5rem}.brand-story__recommendations>div{padding:.45rem .65rem;font-size:13px}.brand-story__recommendations>div:nth-child(2){width:94%}.brand-story__recommendations>div:nth-child(3){width:88%}.brand-story__recommendations>div i{flex-basis:4.5rem;min-width:2.75rem;max-width:5.75rem;height:.65rem}.brand-story__recommendations>div em{min-width:1.85rem}.brand-story__training-graph{bottom:0;height:40%}.brand-story__menopause-icon{top:38%}.brand-story__menopause-curve{top:54%;height:42%;overflow:hidden}}@media (min-width: 681px) and (max-width: 900px){@container (max-width: 23rem){.brand-story__recommendations>div i{display:none}}}@media (prefers-reduced-motion: reduce){.brand-story__statement{background:linear-gradient(0deg,#f683546b 74%,#6a412d80),url(/assets/designed-by-women-CYw-axrG.webp) center/cover no-repeat}.brand-story__understand{background:linear-gradient(0deg,#b0385066,#851c2e73),url(/assets/understand-your-body-DtipH0J2.webp) center/cover no-repeat}.brand-story__statement>video,.brand-story__understand>video{display:none}.brand-story__stage-message,.brand-story__fertility-graph img,.brand-story__bars i,.brand-story__chart-fill,.brand-story__chart-fill-edge,.brand-story__chart-line,.brand-story__training-graph,.brand-story__recommendations>div,.brand-story__recommendations b,.brand-story__menopause-icon,.brand-story__menopause-curve{animation:none}}
