/* Foleil's palette, with a spacious product-led motion composition. */
.bevel-inspired .floating-note{backdrop-filter:none;-webkit-backdrop-filter:none;background:#faf6edf5}
.bevel-inspired .gallery-controls{display:none}
.gallery-ready .bevel-inspired .gallery-controls{display:flex}
.round-button:disabled{opacity:.35;cursor:default;transform:none}
@media(max-width:700px){.site-nav .links .features{display:inline}}
.site-nav .links>a{white-space:nowrap}
@media(max-width:420px){.device-universe .note-move{left:0}.device-universe .note-recover{right:0}}
@media(max-width:360px){.site-nav{gap:8px;padding-left:15px}.site-nav .links{gap:10px}.site-nav .links .features{font-size:10px}.site-nav .links .button{font-size:10px;padding:10px 12px}.site-nav .brand{font-size:24px}}
:root{--ground:#faf3e7;--cream:#f7f1e6;--leaf:#4a6232;--ink:#303c2c;--sage:#e2e7ce;--clay:#a25f35;--motion-ease:cubic-bezier(.16,1,.3,1)}
.bevel-inspired{padding:12px 12px 0;-webkit-font-smoothing:antialiased}
.bevel-inspired main{max-width:1480px;overflow:clip}
.bevel-inspired h1,.bevel-inspired h2,.panel-copy h3,.screen-description h3,figcaption h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.055em}
.bevel-inspired h2{line-height:1.05;font-size:clamp(40px,4.9vw,68px)}
.site-nav{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:min(790px,calc(100% - 48px));padding:10px 12px 10px 26px;border:1px solid #fff9;border-radius:100px;background:#faf3e7c9;box-shadow:0 8px 32px #44392308;gap:32px}
.site-nav.scrolled{background:#faf3e7ed;box-shadow:0 10px 30px #44392314}
.site-nav .brand{font-size:28px}.site-nav .links{gap:24px}.site-nav .links>a{font-size:13px}.site-nav .button{padding:12px 20px}
.hero{position:relative;display:block;min-height:0;margin:0;border-radius:36px;padding:136px 3vw 24px;text-align:center;isolation:isolate;background:radial-gradient(ellipse at 50% 82%,#dde5c9 0,transparent 56%),linear-gradient(180deg,#f1e8d7 0%,#f7f1e6 48%,#eee4d1 78%,#faf3e7 100%);overflow:hidden}
.hero-copy{position:relative;z-index:5;max-width:780px;margin:auto;animation:copy-in .95s var(--motion-ease) both}
.hero .eyebrow{font-size:11px;letter-spacing:.14em;margin:0 0 24px}
.hero h1{font-size:clamp(62px,6.4vw,94px);line-height:1.01;margin:0 0 24px;letter-spacing:-.065em}
.hero h1 span{color:#637345}
.hero .intro{max-width:660px;font-size:clamp(17px,1.65vw,21px);line-height:1.55;margin:0 auto 27px;color:#65705c}
.hero-actions{justify-content:center;gap:24px}.hero .button{padding:15px 28px}.hero .button span{margin-left:20px;font-size:19px;font-weight:400}
.hero .text-link{font-size:13px;border:0;color:#56614b}
.device-universe{height:690px;position:relative;max-width:1120px;margin:48px auto 0;isolation:isolate;--spread:0px;--lift:0px}
.device-universe:after{content:"";position:absolute;inset:auto -8% -1px;height:100px;background:linear-gradient(0deg,#faf3e7,transparent);z-index:8;pointer-events:none}
.sun-halo{position:absolute;width:680px;height:680px;border:1px solid #d8b67742;border-radius:50%;top:-15px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#e1c18e45,transparent 67%);box-shadow:0 0 0 60px #d8b67708,0 0 0 120px #d8b67705;z-index:-1}
.growth-lines{position:absolute;width:120%;height:640px;left:-10%;top:0;z-index:-1;stroke:#b09b684d;stroke-width:1;transform:translateY(calc(var(--lift) * -.5))}
.hero-device{position:absolute;left:50%;top:0;width:270px;animation:device-in 1.35s var(--motion-ease) both}
.hero-device .phone{border:7px solid #38382d;border-radius:43px;box-shadow:0 35px 70px #3a362322,0 0 0 1px #b8b9a2,2px 0 0 2px #f5f0dd99 inset;pointer-events:none}
.hero-device .phone img{width:100%;height:auto;display:block;border-radius:34px}
.hero-device-main{width:302px;z-index:3;transform:translate(-50%,calc(var(--lift) * -.3));animation-delay:.12s}
.hero-device-left{z-index:1;top:68px;transform:translate(calc(-50% - 219px - var(--spread)),var(--lift)) rotate(-12deg);animation-delay:.22s}
.hero-device-right{z-index:2;top:68px;transform:translate(calc(-50% + 219px + var(--spread)),var(--lift)) rotate(12deg);animation-delay:.32s}
.floating-note{position:absolute;z-index:6;display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #fff9;padding:17px 23px;border-radius:22px;background:#faf6eddd;box-shadow:0 12px 40px #3a362313;backdrop-filter:blur(18px);font-size:13px;font-weight:600;animation:note-in 1s .65s var(--motion-ease) both}
.floating-note small{display:block;font-size:9px;letter-spacing:.12em;margin-top:5px;color:#7e846e;font-weight:500}
.note-move{left:6%;top:115px;transform:translateY(calc(var(--lift) * -.5))}.note-recover{right:5%;top:415px;transform:translateY(calc(var(--lift) * .4))}
.note-icon{font-size:28px;font-weight:400;color:#a25f35}.mini-ring{width:34px;height:34px;display:block;border:5px solid #d9dfc7;border-top-color:#879b62;border-right-color:#879b62;border-radius:50%;transform:rotate(-30deg)}
.hero-footnote{position:relative;z-index:9;font-size:10px;letter-spacing:.035em;color:#828771;margin:0}
.connected-section{padding:116px 5vw 40px}.connected-section>.section-intro{margin:0 auto 56px;text-align:center;max-width:640px}.connected-section .section-intro>p:last-child{margin:auto;max-width:450px;font-size:17px;line-height:1.6}
.product-bento{display:grid;grid-template-columns:1.05fr 1fr;gap:20px}
.product-panel{border-radius:34px;overflow:hidden;position:relative;padding:38px 38px 0;border:1px solid #fff7;isolation:isolate}
.panel-copy{position:relative;z-index:3;max-width:310px}.panel-copy .eyebrow{font-size:10px;margin:0 0 20px}.panel-copy h3{font-size:clamp(29px,3vw,43px);line-height:1.07;margin:0 0 16px}.panel-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:290px;color:#5e6654;margin-bottom:20px}.panel-link{font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;gap:24px;align-items:center;padding:8px 0}.panel-link span{font-size:18px;transition:transform .3s}.panel-link:hover span{transform:translate(2px,-2px)}
.panel-train{grid-row:span 2;background:#e2e7ce;padding-bottom:0;display:flex;flex-direction:column;min-height:810px}
.panel-eat{background:#ede0cc;min-height:396px}.panel-recover{background:#ece3d8;min-height:396px}
.panel-art{position:relative;z-index:1;pointer-events:none}.train-art{flex:1;min-height:420px;margin-top:25px}
.panel-phone{position:absolute;width:235px;border:5px solid #454035;border-radius:36px;box-shadow:0 26px 50px #4b432624;transform:translateY(30px) rotate(6deg)}.panel-phone img{border-radius:29px}
.train-art .panel-phone{width:260px;left:50%;top:5px;transform:translateX(-50%) rotate(-6deg)}
.eat-art,.recover-art{position:absolute;right:-5px;bottom:0;width:47%;height:100%;z-index:0}
.eat-art .panel-phone{width:215px;top:94px;left:22px;transform:rotate(12deg)}.recover-art .panel-phone{width:215px;top:76px;left:40px;transform:rotate(-9deg)}
.panel-eat .panel-copy,.panel-recover .panel-copy{width:55%;max-width:270px}.panel-eat .panel-copy>p,.panel-recover .panel-copy>p{max-width:215px}
.art-label{position:absolute;z-index:5;padding:14px 20px;border-radius:18px;background:#faf3e7f2;box-shadow:0 10px 35px #544b2512;font-size:12px;white-space:nowrap;color:#526242}.art-label span{margin-left:22px;font-size:18px}.train-art .art-label{bottom:56px;left:0}.eat-art .art-label{right:16px;bottom:36px}.recover-art .art-label{left:-12px;bottom:35px}
.motion-track{position:absolute;inset:65px -120px auto;height:330px;border:1px solid #879b6229;border-radius:50%;transform:rotate(-20deg)}.motion-track:before,.motion-track:after{content:"";position:absolute;inset:30px 0;border:1px solid #879b6225;border-radius:50%}.motion-track:after{inset:60px 0}.motion-track i{position:absolute;width:12px;height:12px;background:#879b62;border:3px solid #eef0df;border-radius:50%;left:12%;top:17%}.motion-track i:nth-child(2){left:34%;top:0}.motion-track i:nth-child(3){left:66%;top:3%}.motion-track i:nth-child(4){left:89%;top:23%}.motion-track i:nth-child(5){left:94%;top:61%}
.nutrition-orbit{position:absolute;width:320px;height:320px;border:1px solid #ac795b25;border-radius:50%;left:-5px;top:88px;animation:orbit-turn 34s linear infinite}.nutrition-orbit:before{content:"";position:absolute;inset:32px;border:1px solid #ac795b25;border-radius:50%}.nutrition-orbit i{position:absolute;left:30px;top:43px;width:30px;height:30px;background:#b88968;border:8px solid #e4ceaf;border-radius:50%}.nutrition-orbit i+ i{left:auto;right:4px;top:190px;width:20px;height:20px;background:#879b62;border:5px solid #d0d8b6}
.sound-wave{position:absolute;display:flex;gap:6px;align-items:center;left:-30px;bottom:62px;height:170px;transform:rotate(-8deg)}.sound-wave i{height:45px;width:6px;background:#a9907b66;border-radius:10px;animation:breathe-wave 4s ease-in-out infinite alternate}.sound-wave i:nth-child(3n){height:120px;animation-delay:-1.2s}.sound-wave i:nth-child(3n + 1){height:80px;animation-delay:-2.2s}.sound-wave i:nth-child(4n){height:150px;animation-delay:-.5s}
.product-panel:not(.in-view) .nutrition-orbit,.product-panel:not(.in-view) .sound-wave i,.motion-paused .nutrition-orbit,.motion-paused .sound-wave i{animation-play-state:paused}
.showcase{margin:64px 5vw 0;border-radius:36px;padding:58px 5vw 44px;background:linear-gradient(140deg,#ede5d6,#e9ecd9);border:1px solid #dfddcd}.showcase .section-intro{max-width:650px}.showcase h2{font-size:clamp(38px,4.2vw,60px)}.explorer{gap:48px}.screen-description h3{font-size:34px;line-height:1.1}.screen-stage .phone{border-radius:43px}.screen-stage .phone img{border-radius:35px}
.feature-section{padding:100px 8vw 40px}.feature-section h2{max-width:660px}.feature-rows{margin-top:40px}.feature-rows summary{font-size:22px}.feature-rows details p{font-size:15px}
.details-gallery{padding:80px 5vw 40px}.gallery-heading{align-items:center;flex-direction:row}.gallery-controls{gap:10px;margin:0}.capture-track{gap:30px;scrollbar-width:none;padding:30px 8px 40px;margin:0 -8px;mask-image:linear-gradient(90deg,#000 96%,transparent)}.capture-track::-webkit-scrollbar{display:none}.capture-track .phone img{border-radius:28px}figcaption h3{font-size:23px;letter-spacing:-.035em;line-height:1.15}
.age-section{margin:50px 5vw 0;padding:64px 5vw;border-radius:36px;gap:70px;background:radial-gradient(ellipse at 25% 50%,#e6d2a870,transparent 60%),#f0e7d8}.age-art .phone img{border-radius:35px}.age-section p{font-size:15px}.age-section .intro{font-size:18px}
.privacy-section{padding:100px 8vw 40px}.privacy-section h2{text-align:center}.privacy-section>.eyebrow{text-align:center}.privacy-section .grid{gap:28px}.privacy-section .card{border:0;border-top:1px solid #cbcdb6;border-radius:0;padding:24px 0;background:none}.privacy-section .card h3{font-size:19px;letter-spacing:-.02em}.privacy-section .card p{font-size:14px;line-height:1.7}
.story{border:0;margin:45px 5vw 0;padding:0;gap:70px}.sprout-story-art{overflow:hidden;border-radius:36px}.sprout-story-art img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}.story>div:last-child{padding:25px 30px 25px 0}.story p{font-size:16px;color:#66705d}
.support{padding:90px 6vw 80px;max-width:900px}.support p:not(.eyebrow){max-width:610px;margin:0 auto 28px;font-size:16px;color:#66705d}
.closing{border-radius:36px;margin:0 5vw 50px;padding:70px 6vw;background:radial-gradient(ellipse at top,#dfe6ce,transparent),#ece5d1}.closing h2{font-size:clamp(42px,5vw,64px)}.signup{max-width:530px}.signup input:not([type=checkbox]){border-radius:14px}.signup .button{width:100%;margin-top:18px}.signup label{font-size:14px}
.bevel-inspired footer{padding:20px 6vw 40px}.bevel-inspired footer .brand{font-size:28px}
.motion-ready .reveal.pending{transform:translateY(32px)}.motion-ready .reveal{transition:opacity .85s var(--motion-ease),transform .95s var(--motion-ease)}
@keyframes copy-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes device-in{from{opacity:0;translate:0 75px}to{opacity:1;translate:0 0}}
@keyframes note-in{from{opacity:0;translate:0 18px;scale:.95}to{opacity:1;translate:0 0;scale:1}}
@keyframes orbit-turn{to{rotate:360deg}}
@keyframes breathe-wave{to{scale:1 .55;opacity:.55}}
@media(min-width:1100px){.panel-eat .panel-copy,.panel-recover .panel-copy{width:60%}}
@media(max-width:1000px){.hero h1{font-size:76px}.device-universe{height:620px}.hero-device-main{width:270px}.hero-device-left,.hero-device-right{width:235px}.hero-device-left{transform:translate(calc(-50% - 185px - var(--spread)),var(--lift)) rotate(-12deg)}.hero-device-right{transform:translate(calc(-50% + 185px + var(--spread)),var(--lift)) rotate(12deg)}.floating-note{padding:14px 17px}.note-move{left:0;top:110px}.note-recover{right:0;top:355px}.product-panel{padding:30px 28px 0}.panel-copy h3{font-size:32px}.panel-eat .panel-copy,.panel-recover .panel-copy{width:58%}.eat-art .panel-phone,.recover-art .panel-phone{width:190px;left:40px}.panel-train{min-height:800px}.panel-copy>p:not(.eyebrow){font-size:14px}.art-label{padding:12px 15px;font-size:10px}.art-label span{margin-left:12px}.story{gap:35px}}
@media(max-width:760px){.bevel-inspired{padding:7px 7px 0}.site-nav{top:15px;width:calc(100% - 34px);padding:8px 10px 8px 19px;gap:12px}.site-nav .links{gap:16px}.site-nav .links>a{font-size:12px}.site-nav .links>a[href="#support"]{display:none}.site-nav .button{padding:10px 14px}.hero{padding:119px 4vw 22px;border-radius:28px}.hero h1{font-size:clamp(50px,10vw,76px)}.hero .intro{font-size:17px;max-width:470px}.hero .eyebrow{font-size:9px;margin-bottom:21px}.hero-actions{gap:12px}.hero .button{padding:13px 22px}.hero .text-link{font-size:11px}.device-universe{margin-top:42px;height:530px}.hero-device-main{width:232px}.hero-device-left,.hero-device-right{width:196px;top:69px}.hero-device-left{transform:translate(calc(-50% - 148px),18px) rotate(-12deg)}.hero-device-right{transform:translate(calc(-50% + 148px),18px) rotate(12deg)}.hero-device .phone{border-width:5px;border-radius:34px}.hero-device .phone img{border-radius:28px}.floating-note{font-size:10px;padding:12px 15px;gap:10px;border-radius:17px}.floating-note small{font-size:7px}.note-move{left:1%;top:115px}.note-recover{right:0;top:365px}.mini-ring{width:27px;height:27px;border-width:4px}.sun-halo{width:490px;height:490px}.growth-lines{width:160%;left:-30%;top:-70px}.hero-footnote{font-size:8px}.connected-section{padding:76px 4vw 25px}.connected-section>.section-intro{margin-bottom:36px}.connected-section .section-intro>p:last-child{font-size:16px}.product-bento{gap:14px;grid-template-columns:1fr}.product-panel{border-radius:28px;padding:30px 28px 0}.panel-train{grid-row:auto;min-height:590px}.panel-copy h3{font-size:36px}.panel-train .panel-copy{max-width:320px}.train-art{min-height:280px;margin-top:30px}.train-art .panel-phone{width:225px;top:-4px;left:65%;transform:translateX(-50%) rotate(-8deg)}.train-art .art-label{bottom:70px;left:0}.motion-track{inset:55px -120px auto;height:230px}.panel-eat,.panel-recover{min-height:390px}.panel-eat .panel-copy,.panel-recover .panel-copy{width:52%}.eat-art,.recover-art{width:47%;right:0}.eat-art .panel-phone,.recover-art .panel-phone{width:205px;left:0;top:100px}.art-label{font-size:11px}.recover-art .art-label{left:-10px}.showcase{margin:36px 4vw 0;padding:36px 6vw 24px;border-radius:28px}.showcase .section-intro>p:last-child{font-size:15px}.explorer{gap:20px}.screen-description h3{font-size:30px}.screen-stage .phone{width:254px}.feature-section{padding:70px 6vw 20px}.feature-rows summary{font-size:18px}.feature-rows details p{font-size:14px}.details-gallery{padding:65px 4vw 25px}.gallery-heading{gap:10px;align-items:end}.gallery-heading h2{font-size:36px;max-width:230px;margin-bottom:15px}.gallery-controls{padding-bottom:16px}.gallery-controls .round-button{width:38px;height:38px;font-size:20px}.capture-track{margin-right:-4vw;padding-right:8vw;gap:24px}.capture-track figure{flex-basis:225px}.capture-track .phone{width:225px}.age-section{margin:25px 4vw 0;border-radius:28px;padding:38px 6vw;gap:38px}.age-section p{max-width:100%}.privacy-section{padding:70px 6vw 20px}.privacy-section .grid{gap:6px}.story{margin:30px 4vw 0;gap:25px;grid-template-columns:1fr}.sprout-story-art{border-radius:28px}.sprout-story-art img{aspect-ratio:1.2}.story>div:last-child{padding:0 5vw}.support{padding:65px 7vw}.closing{padding:45px 6vw;margin:0 4vw 35px;border-radius:28px}.bevel-inspired footer{gap:16px;padding:15px 6vw 30px;font-size:11px}.desktop-break{display:none}}
@media(max-width:420px){.site-nav .links>a[href="#updates"]{display:none}.site-nav .brand{font-size:26px}.hero h1{font-size:52px}.hero .intro{font-size:16px}.hero-actions{gap:4px;flex-direction:column}.hero .text-link{padding:12px 0 0}.device-universe{height:476px;margin-top:40px}.hero-device-main{width:213px}.hero-device-left,.hero-device-right{width:179px;top:58px}.hero-device-left{transform:translate(calc(-50% - 124px),16px) rotate(-12deg)}.hero-device-right{transform:translate(calc(-50% + 124px),16px) rotate(12deg)}.note-move{top:126px;left:-9%;padding:10px 12px}.note-move .note-icon{font-size:22px}.note-recover{top:344px;right:-2%;padding:11px 13px}.floating-note{font-size:9px}.hero-footnote{font-size:7.5px}.panel-copy h3{font-size:31px}.panel-eat .panel-copy,.panel-recover .panel-copy{width:57%}.eat-art .panel-phone,.recover-art .panel-phone{width:190px;left:20px;top:112px}.panel-eat .panel-copy>p,.panel-recover .panel-copy>p{max-width:175px}.product-panel{padding-left:24px;padding-right:24px}.panel-copy>p:not(.eyebrow){font-size:13px}.panel-link{font-size:11px;gap:14px}.train-art .panel-phone{left:66%}.train-art .art-label{left:-3px}.gallery-heading h2{font-size:32px;max-width:190px}.gallery-controls{gap:6px}.round-button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-device,.floating-note{animation:none!important}.hero-device-main{transform:translateX(-50%)!important}.hero-device-left{transform:translate(calc(-50% - 219px),0) rotate(-12deg)!important}.hero-device-right{transform:translate(calc(-50% + 219px),0) rotate(12deg)!important}.nutrition-orbit,.sound-wave i{animation:none!important}.growth-lines{transform:none!important}.motion-ready .reveal.pending{opacity:1;transform:none}.device-universe{--spread:0px!important;--lift:0px!important}.hero-device .phone{transform:none!important;transition:none!important}.floating-note{transform:none!important}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.hero-device-left{transform:translate(calc(-50% - 148px),18px) rotate(-12deg)!important}.hero-device-right{transform:translate(calc(-50% + 148px),18px) rotate(12deg)!important}}
@media(max-width:420px) and (prefers-reduced-motion:reduce){.hero-device-left{transform:translate(calc(-50% - 124px),16px) rotate(-12deg)!important}.hero-device-right{transform:translate(calc(-50% + 124px),16px) rotate(12deg)!important}}

/* Scroll is the timeline. The static composition above remains the fallback. */
.scroll-journey{display:none}
.scroll-active .scroll-journey{display:block;height:calc(100svh + var(--chapter-count,5)*54svh);padding:0;margin:24px 0 0;position:relative;overflow:visible}
.journey-stage{position:sticky;top:0;height:100svh;min-height:520px;margin:0 3vw;overflow:hidden;border-radius:36px;isolation:isolate;background:#e2e7ce}
.journey-wash{position:absolute;inset:0;z-index:-2;opacity:var(--scene-alpha,0)}
.wash-move{background:radial-gradient(ellipse at 70% 40%,#f7f1e6,#dce4c6 75%);--scene-alpha:1}
.wash-eat{background:radial-gradient(ellipse at 70% 45%,#fff4e1,#e8d1b6 75%)}
.wash-rest{background:radial-gradient(ellipse at 70% 45%,#f6ede1,#d5decc 75%)}
.journey-heading{position:absolute;left:7%;top:25%;width:37%;z-index:4}
.journey-heading>.eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:34px}
.journey-titles{position:relative;height:280px}
.journey-title{position:absolute;inset:0;opacity:var(--scene-alpha,0);transform:translateY(var(--title-y,40px));pointer-events:none}
.journey-title:first-child{--scene-alpha:1;--title-y:0px}
.journey-title>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#667451}
.journey-title h2{font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.065em;margin:15px 0 23px}
.journey-title p{font-size:15px;line-height:1.6;color:#68725c}
.journey-handset{position:absolute;left:67%;top:50%;height:min(73svh,730px);aspect-ratio:1206/2622;transform:translate(calc(-50% + var(--phone-x,-50px)),calc(-50% + var(--phone-y,55px))) rotate(var(--phone-turn,-8deg)) scale(var(--phone-scale,.91));border:7px solid #38382d;border-radius:43px;background:#f7f1e6;box-shadow:0 40px 75px #43381f25,0 0 0 1px #b8b9a2;z-index:2}
.journey-screen{position:absolute;inset:0;border-radius:34px;overflow:hidden;background:#f7f1e6}
.journey-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:var(--scene-alpha,0);transform:translateX(var(--screen-x,0px));border-radius:34px}
.journey-screen img:first-child{--scene-alpha:1}
.journey-orbits{position:absolute;width:min(76vw,950px);aspect-ratio:1;left:67%;top:50%;transform:translate(-50%,-50%) rotate(var(--orbit-turn,0deg)) scale(var(--orbit-scale,.6));z-index:-1}
.journey-orbits i{position:absolute;inset:0;border:1px solid #7d8c5540;border-radius:50%}
.journey-orbits i:nth-child(2){inset:12%}.journey-orbits i:nth-child(3){inset:24%}
.journey-orbits i:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#879b62;top:13%;left:13%;box-shadow:0 0 0 9px #e2e7ce88}
.journey-orbits i:nth-child(2):before{left:auto;right:13%;background:#b88968}
.journey-leaf{position:absolute;font-size:100px;color:#a9915f;left:12%;bottom:4%;font-weight:300}
.journey-note{position:absolute;right:4%;top:72%;z-index:5;border:1px solid #fff8;background:#faf6edf5;padding:18px 23px;border-radius:22px;display:flex;align-items:center;gap:20px;font-size:12px;line-height:1.5;box-shadow:0 15px 45px #44392312;transform:translateY(var(--note-y,70px)) rotate(var(--note-turn,5deg))}
.journey-note-mark{font-size:32px;color:#a25f35}
.journey-progress{position:absolute;left:7%;bottom:7%;display:grid;grid-template-columns:repeat(var(--chapter-count,5),minmax(0,1fr));width:36%;gap:18px;font-size:10px;letter-spacing:.05em;color:#65705c;padding-bottom:20px}
.journey-progress:after,.journey-progress i{position:absolute;bottom:0;left:0;right:0;height:2px;background:#82926440;content:""}
.journey-progress i{right:auto;width:100%;background:#526a36;z-index:1;transform:scaleX(0);transform-origin:left}
.scroll-active .hero-device-left{transform:translate(calc(-50% - var(--fan,200px)),var(--side-y,0px)) rotate(var(--left-turn,-12deg))}
.scroll-active .hero-device-right{transform:translate(calc(-50% + var(--fan,200px)),var(--right-y,0px)) rotate(var(--right-turn,12deg))}
.scroll-active .hero-device-main{transform:translate(-50%,var(--main-y,0px)) rotate(var(--main-turn,0deg)) scale(var(--main-scale,1))}
.scroll-active .sun-halo{transform:translateX(-50%) scale(var(--halo-scale,1))}
.scroll-active .growth-lines{transform:translateY(var(--lines-y,0px)) rotate(var(--lines-turn,0deg))}
.scroll-active .growth-lines path{stroke-dasharray:1700;stroke-dashoffset:0}
.scroll-active .note-move{transform:translate(var(--note-left-x,0px),var(--note-left-y,0px)) rotate(var(--note-left-turn,0deg))}
.scroll-active .note-recover{transform:translate(var(--note-right-x,0px),var(--note-right-y,0px)) rotate(var(--note-right-turn,0deg))}
.scroll-active .train-art .panel-phone{transform:translate(calc(-50% + var(--card-x,0px)),var(--card-y,0px)) rotate(var(--card-turn,-6deg)) scale(var(--card-scale,1))}
.scroll-active .eat-art .panel-phone,.scroll-active .recover-art .panel-phone{transform:translate(var(--card-x,0px),var(--card-y,0px)) rotate(var(--card-turn,0deg)) scale(var(--card-scale,1))}
.scroll-active .art-label{transform:translate(var(--label-x,0px),var(--label-y,0px)) rotate(var(--label-turn,0deg))}
.scroll-active .motion-track{transform:rotate(var(--ring-turn,-20deg)) scale(var(--ring-scale,1))}
.scroll-active .nutrition-orbit{animation:none;transform:rotate(var(--ring-turn,0deg)) scale(var(--ring-scale,1))}
.scroll-active .sound-wave{transform:rotate(-8deg) scale(1,var(--wave-scale,1))}
.scroll-active .sound-wave i{animation:none}
.scroll-active .screen-stage>.phone{transform:translate(var(--tour-x,0px),var(--tour-y,0px)) rotate(var(--tour-turn,0deg)) scale(var(--tour-scale,1))}
.scroll-active .stage-orbit{transform:rotate(var(--tour-orbit,0deg)) scale(var(--tour-ring,1))}
.scroll-active .capture-track figure{transform:translateY(var(--gallery-y,0px)) rotate(var(--gallery-turn,0deg));transition:none}
.scroll-active .age-art{transform:translateY(var(--age-y,0px)) rotate(var(--age-turn,0deg))}
.scroll-active .sprout-story-art{transform:scale(var(--story-scale,1));border-radius:36px}
.scroll-active .sprout-story-art img{transform:translateY(var(--story-y,0px)) scale(1.2)}
.scroll-active .privacy-section .card{transform:translateY(var(--privacy-y,0px));transition:none}
@media(max-width:760px){
 .journey-stage{margin:0;border-radius:28px;min-height:480px}
 .journey-heading{top:110px;left:7%;width:86%;text-align:center}
 .journey-heading>.eyebrow{margin:0 0 12px;font-size:8px}
 .journey-titles{height:175px}.journey-title>span{font-size:8px}
 .journey-title h2{font-size:clamp(38px,9vw,60px);margin:10px 0 13px;line-height:.98}
 .journey-title h2 br{display:none}.journey-title p{font-size:11px;margin:0}
 .journey-handset{left:50%;top:calc(285px + (100svh - 375px)/2);height:calc(100svh - 375px);max-height:540px;border-width:5px;border-radius:32px}
 .journey-screen,.journey-screen img{border-radius:26px}
 .journey-orbits{width:125vw;left:50%;top:65%}.journey-leaf{font-size:65px}
 .journey-note{right:2%;top:auto;bottom:18%;font-size:8px;padding:10px 12px;gap:10px;border-radius:15px}.journey-note-mark{font-size:22px}
 .journey-progress{left:12%;width:76%;bottom:4%;font-size:9px;padding-bottom:15px}
}
 .motion-short .journey-heading{top:100px}.motion-short .journey-heading>.eyebrow{margin-bottom:8px}
 .motion-short .journey-title h2{font-size:40px;margin-top:8px}.motion-short .journey-title p{display:none}
 .motion-short .journey-handset{height:65svh}.motion-short .journey-note{display:none}
@media(max-width:760px){.motion-short .journey-handset{top:calc(215px + (100svh - 285px)/2);height:calc(100svh - 285px)}.motion-short .journey-heading{top:92px}.motion-short .journey-title h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.scroll-active .scroll-journey{display:none}.scroll-active .panel-phone,.scroll-active .art-label,.scroll-active .motion-track,.scroll-active .nutrition-orbit,.scroll-active .sound-wave,.scroll-active .screen-stage>.phone,.scroll-active .stage-orbit,.scroll-active .capture-track figure,.scroll-active .age-art,.scroll-active .sprout-story-art,.scroll-active .sprout-story-art img,.scroll-active .privacy-section .card{transform:none!important}}
@media(max-width:760px){.journey-title h2{word-spacing:.06em;letter-spacing:-.05em}.journey-orbits{top:70%;width:120vw}}
/* Horizontal gallery stays a horizontal scroller during vertical entrances. */
.scroll-active .capture-track{overflow-y:hidden;padding-top:16px;margin-top:-16px}
.motion-landscape.scroll-active .scroll-journey{display:none}
@media(max-width:760px){.motion-short .journey-title h2{font-size:28px;line-height:1.05}.motion-short .journey-orbits i:before{display:none}}
@media(max-width:760px){.motion-short .journey-handset{top:calc(235px + (100svh - 305px)/2);height:calc(100svh - 305px)}}

/* One compositor timeline: no CSS interpolation chasing each scroll position. */
.motion-viewport-probe{position:fixed;width:0;height:100svh;top:0;left:0;visibility:hidden;pointer-events:none;contain:strict}
.scroll-active.motion-ready .reveal{transition:opacity .85s var(--motion-ease)}
.scroll-active.motion-ready .reveal.pending{transform:none}
.scroll-active .hero-device,.scroll-active .floating-note{animation:motion-fade-in .8s var(--motion-ease) both}
.scroll-active .panel-phone,.scroll-active .screen-stage>.phone{transition:none}
.scroll-active .hero-device,.scroll-active .journey-handset,.scroll-active .sprout-story-art,.scroll-active .sprout-story-art img{will-change:auto}
.scroll-active .scrubbing .hero-device,.scroll-active .scrubbing .journey-handset,.scroll-active .scrubbing .panel-phone,.scroll-active .scrubbing.screen-stage>.phone,.scroll-active .scrubbing .sprout-story-art img{will-change:transform}
.panel-recover .panel-copy{background:#ece3d8;padding-right:8px}
.recover-art .sound-wave{left:66px;max-width:calc(100% - 66px);overflow:hidden}
.recover-art .sound-wave i{flex-shrink:0;background:#a9907b4d}
.recover-art .art-label{left:20px;bottom:18px}
@media(max-width:420px){.recover-art .art-label{font-size:10px;padding:10px 12px}.recover-art .art-label span{font-size:16px;margin-left:8px}}
@keyframes motion-fade-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){
 .site-nav,.site-nav.scrolled{background:#faf3e7;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 5px 18px #4439230d}
 .hero-device .phone,.panel-phone,.journey-handset{box-shadow:0 14px 28px #3a362318,0 0 0 1px #b8b9a2}
 .scroll-active .sprout-story-art{border-radius:28px}
}

/* Native mobile timelines and the bounded fallback have separate transform owners. */
.mobile-motion .device-universe{--mobile-fan:160px}
.mobile-motion .hero-device,.mobile-motion .floating-note{animation:none!important;will-change:auto!important}
.mobile-motion .hero-device-left{transform:translate3d(calc(-50% - var(--mobile-fan)),26px,0) rotate(-14deg)}
.mobile-motion .hero-device-right{transform:translate3d(calc(-50% + var(--mobile-fan)),54px,0) rotate(14deg)}
.mobile-motion .hero-device-main{transform:translate3d(-50%,-28px,0)}
.mobile-motion .hero-device .phone{box-shadow:0 10px 24px #3a362314;transition:none}
.mobile-motion.scroll-active:not(.native-hero-scroll) .device-universe.scrubbing .hero-device{will-change:transform!important}
.mobile-motion .hero-device .phone img{border-radius:0;aspect-ratio:1206/2622;object-fit:cover}
.mobile-motion .sun-halo{transform:translateX(-50%);box-shadow:none}
.mobile-motion .growth-lines{display:none}
.mobile-motion .floating-note{transform:none}
.mobile-motion .panel-train.reveal,.mobile-motion .panel-train.reveal.pending{opacity:1;transform:none;transition:none}
.mobile-motion .train-art .panel-phone{transform:translate3d(-50%,0,0) rotate(-8deg);will-change:auto!important;transition:none}
.mobile-motion .train-art .panel-phone img{border-radius:0;aspect-ratio:1206/2622;object-fit:cover}
.mobile-motion .panel-train .motion-track{transform:rotate(-20deg);animation:none}
.mobile-motion .train-art .art-label{transform:none}
.mobile-motion.mobile-entrances-ready .panel-train:not(.mobile-settled) .panel-phone{transform:translate3d(calc(-50% + 55px),140px,0) rotate(-8deg)}
.mobile-motion.mobile-entrances-ready .panel-train.mobile-entered:not(.mobile-settled) .panel-phone{animation:mobile-training-phone 1.1s cubic-bezier(.22,.75,.25,1) both}
@keyframes mobile-training-phone{from{transform:translate3d(calc(-50% + 55px),140px,0) rotate(-8deg)}to{transform:translate3d(-50%,0,0) rotate(-8deg)}}
.motion-paused.mobile-motion .hero-device,.motion-paused.mobile-motion .panel-train .panel-phone{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.mobile-motion .hero-device,.mobile-motion .panel-train .panel-phone{animation:none!important}.mobile-motion .train-art .panel-phone{transform:translateX(-50%) rotate(-8deg)!important}}

/* A stable stage contains the entire bezel envelope; notes never cover screens. */
.hero{overflow:clip}
.device-universe{height:740px}
.device-universe:after{display:none}
.hero-formation{position:absolute;inset:0}
.hero-notes{position:relative;display:flex;justify-content:center;gap:18px;max-width:680px;margin:10px auto 26px;z-index:1}
.hero-notes .floating-note{position:static;transform:none!important;animation:none!important;flex:1;justify-content:center;padding:16px 20px;background:#faf6edf5;box-shadow:0 7px 20px #3a362309;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-notes .floating-note small{margin-top:5px}
.mobile-motion .device-universe{height:680px;--mobile-fan:clamp(35px,13vw,160px)}
.mobile-motion .hero-device-main{width:clamp(166px,49vw,246px)}
.mobile-motion .hero-device-left,.mobile-motion .hero-device-right{width:clamp(130px,39vw,214px)}
@media(max-width:760px){.device-universe{height:680px}.hero-notes{gap:10px;margin:0 16px 24px}.hero-notes .floating-note{font-size:11px;padding:14px 12px;gap:10px}.hero-notes .note-icon{font-size:24px}.hero-notes .mini-ring{width:30px;height:30px}.hero-notes .floating-note small{font-size:8px}}
@media(max-width:420px){.device-universe,.mobile-motion .device-universe{height:560px}.hero-notes{margin:0 0 18px}.hero-notes .floating-note{font-size:10px;padding:12px 10px;gap:7px}}
@supports (animation-timeline:--foleil-hero) and (view-timeline-name:--foleil-hero) and (animation-range:entry 0% contain 100%) and (animation-duration:auto) and (overflow:clip){
 .mobile-motion.native-hero-scroll.scroll-active .device-universe{view-timeline-name:--foleil-hero;view-timeline-axis:block}
 .mobile-motion.native-hero-scroll.scroll-active .hero-device-left{animation:hero-scroll-left 1s linear both!important;animation-duration:auto!important;animation-timeline:--foleil-hero!important;animation-range:entry 0% contain 100%!important}
 .mobile-motion.native-hero-scroll.scroll-active .hero-device-right{animation:hero-scroll-right 1s linear both!important;animation-duration:auto!important;animation-timeline:--foleil-hero!important;animation-range:entry 0% contain 100%!important}
 .mobile-motion.native-hero-scroll.scroll-active .hero-device-main{animation:hero-scroll-main 1s linear both!important;animation-duration:auto!important;animation-timeline:--foleil-hero!important;animation-range:entry 0% contain 100%!important}
}



@media(prefers-reduced-motion:reduce){.hero-formation{transform:none!important}.mobile-motion.native-hero-scroll .hero-device{animation:none!important}.mobile-motion .hero-device-left{transform:translate3d(calc(-50% - var(--mobile-fan)),26px,0) rotate(-14deg)!important}.mobile-motion .hero-device-right{transform:translate3d(calc(-50% + var(--mobile-fan)),54px,0) rotate(14deg)!important}}
/* The static/no-script composition reserves the same complete frame envelope. */
@media(max-width:760px){
 .device-universe{--mobile-fan:clamp(35px,13vw,160px)}
 .hero-device-main{width:clamp(166px,49vw,246px)}
 .hero-device-left,.hero-device-right{width:clamp(130px,39vw,214px)}
 .hero-device-left{transform:translate3d(calc(-50% - var(--mobile-fan)),26px,0) rotate(-14deg)}
 .hero-device-right{transform:translate3d(calc(-50% + var(--mobile-fan)),54px,0) rotate(14deg)}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.hero-device-left{transform:translate3d(calc(-50% - var(--mobile-fan)),26px,0) rotate(-14deg)!important}.hero-device-right{transform:translate3d(calc(-50% + var(--mobile-fan)),54px,0) rotate(14deg)!important}}
@media(min-width:761px) and (max-width:1100px){html:not(.scroll-active) .hero-device-left{transform:translate(calc(-50% - min(219px,12vw)),0) rotate(-12deg)!important}html:not(.scroll-active) .hero-device-right{transform:translate(calc(-50% + min(219px,12vw)),0) rotate(12deg)!important}}
.motion-paused.mobile-motion.native-hero-scroll.scroll-active .hero-device{animation-play-state:paused!important}

/* Home screens first — 27 October 2026. Preserve the original visual language. */
.journey-progress{gap:clamp(6px,1.5vw,18px)}
.wash-day{background:radial-gradient(ellipse at 70% 40%,#faf3e7,#e6dfc9 75%);--scene-alpha:1}
.wash-grow{background:radial-gradient(ellipse at 70% 45%,#f7f1e6,#dce2cf 75%)}
.wash-move{--scene-alpha:0}
.journey-capture{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;opacity:0}
.journey-capture:first-child{opacity:1}
.journey-screen .journey-capture img{opacity:1;transform:none;border-radius:inherit}
.home-overviews{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.home-overviews .panel-home{--home-phone-width:clamp(230px,22vw,282px);display:flex;flex-direction:column;grid-row:auto;min-height:0;padding:36px 32px 0}
.home-overviews .panel-home .panel-copy{width:100%;max-width:430px;padding:0;background:none}
.home-overviews .panel-home .panel-copy h3{font-size:clamp(30px,3vw,42px)}
.home-overviews .panel-home .panel-copy>p:not(.eyebrow){max-width:410px}
.home-overviews .panel-home .panel-art{position:relative;right:auto;bottom:auto;flex:none;width:100%;height:auto;min-height:0;margin:26px 0 0;padding:22px 12px 28px;z-index:1}
.home-overviews .panel-home .panel-phone{position:relative;left:50%;top:auto;width:var(--home-phone-width);transform:translateX(-50%) rotate(-5deg)}
.home-overviews .panel-home .motion-track{inset:60px -45px auto;height:350px}
.home-overviews .panel-today{--home-phone-width:310px;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;background:#e9e6d6}
.home-overviews .panel-today .panel-art{margin-top:0}
.home-overviews .panel-progress{background:#e2e7d7}
.mobile-motion .home-overviews .panel-train .panel-phone{transform:translate3d(-50%,0,0) rotate(-8deg)}
.mobile-motion.mobile-entrances-ready .home-overviews .panel-train:not(.mobile-settled) .panel-phone{transform:translate3d(calc(-50% + 55px),140px,0) rotate(-8deg)}
.mobile-motion.mobile-entrances-ready .home-overviews .panel-train.mobile-entered:not(.mobile-settled) .panel-phone{animation:mobile-training-phone 1.1s cubic-bezier(.22,.75,.25,1) both}
/* A wider canvas and measured rotated-frame cap expose the side phones without clipping. */
.mobile-motion .device-universe{width:calc(100% + 6vw);max-width:none;margin-left:-3vw;--mobile-fan:20vw}
.mobile-motion .hero-device-main{width:clamp(176px,55vw,278px);top:12px;transform:translate3d(-50%,20px,0)}
.mobile-motion .hero-device-left,.mobile-motion .hero-device-right{width:clamp(118px,33vw,190px);top:12px}
.mobile-motion .hero-device-left{transform:translate3d(calc(-50% - var(--mobile-fan)),70px,0) rotate(-18deg)}
.mobile-motion .hero-device-right{transform:translate3d(calc(-50% + var(--mobile-fan)),94px,0) rotate(18deg)}
@keyframes hero-scroll-left{from{transform:translate3d(calc(-50% - 10px),138px,0) rotate(-18deg)}to{transform:translate3d(calc(-50% - var(--mobile-fan)),70px,0) rotate(-18deg)}}
@keyframes hero-scroll-right{from{transform:translate3d(calc(-50% + 10px),184px,0) rotate(18deg)}to{transform:translate3d(calc(-50% + var(--mobile-fan)),94px,0) rotate(18deg)}}
@keyframes hero-scroll-main{from{transform:translate3d(-50%,45px,0)}to{transform:translate3d(-50%,20px,0)}}
@media(max-width:760px){
 .home-overviews{grid-template-columns:1fr;gap:18px}
 .home-overviews .panel-home{--home-phone-width:clamp(210px,60vw,270px);padding:30px 24px 0}
 .home-overviews .panel-today{grid-column:auto;display:flex;gap:0}
 .home-overviews .panel-today .panel-art{margin-top:26px}
 .home-overviews .panel-home .panel-copy h3{font-size:34px}
 .home-overviews .panel-home .panel-copy>p:not(.eyebrow){max-width:100%;font-size:14px}
 .device-universe,.mobile-motion .device-universe{width:calc(100% + 8vw);max-width:none;margin-left:-4vw;--mobile-fan:17vw}
 .hero-device-main{width:clamp(176px,55vw,278px);top:12px}
 .hero-device-left,.hero-device-right{width:clamp(118px,33vw,190px);top:12px}
 .hero-device-left{transform:translate3d(calc(-50% - var(--mobile-fan)),70px,0) rotate(-18deg)}
 .hero-device-right{transform:translate3d(calc(-50% + var(--mobile-fan)),94px,0) rotate(18deg)}
 .journey-heading{top:100px}
 .journey-handset{top:calc(325px + (100svh - 405px)/2);height:calc(100svh - 405px)}
 .journey-progress{left:7%;width:86%;gap:6px;font-size:8px}
 .motion-short .journey-handset{top:calc(230px + (100svh - 305px)/2);height:calc(100svh - 305px)}
}
@media(max-width:420px){.home-overviews .panel-home .panel-copy h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){
 .mobile-motion .hero-device-main{transform:translate3d(-50%,20px,0)!important}
 .mobile-motion .hero-device-left{transform:translate3d(calc(-50% - var(--mobile-fan)),70px,0) rotate(-18deg)!important}
 .mobile-motion .hero-device-right{transform:translate3d(calc(-50% + var(--mobile-fan)),94px,0) rotate(18deg)!important}
 .home-overviews .panel-home .panel-phone{transform:translateX(-50%)!important}
}