@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@300;400;500;600&display=swap');
:root{--ivory:#f8f6f1;--sage:#8ca690;--eucalyptus:#afc4b5;--stone:#d9d1c5;--blue:#a7c7d6;--ink:#2f3834;--line:rgba(47,56,52,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;font-weight:400;letter-spacing:-.055em;line-height:1.12}h1{font-size:clamp(3.2rem,4.5vw,5.4rem)}h2{font-size:clamp(2.75rem,4.7vw,5.6rem)}h3{font-weight:500}em{font-style:normal;color:#789a80}.wrap{width:min(1360px,calc(100% - 80px));margin:auto}.section{padding:120px 0}.eyebrow{font-size:.7rem;letter-spacing:.17em;font-weight:700;line-height:1.5}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sage);margin-right:9px}.site-header{height:102px;position:sticky;top:0;background:rgba(248,246,241,.94);backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid var(--line)}.header-inner{height:100%;width:min(1500px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;justify-content:center;width:225px;height:85px;flex-shrink:0}.logo{width:225px;max-width:none;height:auto;transform:none}.desktop-nav{display:flex;gap:36px;font-size:.86rem}.desktop-nav a:hover,.footer a:hover{color:#6c9174}.header-actions{display:flex;align-items:center;gap:20px}.header-shop{border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:.75rem;letter-spacing:.06em;font-weight:700}.header-shop span{margin-left:13px}.menu-button,.mobile-nav{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:53px;padding:0 21px;border:1px solid var(--ink);font-size:.83rem;font-weight:700;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--sage);color:#fff;border-color:var(--sage)}.button.outline{background:transparent}.button.light{color:var(--ink);background:var(--ivory);border-color:var(--ivory)}.button span{font-size:1.1rem;font-weight:400}.hero{min-height:680px;display:grid;grid-template-columns:48% 52%;border-bottom:1px solid var(--line)}.hero-copy{padding:75px 55px 55px max(45px,calc((100vw - 1360px)/2));display:flex;flex-direction:column;justify-content:center}.hero h1{margin:29px 0 29px;max-width:680px}.period{color:var(--sage)}.hero-copy>p{font-size:1.04rem;line-height:1.8;max-width:500px;color:#58615c}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 52px}.hero-meta{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:#69736b}.hero-meta span{margin:0 12px;color:var(--sage)}.hero-photo{position:relative;overflow:hidden;min-height:680px}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% center}.photo-caption{position:absolute;bottom:25px;right:29px;color:white;font-size:.64rem;letter-spacing:.13em;text-shadow:0 1px 7px #333}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:9%}.intro h2{margin:28px 0}.intro-right{padding-top:57px}.intro-right p,.section-heading p,.feature-copy>p,.science-grid p,.trust p,.early p,.subpage p{color:#59635d;line-height:1.82}.large-copy{font-size:1.55rem!important;color:var(--ink)!important;line-height:1.5!important}.principles{display:flex;gap:27px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:27px;margin-top:37px;font-size:.69rem;letter-spacing:.13em;font-weight:700}.moments{background:#edece5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:52px}.section-heading h2{margin:24px 0 0}.section-heading p{max-width:325px;margin:0}.moment-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.moment-grid article{padding:38px 25px 25px 0;border-right:1px solid var(--line);min-height:210px}.moment-grid article:not(:first-child){padding-left:25px}.moment-grid article:last-child{border-right:0}.moment-grid span,.pillar-grid span,.sub-cards span{font-size:.7rem;letter-spacing:.12em;color:#789a80}.moment-grid h3{font-family:Manrope;font-size:1.45rem;margin:50px 0 9px}.moment-grid p{font-size:.86rem;color:#68716c;line-height:1.5}.product-feature{background:#e3e9df}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.product-photo{position:relative;height:min(650px,50vw);background:#d5d4c6;overflow:hidden}.product-photo>img{width:100%;height:100%;object-fit:cover}.product-seal{position:absolute;bottom:12px;left:25px;background:rgba(248,246,241,.9);height:60px;width:160px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-seal .logo{width:140px;transform:none}.feature-copy h2{margin:20px 0}.feature-copy>.subline{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:#536b58}.feature-copy>p:not(.subline){max-width:450px}.mini-rule{width:45px;height:1px;background:var(--ink);margin-top:25px}.benefit-list{display:grid;grid-template-columns:1fr 1fr;margin:35px 0;border-top:1px solid var(--line)}.benefit-list div{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--line);padding:18px 0}.benefit-list b{font-size:.7rem;letter-spacing:.13em}.benefit-list span{font-size:.86rem;color:#68716c}.feature-copy small{display:block;margin-top:16px;color:#68716c}.ritual .section-heading{margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps>div{border-top:1px solid var(--line);padding-top:22px}.steps strong{display:block;font-family:Manrope;font-size:4.2rem;font-weight:300;color:#8da58f;margin-bottom:35px}.steps h3{font-size:1.3rem}.steps p{max-width:300px;color:#68716c;line-height:1.7}.science{background:#e8eff0}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.science h2{margin:26px 0}.science-grid p{max-width:510px;margin-bottom:33px}.science-art{height:460px;background:linear-gradient(160deg,#dbe9e8,#eaf1ef);position:relative;overflow:hidden;border:1px solid #c3d5d5}.skin-layer{position:absolute;width:110%;height:90px;border-radius:50%;left:-5%;border:1px solid #799897;transform:rotate(-8deg)}.layer-a{bottom:75px;background:#c5d7cb}.layer-b{bottom:28px;background:#afc4b5}.layer-c{bottom:-24px;background:#8ca690}.science-orbit{position:absolute;border:1px solid #8aa9a9;border-radius:50%}.o1{width:260px;height:260px;top:60px;left:25%}.o2{width:150px;height:150px;top:110px;left:37%;border-style:dashed}.o3{width:30px;height:30px;top:175px;left:50%;background:#8ca690}.art-label{position:absolute;bottom:18px;left:20px;font-size:.6rem;letter-spacing:.15em}.science-note{font-size:.7rem;line-height:1.7;color:#637273;margin-top:38px}.ingredients{background:#f8f6f1}.ingredient-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1px;background:var(--line)}.ingredient-grid>div{padding:55px;background:#eceee7;min-height:260px}.ingredient-grid>div:last-child{background:#f1eee8}.ingredient-grid span{font-size:.66rem;letter-spacing:.14em;font-weight:700}.ingredient-grid h3{font-family:Manrope;font-size:2.3rem;margin:50px 0 13px}.ingredient-grid p{color:#637069}.why{background:#f4f0e8}.why h2{margin:25px 0 60px}.pillar-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.pillar-grid article{padding:34px 35px 50px 0;border-bottom:1px solid var(--line)}.pillar-grid article:nth-child(even){padding-left:35px;border-left:1px solid var(--line)}.pillar-grid h3{font-size:.9rem;letter-spacing:.12em;margin:35px 0 12px}.pillar-grid p{max-width:340px;color:#68716c;line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{min-height:365px;padding:24px;display:flex;flex-direction:column;transition:transform .25s}.category:hover{transform:translateY(-5px)}.category.sage{background:#9ab19c}.category.sand{background:#dfd5c7}.category.blue{background:#c5d8df}.category.stone{background:#d2cec5}.category span,.category small{font-size:.62rem;letter-spacing:.12em;font-weight:700}.category h3{font-family:Manrope;font-size:clamp(2.6rem,4vw,4.2rem);font-weight:300;margin:auto 0 10px}.category p{font-size:.91rem;margin-bottom:37px}.category small{border-top:1px solid rgba(47,56,52,.35);padding-top:18px}.lifestyle{height:570px;position:relative;overflow:hidden}.lifestyle img{height:100%;width:100%;object-fit:cover;object-position:center 56%}.lifestyle:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,40,34,.44),transparent 65%)}.lifestyle-overlay{position:absolute;z-index:1;top:50%;left:max(40px,calc((100vw - 1360px)/2));transform:translateY(-50%);color:white}.lifestyle h2{margin:20px 0}.lifestyle em{color:#d9e4d9}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.trust h2{margin:22px 0}.claim-list>div{border-bottom:1px solid var(--line);padding:19px 0;font-size:1.25rem}.claim-list>div span{color:#7d9d84;margin-right:30px}.claim-list p{font-size:.78rem;margin-top:22px}.journal{background:#edece5}.journal .section-heading .button{align-self:end}.article-list{border-top:1px solid var(--line)}.article-list a,.article-list article{display:grid;grid-template-columns:180px 1fr 50px;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.article-list span{font-size:.65rem;letter-spacing:.13em;font-weight:700}.article-list h3{font-family:Manrope;font-size:clamp(1.2rem,2vw,2rem);font-weight:400;margin:0}.article-list b{text-align:right;font-size:1.2rem;font-weight:400}.early{background:#dce8df}.early-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20%}.early h2{margin:25px 0}.early-grid>div:last-child{text-align:right;padding-bottom:20px}.quiet{font-size:.72rem}.final-cta{background:#7d9d84;overflow:hidden}.final-grid{display:grid;grid-template-columns:1fr 1fr;min-height:600px;align-items:center;gap:8%}.final-grid h2{margin:25px 0;color:#fff}.final-grid h2 em{color:#e0e8dc}.final-grid p{color:#f1f5ee;margin-bottom:30px}.final-grid>img{height:540px;width:100%;object-fit:cover;align-self:end}.footer{background:#27332d;color:#e9eee8;padding:75px 0 25px}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-brand{width:260px}.footer-brand .logo{filter:brightness(0) invert(1);width:220px}.footer-brand p{font-size:.8rem;color:#bfcfc3}.footer h4{font-size:.66rem;letter-spacing:.16em;color:#a8c1ad;margin:0 0 23px}.footer a{display:block;font-size:.82rem;margin-bottom:13px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #57645a;padding-top:23px;margin-top:65px;color:#bbc9bd;font-size:.7rem}.subpage{min-height:65vh}.subpage-head{padding:65px 0 85px}.subpage-head .back{font-size:.7rem;letter-spacing:.12em;display:block;margin-bottom:75px}.subpage-head h1{max-width:950px;margin:23px 0}.subpage-head p{max-width:750px;font-size:1.2rem}.sub-details,.sub-product,.sub-pillars,.coming{margin-bottom:110px}.sub-details h2,.sub-product h2{font-size:2.5rem}.sub-details>p{max-width:790px}.sub-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px}.sub-cards article{background:#e8eeea;padding:35px}.sub-cards h3{font-size:1.2rem;margin-top:55px}.sub-product{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.sub-product img{max-height:600px;width:100%;object-fit:cover}.sub-product ul{line-height:2;margin-bottom:30px}.coming{border-top:1px solid var(--line);padding-top:35px;display:flex;justify-content:space-between}.sub-pillars{padding-top:0}@media(max-width:1000px){.desktop-nav{gap:18px}.header-shop{display:none}.hero{grid-template-columns:50% 50%}.hero-copy{padding:55px 40px}.section{padding:90px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.category{min-height:310px}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{grid-column:2}.hero h1{font-size:clamp(3rem,5vw,5rem)}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:76px}.header-inner{width:calc(100% - 34px)}.brand{width:168px;height:68px}.brand .logo{width:100%;height:100%;max-width:100%;object-fit:contain}.desktop-nav{display:none}.menu-button{display:block;border:0;background:none;color:var(--ink);font-size:1.6rem;padding:8px}.mobile-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--ivory);padding:18px 22px 25px;border-bottom:1px solid var(--line)}.menu-open .mobile-nav{display:grid;gap:20px}.mobile-nav a{font-size:1.1rem}.hero{display:flex;flex-direction:column}.hero-copy{padding:48px 20px 39px}.hero h1{font-size:clamp(3.15rem,11vw,4.4rem);margin:24px 0}.hero-copy>p{font-size:.98rem}.actions{margin:23px 0 35px}.hero-meta{font-size:.58rem;line-height:1.8}.hero-photo{min-height:370px;height:410px}.hero-photo img{object-position:62% center}.section{padding:75px 0}.intro-grid,.feature-grid,.science-grid,.trust-grid,.early-grid,.final-grid,.sub-product{grid-template-columns:1fr;gap:38px}.intro-right{padding-top:0}.section-heading{display:block;margin-bottom:30px}.section-heading p{max-width:470px;margin-top:20px}.moment-grid{grid-template-columns:1fr 1fr}.moment-grid article,.moment-grid article:not(:first-child){padding:28px 15px 20px}.moment-grid article:nth-child(odd){padding-left:0}.moment-grid article:nth-child(2){border-right:0}.moment-grid article:nth-child(n+3){border-top:1px solid var(--line)}.moment-grid h3{font-size:1.14rem;margin:45px 0 10px}.product-photo{height:520px}.feature-copy{padding-top:10px}.steps{grid-template-columns:1fr;gap:0}.steps>div{display:grid;grid-template-columns:100px 1fr;column-gap:10px;padding:20px 0}.steps strong{grid-row:span 2;font-size:3.5rem;margin:0}.steps h3{margin:0 0 10px}.steps p{margin:0}.science-art{height:350px}.ingredient-grid{grid-template-columns:1fr}.ingredient-grid>div{min-height:230px}.pillar-grid{grid-template-columns:1fr}.pillar-grid article:nth-child(even){padding-left:0;border-left:0}.category-grid{gap:9px}.category{min-height:260px;padding:17px}.category h3{font-size:2.6rem}.category p{font-size:.79rem}.category span,.category small{font-size:.54rem}.lifestyle{height:480px}.lifestyle-overlay{left:20px;right:20px}.article-list a,.article-list article{grid-template-columns:1fr 25px;gap:9px;padding:24px 0}.article-list span{grid-column:1 / -1}.article-list h3{font-size:1.25rem}.early-grid>div:last-child{text-align:left}.final-grid{padding:75px 0 0}.final-grid>img{height:380px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1 / -1}.footer-top>div:last-child{grid-column:auto}.footer-bottom{margin-top:45px}.subpage-head{padding:45px 0}.subpage-head .back{margin-bottom:55px}.subpage-head p{font-size:1rem}.sub-cards{grid-template-columns:1fr}.sub-product img{max-height:480px}.coming{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.language-switch{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#829087;font-size:.74rem;font-weight:700;letter-spacing:.02em}.language-switch button{border:0;background:transparent;color:#829087;padding:7px 4px;cursor:pointer;line-height:1}.language-switch button:hover,.language-switch button.active{color:var(--ink)}.language-switch button.active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.language-switch button:focus-visible{outline:2px solid var(--sage);outline-offset:2px}@media(max-width:700px){.header-actions{gap:8px}.language-switch{font-size:.69rem}.language-switch button{padding:7px 3px}}
html[lang=th] h1,html[lang=th] h2{letter-spacing:-.02em;line-height:1.22}html[lang=th] .eyebrow,html[lang=th] .hero-meta{letter-spacing:.07em}
/* A clear, thumb-sized language control in the sticky header. */
.language-switch{gap:2px;padding:3px;background:#e5ebe4;border:1px solid #9fb5a2;border-radius:999px;color:#65766a;font-size:.85rem;letter-spacing:0;box-shadow:0 1px 3px rgba(47,56,52,.08)}
.language-switch>span{display:none}
.language-switch button{min-width:43px;min-height:35px;padding:7px 10px;border-radius:999px;color:#43564a;font-weight:700;text-decoration:none!important}
.language-switch button.active{background:#52745c;color:#fff;box-shadow:0 1px 4px rgba(47,56,52,.18)}
.language-switch button:hover:not(.active){background:#d3dfd4;color:var(--ink)}
@media(max-width:700px){.language-switch{font-size:.82rem}.language-switch button{min-width:40px;min-height:34px;padding:6px 8px}.header-actions{gap:9px}}

/* Keep the complete logo inside the header at every breakpoint. */
.site-header .brand .logo{width:100%;height:100%;max-width:100%;object-fit:contain}

/* Thai uses IBM Plex Sans Thai (unlooped); display headings use ExtraLight. */
[lang="th"]{font-family:'IBM Plex Sans Thai',sans-serif}
html[lang="th"] body{font-family:'IBM Plex Sans Thai',sans-serif;font-weight:400}
html[lang="th"] h1,html[lang="th"] h2{font-family:'IBM Plex Sans Thai',sans-serif;font-weight:300;letter-spacing:-.025em;line-height:1.2}
html[lang="th"] h3{font-weight:500}
html[lang="th"] .eyebrow,html[lang="th"] .button,html[lang="th"] .language-switch button{font-weight:600}
html[lang="th"] #app,html[lang="th"] #app *{font-family:'IBM Plex Sans Thai',sans-serif}

/* A small framed moment grows into an immersive, full-screen scene. */
.scroll-motion .lifestyle-track{height:240vh;height:240svh}
.scroll-motion .lifestyle{position:sticky;top:0;height:100vh;height:100svh;clip-path:inset(var(--frame-inset,22%) round var(--frame-round,28px));isolation:isolate}
.scroll-motion .lifestyle::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,30,20,.5),transparent 75%);pointer-events:none}
.scroll-motion .lifestyle-overlay{opacity:var(--copy-opacity,0);top:55%;max-width:750px}
.scroll-motion .lifestyle img,.scroll-motion .hero-photo img{will-change:transform}
.scroll-motion .lifestyle img{transform-origin:52% 50%}
@media(max-width:700px){.scroll-motion .lifestyle-track{height:200svh}.scroll-motion .lifestyle img{object-position:52% center}.scroll-motion .lifestyle-overlay h2{font-size:clamp(2.2rem,9vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){.lifestyle-track{height:auto}.lifestyle img,.hero-photo img{transform:none!important}}

/* Clear depth between images, diagrams and nearby text while scrolling. */
.scroll-motion .product-photo>img,.scroll-motion .final-grid>img{will-change:transform}
.scroll-motion .feature-copy,.scroll-motion .science-grid>div:first-child,.scroll-motion .final-grid>div:first-child{will-change:transform}
.scroll-motion .science-art .skin-layer,.scroll-motion .science-art .science-orbit{translate:0 var(--parallax-offset,0px);will-change:translate}
@media(prefers-reduced-motion:reduce){.product-photo>img,.feature-copy,.science-grid>div:first-child,.final-grid>img,.final-grid>div:first-child{transform:none!important}.science-art .skin-layer,.science-art .science-orbit{translate:none!important}}

/* Keep the bottle and the cat inside the responsive hero crop. */
.hero-photo img{object-position:39% center}
@media(max-width:700px){.hero-photo img{object-position:39% center}}

/* Formula confidence: measured visual language; claim copy awaits final approval. */
.formula-safety{background:#f8f6f1}
.formula-safety-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(45px,8vw,135px);align-items:center}
.formula-safety-photo{height:620px;overflow:hidden;border-radius:4px;background:#eeeae0}
.formula-safety-photo img{width:100%;height:100%;object-fit:cover;object-position:57% center}
.formula-safety-copy{max-width:600px;padding:20px 0}
.formula-safety-top{display:flex;align-items:center;justify-content:space-between;color:#769685}
.formula-safety-top .eyebrow{color:var(--ink)}
.formula-safety-icon{width:72px;height:81px;flex:none}
.formula-safety h2{font-size:clamp(3rem,4.5vw,5rem);margin:28px 0 26px}
.formula-safety-lead{font-size:1.13rem;line-height:1.7;max-width:540px;margin:0 0 15px}
.formula-safety-detail{font-size:.94rem;line-height:1.8;color:#65726a;max-width:530px;margin:0 0 35px}
.formula-safety-points{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.formula-safety-points li{padding:16px 8px 16px 0;border-bottom:1px solid var(--line);font-size:.76rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase;line-height:1.5}
.formula-safety-points li::before{content:'+';font-size:1rem;font-weight:300;color:#769685;margin-right:10px}
.formula-safety small{display:block;color:#7c8780;font-size:.68rem;line-height:1.6;max-width:500px}
@media(max-width:1000px){.formula-safety-grid{gap:45px}.formula-safety-photo{height:570px}.formula-safety h2{font-size:clamp(2.5rem,5vw,4rem)}}
@media(max-width:700px){.formula-safety-grid{grid-template-columns:1fr;gap:35px}.formula-safety-photo{height:430px}.formula-safety-copy{padding:0}.formula-safety-icon{width:58px;height:65px}.formula-safety h2{font-size:clamp(2.8rem,10vw,4rem);margin:18px 0 21px}.formula-safety-lead{font-size:1rem}.formula-safety-points{grid-template-columns:1fr 1fr}.formula-safety-points li{font-size:.65rem}.formula-safety-detail{margin-bottom:25px}}

/* Full-bleed expert story, placed after the product parallax. */
.expert-guidance{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(700px,82svh,920px);overflow:hidden;padding:clamp(56px,7vw,100px) 0;background:#e6e8df}
.expert-guidance-photo{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#d5d3c9}
.expert-guidance-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.expert-guidance::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(32,39,35,.08) 0%,rgba(32,39,35,0) 42%,rgba(32,39,35,.12) 100%)}
.expert-guidance-grid{width:min(1360px,calc(100% - 80px));display:flex;justify-content:flex-end;align-items:flex-start}
.expert-guidance-copy{width:min(620px,52%);padding:clamp(28px,4vw,58px);background:rgba(248,246,241,.95);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 65px rgba(30,36,32,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.expert-guidance h2{font-size:clamp(2.65rem,4vw,4.3rem);margin:20px 0 19px}
.expert-guidance-lead{font-size:1.04rem;line-height:1.72;color:#46514a;margin:0 0 14px;max-width:560px}
.expert-guidance-body{font-size:.9rem;line-height:1.75;color:#59635d;margin:0 0 24px;max-width:560px}
.expert-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border-top:1px solid var(--line);padding-top:16px}
.expert-principles span{font-size:.62rem;letter-spacing:.12em;color:#678a70}
.expert-principles p{font-size:.73rem;line-height:1.5;margin:8px 0 0;color:var(--ink)}
@media(max-width:1000px){.expert-guidance{min-height:760px}.expert-guidance-grid{width:calc(100% - 56px)}.expert-guidance-copy{width:min(590px,60%);padding:32px}.expert-guidance-photo img{object-position:54% center}}
@media(max-width:700px){.expert-guidance{min-height:850px;min-height:max(820px,100svh);align-items:flex-end;padding:20px 0 22px}.expert-guidance-photo img{object-position:56% 38%}.expert-guidance::before{background:linear-gradient(180deg,rgba(33,40,36,.02) 0%,rgba(33,40,36,0) 34%,rgba(33,40,36,.12) 100%)}.expert-guidance-grid{width:calc(100% - 32px)}.expert-guidance-copy{width:100%;padding:25px 22px 23px;background:rgba(248,246,241,.97);box-shadow:0 12px 42px rgba(30,36,32,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.expert-guidance h2{font-size:clamp(2.35rem,9vw,3.5rem);margin:14px 0}.expert-guidance-lead{font-size:.96rem;line-height:1.65}.expert-guidance-body{font-size:.86rem;line-height:1.65;margin-bottom:18px}.expert-principles{gap:9px;padding-top:13px}.expert-principles span{font-size:.57rem}.expert-principles p{font-size:.67rem;line-height:1.45}}

/* Mobile hero: one portrait, full-viewport story with copy layered on the image. */
@media(max-width:700px){.hero{position:relative;isolation:isolate;display:flex;min-height:max(calc(100svh - 76px),150vw);overflow:hidden;border-bottom:0;background:#334139}.hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(25,33,29,.38) 0%,rgba(25,33,29,.04) 30%,rgba(25,33,29,.14) 48%,rgba(25,33,29,.88) 100%)}.hero-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:39% center;transform:none!important}.hero-copy{position:relative;z-index:2;flex:1;align-self:stretch;width:100%;padding:26px 24px max(25px,env(safe-area-inset-bottom));justify-content:flex-end;color:#fff;text-shadow:0 2px 18px rgba(18,25,21,.32)}.hero-copy .eyebrow{color:rgba(255,255,255,.95)}.hero-copy .dot{background:#d5e1d3}.hero h1{font-size:clamp(2.55rem,10.8vw,3.45rem);line-height:1.14;margin:16px 0 16px;max-width:350px;color:#fff}.hero .period{color:#c9dbc9}.hero-copy>p{max-width:344px;margin:0;color:rgba(255,255,255,.92);font-size:.94rem;line-height:1.65}.hero .actions{width:100%;margin:20px 0 20px;gap:10px}.hero .button{flex:1;min-height:49px;padding:0 16px;color:#fff;border-color:rgba(255,255,255,.82);background:rgba(28,39,33,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:none}.hero .button.primary{background:#89a68f;border-color:#89a68f}.hero-meta{color:rgba(255,255,255,.82);font-size:.54rem;line-height:1.6;text-shadow:none}.hero-meta span{color:#c9dbc9;margin:0 8px}.photo-caption{display:none}}

/* The expert scene pauses on entry; its light content panel arrives only after the image has room to breathe. */
.scroll-motion .expert-guidance-track{height:225vh;height:225svh}
.scroll-motion .expert-guidance{position:sticky;top:0;height:100vh;height:100svh;min-height:0;padding:clamp(56px,7vw,100px) 0}
.scroll-motion .expert-guidance-copy{opacity:var(--expert-copy-opacity,0);transform:translateY(var(--expert-copy-y,86px));background:rgba(248,246,241,.72);border-color:rgba(255,255,255,.52);box-shadow:0 12px 42px rgba(30,36,32,.12);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);will-change:opacity,transform}
.scroll-motion .expert-guidance-photo img{will-change:transform}
@media(max-width:700px){.scroll-motion .expert-guidance-track{height:190svh}.scroll-motion .expert-guidance{height:100svh;padding:20px 0 22px}.scroll-motion .expert-guidance-copy{background:rgba(248,246,241,.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){.expert-guidance-track{height:auto}.expert-guidance-copy{opacity:1!important;transform:none!important}.expert-guidance-photo img{transform:none!important}}

/* 2026 landing-page restructure: one connected product-to-ecosystem story. */
.product-immersion .lifestyle-overlay{max-width:620px}.immersion-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.immersion-benefits span{padding:10px 12px;border:1px solid rgba(255,255,255,.6);background:rgba(27,36,30,.18);backdrop-filter:blur(8px);font-size:.67rem;font-weight:700;letter-spacing:.07em}.between-baths{background:#edece5}.ingredient-cards{grid-template-columns:1.2fr 1fr 1fr}.ingredient-cards>article{min-height:300px}.ingredient-cards h3{font-size:clamp(1.75rem,2.7vw,2.7rem);margin:40px 0 13px}.evidence-note{max-width:640px;margin:22px 0 0;color:#6b756e;font-size:.74rem;line-height:1.65}.ritual{background:#f0f2ec}.ritual-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(45px,8vw,130px)}.ritual-media{height:min(610px,52vw);overflow:hidden;background:#d7d4cb}.ritual-media img{width:100%;height:100%;object-fit:cover}.ritual .section-heading{margin:22px 0 38px}.ritual .steps{gap:0}.ritual .steps>div{display:grid;grid-template-columns:78px 1fr;gap:0 12px;padding:17px 0}.ritual .steps strong{grid-row:span 2;font-size:2.45rem;margin:0}.ritual .steps h3{margin:0 0 6px;font-size:1.05rem}.ritual .steps p{margin:0;font-size:.85rem;line-height:1.55}.care-plus{background:#dce8df;overflow:hidden}.care-plus-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.care-plus h2{margin:23px 0}.care-plus-copy>p{max-width:510px;color:#53635a;line-height:1.8}.care-features{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.care-features span{font-size:.7rem;padding:10px 12px;border:1px solid rgba(47,56,52,.22);font-weight:700;letter-spacing:.04em}.care-extension{font-size:.78rem!important;max-width:475px}.care-visual{min-height:610px;position:relative;display:flex;align-items:center;justify-content:center}.phone{position:relative;width:292px;height:595px;padding:3.5px;border-radius:54px;background:#18201a;box-sizing:border-box;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 0 2px #0e1410,0 0 0 3.8px #26332a,0 35px 70px -10px rgba(18,34,24,.4),0 16px 30px -8px rgba(0,0,0,.26);z-index:2;display:flex;flex-direction:column}.phone-btn{position:absolute;background:linear-gradient(180deg,#3b4a3f 0%,#222c24 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.45);z-index:-1}.phone-btn-action{left:-5px;top:108px;width:3.5px;height:25px;border-radius:2px 0 0 2px}.phone-btn-vol-up{left:-5px;top:146px;width:3.5px;height:48px;border-radius:2px 0 0 2px}.phone-btn-vol-down{left:-5px;top:204px;width:3.5px;height:48px;border-radius:2px 0 0 2px}.phone-btn-power{right:-5px;top:165px;width:3.5px;height:72px;border-radius:0 2px 2px 0}.phone-frame{position:relative;width:100%;height:100%;border-radius:50.5px;background:#000;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.dynamic-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:92px;height:26px;background:#000;border-radius:20px;z-index:20;display:flex;align-items:center;justify-content:flex-end;padding:0 9px;box-shadow:0 0 0 .5px rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.5)}.island-lens{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1c2d40 0%,#060a08 75%);box-shadow:inset 0 0 2px rgba(90,130,230,.6),inset 0 .8px 1px rgba(255,255,255,.45);margin-right:7px}.island-sensor{width:7px;height:7px;border-radius:50%;background:#0a100c;box-shadow:inset 0 0 1px rgba(255,255,255,.18)}.phone-status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px 0;z-index:15;color:#1d2720;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',sans-serif;pointer-events:none}.status-time{font-size:.74rem;font-weight:600;letter-spacing:-.01em}.status-right{display:flex;align-items:center;gap:5px}.status-signal{width:15px;height:10px}.status-network{font-size:.6rem;font-weight:700;letter-spacing:-.02em}.status-battery{width:20px;height:10.5px;border:1.5px solid currentColor;border-radius:3.5px;padding:1px;position:relative;display:flex;align-items:center}.status-battery::after{content:'';position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:1.5px;height:4px;border-radius:0 1px 1px 0;background:currentColor}.battery-level{width:80%;height:100%;background:currentColor;border-radius:1px}.phone-screen{position:relative;width:100%;height:100%;background:#f8f6f1;padding:48px 16px 24px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.phone-screen::before{content:'';position:absolute;top:0;left:0;right:0;height:130px;background:linear-gradient(135deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 60%);pointer-events:none;z-index:5}.app-brand-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.app-brand-bar small{font-size:.56rem;letter-spacing:.12em;font-weight:700;color:#5a7b63}.app-live-indicator{font-size:.48rem;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:8px;background:#e1ede2;color:#3b5c43}.app-welcome .app-eyebrow{font-size:.72rem;color:#67756b;font-weight:500;margin-bottom:2px}.app-welcome h3{font-family:Manrope,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.05;margin:0 0 12px;color:#242d27}.pet-profile{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#e6efe5;border-radius:16px;box-shadow:0 2px 6px rgba(45,60,50,.04)}.pet-avatar{position:relative;width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 2px 5px rgba(0,0,0,.06)}.pet-avatar-svg{width:34px;height:34px;border-radius:50%}.pet-avatar-online{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:#4caf50;border:1.5px solid #fff}.pet-meta{display:flex;flex-direction:column;flex:1;min-width:0}.pet-meta b{font-size:.76rem;color:#232c26;font-weight:600}.pet-meta small{font-size:.61rem;color:#637066;margin-top:1px}.pet-profile em{font-size:.56rem;font-style:normal;font-weight:600;color:#4e6b54;background:rgba(255,255,255,.65);padding:3px 7px;border-radius:10px;margin-left:auto}.diary-card,.reminder-card{margin-top:9px;padding:12px 13px;background:#ffffff;border:1px solid #e4e1d8;border-radius:16px;box-shadow:0 3px 10px rgba(40,55,45,.04)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.card-header span{font-size:.55rem;letter-spacing:.11em;font-weight:700;color:#5a8063}.card-header small,.card-header .routine-time{font-size:.54rem;color:#758378;font-weight:500}.diary-card b,.reminder-card b{display:block;font-size:.78rem;color:#232d26;margin:0 0 3px}.diary-card p{font-size:.66rem;color:#637066;line-height:1.4;margin:0 0 9px}.diary-scale{display:flex;gap:5px}.diary-scale i{flex:1;height:7px;border-radius:4px;background:#d3e1d4}.diary-scale i:nth-child(-n+4){background:#688f70}.reminder-card{background:linear-gradient(180deg,#edf4ec 0%,#e2ede1 100%);border-color:#d0ded1}.reminder-card small{font-size:.62rem;color:#526457;display:block;margin-top:2px}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:125px;height:4.5px;border-radius:3px;background:rgba(30,40,34,.65);z-index:20}.care-product-circle,.care-visual>img{position:absolute;right:-6%;bottom:28px;width:224px;height:224px;border-radius:50%;overflow:hidden;border:6px solid #ffffff;background:#ede8df;box-shadow:0 22px 50px rgba(25,40,30,.22),0 4px 14px rgba(0,0,0,.08);z-index:1;display:block}.care-product-circle img,.care-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:50%;display:block;transform:scale(1.08);transition:transform .4s ease}.care-product-circle:hover img{transform:scale(1.15)}.care-badge{position:absolute;top:54px;right:0;z-index:4;display:grid;place-items:center;width:125px;height:125px;border-radius:50%;background:#789a80;color:#fff;text-align:center;font-size:.67rem;letter-spacing:.11em;line-height:1.55;font-weight:700;box-shadow:0 12px 28px rgba(35,50,40,.18)}.journal .section-heading>div p{margin:18px 0 0;max-width:400px}.final-cta small{display:block;color:#e7eee5;font-size:.7rem;margin-top:15px}.final-cta .eyebrow{color:#e7eee5}
@media(max-width:700px){.hero h1 em{color:#eaf3e9}.product-immersion .lifestyle-overlay{bottom:28px;top:auto;transform:none}.product-immersion h2{font-size:clamp(2.4rem,10vw,3.4rem)}.immersion-benefits{gap:6px;margin-top:18px}.immersion-benefits span{font-size:.56rem;padding:8px}.ingredient-cards{grid-template-columns:1fr}.ingredient-cards>article{min-height:210px;padding:35px 28px}.ingredient-cards h3{font-size:2rem;margin:31px 0 11px}.ritual-grid,.care-plus-grid{grid-template-columns:1fr;gap:42px}.ritual-media{height:420px;order:2}.ritual .section-heading{margin-bottom:24px}.ritual .steps>div{grid-template-columns:65px 1fr}.care-plus{padding:72px 0 30px}.care-plus h2{font-size:clamp(2.7rem,10vw,4rem)}.care-features{margin:23px 0}.care-features span{font-size:.61rem;padding:8px 9px}.care-visual{min-height:510px;margin-top:-10px}.phone{transform:scale(.84);transform-origin:center}.care-product-circle,.care-visual>img{width:155px;height:155px;right:-12px;bottom:10px;border-width:4px}.care-badge{width:98px;height:98px;top:15px;right:0;font-size:.54rem}.journal .section-heading{margin-bottom:28px}.final-cta .final-grid{gap:22px}.final-cta .final-grid>img{height:330px}.final-cta small{margin-bottom:15px}}

/* Mobile hero copy stays in the bright window area so the pets remain unobscured. */
@media(max-width:700px){.hero-copy{justify-content:flex-start;padding:30px 24px max(25px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(86,119,94,.58) 0%,rgba(109,141,113,.35) 43%,rgba(109,141,113,0) 100%)}.hero h1{margin:15px 0 14px;max-width:325px}.hero-copy>p{max-width:325px}.hero .actions{margin:18px 0}.hero-meta{margin-top:0}}

.button-arrow{display:inline-grid!important;place-items:center;width:18px;height:18px;flex:0 0 18px;font-size:0!important}.button-arrow svg{display:block;width:18px;height:18px}
@media(max-width:700px){.hero-copy>p{margin-top:auto}.hero .actions{margin:16px 0 17px}.hero .button-arrow{color:#fff}}

/* Restore the lifestyle story copy and keep the expanded scene truly viewport-filling on mobile. */
.scroll-motion .lifestyle-overlay{opacity:var(--copy-opacity,1);}
.scroll-motion .lifestyle{height:100dvh;}
@media(max-width:700px){.scroll-motion .lifestyle-track{height:220dvh;height:220svh}.scroll-motion .lifestyle{height:100dvh;min-height:100dvh}.scroll-motion .lifestyle-overlay{opacity:var(--copy-opacity,1);bottom:clamp(30px,8vh,90px);top:auto;transform:none;}}