:root{--ink:#0b2735;--night:#0a202b;--teal:#102f3e;--ice:#84d9fa;--paper:#f8f6f0;--gold:#b89355;--muted:#53717c;--line:#d9e5e7;--display:'DM Serif Display',Georgia,serif;--body:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:var(--body);line-height:1.6;color:var(--ink);background:#fff}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3{font-family:var(--display);font-weight:400}h1,h2{letter-spacing:-.035em;line-height:1.05}em{font-weight:400}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1198bc;outline-offset:5px}.skip{position:fixed;z-index:100;left:12px;top:-80px;background:#fff;color:var(--ink);padding:12px 20px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:40px;justify-content:space-between;background:var(--night);color:#e3f2f8;border-bottom:1px solid #3a5d6d;position:sticky;top:0;z-index:40}.brand{display:flex;flex-direction:column;gap:4px;line-height:1}.brand strong{font-size:27px;font-weight:600;letter-spacing:.16em}.brand span{font-size:9px;letter-spacing:.3em;font-weight:600;color:#a9c9d7}.header nav{display:flex;gap:33px;margin-left:auto;font-size:13px;font-weight:600}.header nav a{padding:13px 0}.header nav a:hover{color:var(--ice)}.header-cta{border:1px solid #6a91a2;padding:12px 20px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;background:#163a4b}.header-cta span{margin-left:18px}.menu-toggle{display:none}
.hero{background:radial-gradient(ellipse at 77% 45%,#20526a 0,#102f3e 38%,#0a202b 78%);color:#e3f2f8;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c8eaff06 1px,transparent 1px),linear-gradient(90deg,#c8eaff06 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{position:relative;max-width:1480px;margin:auto;display:grid;grid-template-columns:1fr 1.02fr;gap:4%;align-items:center;padding:57px 5.5% 64px;min-height:725px}.hero-copy{padding:10px 0;max-width:620px}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:13px;color:#a6d9ed}.eyebrow span{width:30px;height:2px;background:currentColor;flex:none}h1{font-size:clamp(49px,4.65vw,72px);margin:23px 0 24px;line-height:1.04}h1 em{color:var(--ice)}.hero-lede{font-size:16px;line-height:1.8;color:#c0d5df;max-width:510px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 25px;min-height:54px;border-radius:999px;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.ice{background:#a3e2f8;color:#0b2735;box-shadow:0 12px 34px #00151b33}.button.ice:hover{background:#c1edfc}.button.ink{background:var(--ink);color:#fff}.button.ink:hover{background:#146184}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:700;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link.light{color:#d6e9f1}.hero-footnote{margin-top:40px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:10px;color:#a7c0cc;letter-spacing:.04em}.hero-footnote i{height:3px;width:3px;border-radius:50%;background:var(--gold)}
.hero-visual{position:relative;width:100%;padding:10px 0 30px}.studio{position:relative;height:530px;background:#fff;border-radius:47% 47% 18px 18px;isolation:isolate;box-shadow:0 40px 65px #00151e55,0 0 0 1px #f1e6cd88;overflow:hidden}.studio:after{content:'';position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(#fff,#ece9e1);z-index:-1}.studio-kicker{position:absolute;top:33px;width:100%;text-align:center;color:#768790;font-size:8px;letter-spacing:.23em;z-index:10}.studio-six{font:400 320px/.8 var(--display);position:absolute;top:66px;left:5%;color:#f1f4f3;z-index:-1}.hero-pack{position:absolute;overflow:hidden;mix-blend-mode:multiply}.hero-pack img{position:absolute;width:100%;max-width:none;height:auto;bottom:0;left:0}.hero-vitalite{width:35%;height:42%;left:32%;top:8%;z-index:2}.hero-collagene{width:39%;height:40%;left:60%;top:17%;z-index:3}.hero-eternel{width:54%;height:36%;left:-1%;top:28%;z-index:4}.hero-purifi,.hero-revive,.hero-imune{width:34%;height:25%;top:64%;z-index:5}.hero-purifi{left:0}.hero-revive{left:33%}.hero-imune{left:66%}.studio figcaption{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#4c6069;gap:10px;z-index:8}.studio figcaption span:first-child{font-size:9px;letter-spacing:.16em;font-weight:800}.studio figcaption span:last-child{font-size:8px;line-height:1.7;text-align:right}.visual-note{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#9db9c7;letter-spacing:.15em;font-size:8px}.halo{position:absolute;pointer-events:none;border:1px solid #99d4e425;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%)}.halo-one{width:120%;aspect-ratio:1}.halo-two{width:143%;aspect-ratio:1;border-color:#c4a56628}.name-strip{background:#f6f8f7;border-bottom:1px solid var(--line)}.name-strip>div{max-width:1300px;margin:auto;display:flex;justify-content:space-between;padding:23px 5%;gap:20px;flex-wrap:wrap;color:#6b818b;font:italic 23px var(--display)}
.section{max-width:1320px;margin:auto;padding:95px 5.5%}.section-label{color:#297893}.editorial-split{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;margin-top:20px;align-items:start}h2{font-size:clamp(43px,4.2vw,65px)}h2 em{color:#367e9a}.editorial-copy{padding-top:9px}.editorial-copy .lead{font-size:21px;line-height:1.5;color:var(--ink);margin-bottom:18px}.editorial-copy p{font-size:14px;line-height:1.9;color:var(--muted)}.editorial-copy .quiet{font-size:12px;margin-top:16px;color:#6b8089}.pathway{margin:49px 0 0;padding:30px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.pathway li{display:flex;align-items:center;gap:18px}.pathway>li>span{font:34px var(--display);color:#9ab8c4}.pathway strong{font-size:13px;font-weight:800}.pathway p{font-size:11px;color:var(--muted);margin-top:4px}
.collection{padding-top:47px;padding-bottom:90px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-top h2{margin-top:17px}.section-top>p{font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:5px}.products{margin-top:49px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 38px}.product{min-width:0}.product-art{height:265px;position:relative;overflow:hidden;border-radius:8px;background:#fff;border-bottom:1px solid #e4ecee}.product-art:before{content:'';position:absolute;left:10%;right:10%;height:150px;bottom:13px;background:radial-gradient(ellipse at center,var(--tint),#fff 70%);border-radius:50%}.product-art img{position:absolute;max-width:none;left:0;bottom:0;width:100%;height:auto;mix-blend-mode:multiply}.product-art.tall img{height:100%;width:auto;left:50%;transform:translateX(-50%)}.product-art.wide img{bottom:-17px}.product-art.short img{bottom:-5px}.product-index{position:absolute;top:15px;left:13px;color:#72919f;font-size:10px;letter-spacing:.1em;z-index:2}.lilac{--tint:#e8e1f2}.sand{--tint:#eee8d9}.aqua{--tint:#d5edf0}.mint{--tint:#e0eee4}.amber{--tint:#f5e9ce}.blue{--tint:#e0eaf4}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}.product-heading h3{font-size:34px;line-height:1.2}.product-heading>span{color:#7e9ba7;font-size:21px}.product-role{text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.12em;color:#547b8d;margin-top:9px}.product-description{font-size:12px;line-height:1.8;color:#647c87;margin-top:13px;min-height:65px}.label-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:11px;font-weight:800;margin-top:9px;border-bottom:1px solid #c7dbe3}.label-link:hover{color:#147c9f;border-color:#147c9f}.collection-note{margin-top:42px;padding-top:23px;border-top:1px solid var(--line);font-size:10px;line-height:1.8;color:#6d838c;max-width:900px}
.clarity{background:radial-gradient(ellipse at 0 40%,#174354,#0a202b 75%);color:#e3f2f8}.clarity-inner{display:grid;grid-template-columns:1fr 1fr;gap:12%;max-width:1320px;margin:auto;padding:91px 5.5% 96px}.clarity h2{font-size:clamp(49px,4.5vw,70px);margin-top:25px}.clarity h2 em{color:#9cdbf1}.clarity-lede{max-width:380px;margin:27px 0 12px;font-size:14px;color:#b8d0db;line-height:1.9}.clarity-points{padding-top:34px}.clarity-points article{display:flex;gap:24px;padding:25px 0;border-top:1px solid #42616e}.clarity-points article>span{font:27px var(--display);color:#bf9d67}.clarity-points h3{font-size:25px;line-height:1.2;margin-bottom:12px}.clarity-points p{font-size:12px;color:#b5cdd9;line-height:1.9}.questions{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;padding-top:95px;padding-bottom:95px}.questions h2{margin:20px 0 24px}.questions>div>p:last-child{color:var(--muted);font-size:13px;line-height:1.9}.faq details{border-bottom:1px solid var(--line);padding:0 0 19px;margin-bottom:20px}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:14px;font-weight:700;min-height:44px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:22px;font-weight:400;color:#6e8d9b;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:12px;line-height:1.9;color:var(--muted);padding-top:13px;max-width:560px}
.closing{background:var(--paper);border-top:1px solid #e8e5dc;padding:60px max(calc((100vw - 1175px)/2),5.5%);display:flex;align-items:center;justify-content:space-between;gap:45px}.closing h2{margin-top:18px;font-size:clamp(39px,3.8vw,57px)}.closing .button{flex:none}footer{background:#071d27;color:#e3f2f8;padding:52px max(calc((100vw - 1175px)/2),5.5%) 26px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:40px;padding-bottom:40px}.footer-main>p{color:#9bb8c7;font-size:13px;line-height:1.8}.footer-main nav{display:flex;gap:26px;color:#c6dce6;font-size:11px}.footer-disclaimer{padding-top:22px;border-top:1px solid #2b4856;display:flex;justify-content:space-between;gap:50px;color:#8daaba;font-size:9px;line-height:1.8}.footer-disclaimer p{max-width:740px}.footer-disclaimer>span{white-space:nowrap;font-size:8px}
@media(min-width:1700px){.hero-inner{min-height:790px}.studio{height:590px}}
@media(max-width:1100px){.header{gap:24px}.header nav{gap:20px}.hero-inner{padding-left:4%;padding-right:4%;gap:3%;min-height:650px}.hero h1{font-size:57px}.hero-lede{font-size:14px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:11px}.studio{height:465px}.hero-footnote{font-size:9px;margin-top:27px}.hero .button{padding:15px 20px;font-size:12px}.studio-kicker{top:28px}.studio figcaption{left:18px;right:18px}.studio figcaption span:first-child{font-size:8px}.studio figcaption span:last-child{font-size:7px}.products{gap:40px 25px}.product-art{height:235px}.product-heading h3{font-size:31px}.product-description{min-height:86px}.section,.clarity-inner{padding-left:5%;padding-right:5%}.footer-main nav{gap:16px}}
@media(max-width:850px){.header{height:76px;padding:0 5%;gap:20px}.header-cta{display:none}.header nav{font-size:12px}.hero-inner{padding:44px 6% 52px;grid-template-columns:1fr;gap:30px}.hero-copy{max-width:650px;padding:0}.hero h1{font-size:clamp(49px,7.7vw,66px);margin:20px 0}.hero h1 br:last-child{display:none}.hero-lede{font-size:15px;max-width:590px}.hero-footnote{margin-top:26px}.hero-visual{width:80%;max-width:580px;justify-self:center}.studio{height:505px}.hero-visual .visual-note{font-size:7px}.studio figcaption span:first-child{font-size:9px}.studio figcaption span:last-child{font-size:8px}.name-strip>div{justify-content:center;gap:13px 29px;font-size:22px}.section{padding-top:66px;padding-bottom:66px}.editorial-split{gap:6%}.editorial-copy .lead{font-size:18px}.pathway{gap:25px}.pathway li{gap:12px}.pathway strong{font-size:11px}.pathway p{font-size:10px}.pathway>li>span{font-size:28px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}.product-art{height:260px}.product-description{min-height:65px}.clarity-inner{gap:8%;padding-top:65px;padding-bottom:65px}.clarity h2{font-size:52px}.clarity-points{padding-top:20px}.clarity-points article{gap:16px}.clarity-points h3{font-size:22px}.questions{gap:8%}.closing{align-items:start;flex-direction:column;gap:28px}.footer-main{flex-wrap:wrap}.footer-main nav{gap:25px}.footer-disclaimer{flex-direction:column;gap:15px}.footer-disclaimer>span{white-space:normal}}
@media(max-width:600px){html{scroll-padding-top:83px}.header{height:74px}.brand strong{font-size:24px}.brand span{font-size:8px}.menu-toggle{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0;background:none;color:#d8eaf3;border:0;font-size:12px;cursor:pointer}.menu-toggle span{font-size:18px}.header nav{display:none;position:absolute;top:73px;left:0;right:0;padding:17px 6% 21px;background:#0a202b;border-bottom:1px solid #3a5d6d;margin:0;gap:4px;flex-direction:column;font-size:14px}.header nav.is-open{display:flex}.header nav a{min-height:44px;padding:10px 0}.hero-inner{padding:35px 6% 36px;gap:25px}.eyebrow,.section-label{font-size:9px;letter-spacing:.15em}.hero h1{font-size:46px;letter-spacing:-.035em;line-height:1.05;margin:19px 0 22px}.hero h1 br:last-child{display:block}.hero-lede{font-size:13px;line-height:1.9}.hero-actions{gap:7px 20px;margin-top:23px}.hero .button{min-height:51px;padding:15px 22px;font-size:12px}.hero .text-link{font-size:11px}.hero-footnote{font-size:8px;gap:11px;margin-top:21px}.hero-visual{width:100%;padding-bottom:26px}.studio{height:390px;border-radius:46% 46% 13px 13px}.studio-kicker{top:27px;font-size:7px}.studio-six{font-size:245px;top:54px}.studio figcaption{bottom:14px;left:18px;right:18px}.studio figcaption span:first-child{font-size:7px}.studio figcaption span:last-child{font-size:6.5px}.visual-note{font-size:6px}.halo-one{width:115%}.halo-two{width:137%}.name-strip>div{padding:20px 6%;gap:8px 23px;font-size:20px}.section{padding:53px 6%}.editorial-split{display:block;margin-top:16px}h2{font-size:41px}.editorial-copy{padding-top:26px}.editorial-copy .lead{font-size:20px;margin-bottom:15px}.editorial-copy p{font-size:13px}.editorial-copy .quiet{font-size:11px}.pathway{display:block;margin-top:28px;padding-top:11px}.pathway li{gap:18px;padding-top:19px}.pathway>li>span{font-size:30px}.pathway strong{font-size:12px}.pathway p{font-size:11px;margin-top:2px}.section-top{display:block}.section-top h2{margin-top:15px}.section-top>p{padding:0;margin-top:24px;font-size:12px}.products{grid-template-columns:1fr;margin-top:23px;gap:34px}.product-art{height:280px}.product-art.short img{width:100%;left:0;bottom:-10px}.product-art.wide img{bottom:-18px}.product-art.tall img{height:100%}.product-heading{margin-top:16px}.product-heading h3{font-size:35px}.product-role{font-size:9px}.product-description{min-height:0;font-size:12px;line-height:1.9;margin-top:12px}.label-link{margin-top:8px;font-size:11px}.collection-note{font-size:9px;margin-top:30px;padding-top:20px}.clarity-inner{display:block;padding:55px 6%}.clarity h2{font-size:49px;margin-top:21px}.clarity-lede{font-size:13px;margin-top:23px}.clarity-points{padding-top:27px}.clarity-points article{padding:22px 0;gap:20px}.clarity-points h3{font-size:25px}.clarity-points p{font-size:12px}.questions{display:block}.questions h2{margin:17px 0 19px}.questions>div>p:last-child{font-size:12px}.faq{margin-top:30px}.faq summary{font-size:13px}.faq details p{font-size:11px}.closing{padding:44px 6%;gap:26px}.closing h2{font-size:39px}.closing .button{min-height:52px;font-size:12px}footer{padding:40px 6% 24px}.footer-main{gap:27px;padding-bottom:29px}.footer-main>p{font-size:11px}.footer-main nav{width:100%;justify-content:space-between;font-size:10px}.footer-disclaimer{gap:15px;font-size:8px}.footer-disclaimer>span{font-size:8px}}
@media(max-width:370px){.hero h1{font-size:41px}.studio{height:345px}.hero-actions{display:block}.hero-actions .text-link{margin-top:9px}.hero-footnote{gap:7px;font-size:7px}.product-art{height:245px}h2{font-size:37px}.closing h2{font-size:35px}.clarity h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Hero-only geometric masks remove the surrounding white photo canvas.
   Original official image bytes, package artwork, and colors are unchanged. */
.studio{background:radial-gradient(ellipse at 50% 55%,#2b5b6d55,transparent 70%);border-radius:0;box-shadow:none;overflow:visible}
.studio:before{content:'';position:absolute;inset:13% -1% 12%;border:1px solid #bf9d6755;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 60px #b8935512;z-index:-1}
.studio:after{height:120px;bottom:0;background:radial-gradient(ellipse,#81c2d820,transparent 70%);border-radius:50%}
.studio-kicker{color:#a0bfce;top:17px}.studio-six{display:none}
.hero-pack{mix-blend-mode:normal;overflow:visible;filter:drop-shadow(0 16px 13px #00151c66)}
.hero-eternel img{clip-path:polygon(6.5% 63.4%,70% 63.4%,70% 55%,76% 47.8%,76% 39%,86.5% 39%,86.5% 47.8%,93% 55%,93% 86.4%,6.5% 86.4%)}
.hero-vitalite img{clip-path:polygon(24.5% 7.3%,56.5% 7.3%,56.5% 62.3%,83% 62.3%,83% 94.8%,51% 94.8%,51% 91.5%,24.5% 91.5%)}
.hero-collagene img{clip-path:polygon(10% 57.5%,57.5% 57.5%,57.5% 31%,65.5% 24.5%,65.5% 9.8%,79.5% 9.8%,79.5% 24.5%,87.8% 31%,87.8% 57.5%,90% 57.5%,90% 86.5%,10% 86.5%)}
.hero-purifi img,.hero-revive img,.hero-imune img{clip-path:polygon(14.3% 38%,61% 38%,61% 42.4%,77% 42.4%,85% 43.4%,86.8% 44.5%,86.8% 85.7%,84% 88%,76% 90%,61% 90%,52% 88%,48.8% 86.8%,14.3% 86.8%)}
.hero-vitalite{top:3%;height:46%;left:31%}.hero-collagene{top:16%;height:42%}.hero-eternel{top:34%;left:-5%}.hero-purifi,.hero-revive,.hero-imune{top:69%}
.studio-caption{position:absolute;bottom:-5px;left:6px;right:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a1bdca}
.studio-caption span:first-child{font-size:9px;letter-spacing:.15em;font-weight:800}.studio-caption span:last-child{font-size:8px;line-height:1.7;text-align:right}
.visual-note{display:none}
@media(max-width:600px){.studio{height:375px}.studio-kicker{font-size:7px;top:8px}.studio-caption{bottom:-8px;left:0;right:0}.studio-caption span:first-child{font-size:7px}.studio-caption span:last-child{font-size:6.5px}.hero-visual{padding-bottom:27px}.hero-pack{filter:drop-shadow(0 11px 10px #00151c66)}}
@media(max-width:370px){.studio{height:335px}}
.hero-lede{font-size:17px}.product-description,.clarity-points p,.faq details p{font-size:13px}.label-link{font-size:12px}
@media(max-width:600px){.hero-lede{font-size:15px;line-height:1.8}.editorial-copy p,.product-description{font-size:14px}.faq details p,.clarity-points p{font-size:13px}.faq summary{font-size:14px}.label-link{font-size:12px}}