.cl-lp{--cl-brown:#442c23;--cl-pink:#e64e89;--cl-green:#769638;max-width:1200px;margin:auto;background:#fff;color:var(--cl-brown);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:17px;line-height:2;overflow:hidden}
.cl-lp *{box-sizing:border-box}
.cl-lp img{display:block;width:auto;max-width:100%;height:auto}
.cl-lp h2,.cl-lp h3,.cl-lp h4{line-height:inherit}
.cl-lp footer{padding:0;margin:0;width:auto;text-align:inherit;background:none}
.cl-lp p,.cl-lp h2,.cl-lp h3,.cl-lp h4{margin:0}
.cl-lp a{color:inherit;text-decoration:none}
.cl-lp em{color:var(--cl-pink);font-style:normal}
.cl-lp h2,.cl-lp h3,.cl-lp h4,.cl-lp .cl-lead,.cl-lp .cl-origin-product{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-weight:500}
.cl-lp .cl-hero img{width:100%}
.cl-lp .cl-quick{padding:20px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8de;font-size:14px;gap:18px}
.cl-lp .cl-quick p span{display:inline-block;margin-left:24px;color:#777165}
.cl-lp .cl-quick a{color:#546b27;white-space:nowrap;border-bottom:1px solid #8a9d68}
.cl-lp .cl-quick a span{margin-left:20px}
.cl-lp .cl-section{padding:86px 0}
.cl-lp .cl-inner{width:86%;max-width:1040px;margin:auto}
.cl-lp .cl-reading{width:80%;max-width:840px;margin:auto}
.cl-lp .cl-title{font-size:39px;line-height:1.65;letter-spacing:.055em}
.cl-lp .cl-intro{padding:98px 0 86px;background:#fff}
.cl-lp .cl-intro h2{font-size:36px;line-height:1.8;letter-spacing:.035em;text-align:center}
.cl-lp .cl-thoughts{margin:44px auto 32px;max-width:660px;padding-left:36px;border-left:2px solid #dce5c6}
.cl-lp .cl-thoughts p{margin-bottom:22px;color:#75675e}
.cl-lp .cl-thoughts p:last-child{margin:0}
.cl-lp .cl-thoughts strong{font-weight:500;color:var(--cl-brown)}
.cl-lp .cl-intro-close{text-align:center}
.cl-lp .cl-science{background:#f8f5ed;border-top:1px solid #efe9dc;border-bottom:1px solid #efe9dc}
.cl-lp .cl-science .cl-title{text-align:center}
.cl-lp .cl-science-body{display:grid;grid-template-columns:1fr 80px 1fr;margin-top:46px;gap:25px;align-items:start}
.cl-lp .cl-science-body article{padding:0 22px}
.cl-lp .cl-science-body h3{font-size:27px;margin:16px 0}
.cl-lp .cl-science-body p+p{margin-top:14px}
.cl-lp .cl-science-plus{font-family:serif;font-size:40px;color:#ada38c;align-self:center;text-align:center}
.cl-lp .cl-science-mark{height:42px;display:flex;align-items:center;gap:8px}
.cl-lp .cl-science-mark i{width:38px;height:14px;border:1px solid #e5a8bd;border-radius:50%;transform:rotate(-22deg);display:block}
.cl-lp .cl-science-mark--blue i{width:25px;height:30px;background:#e4eff2;border-color:#b7d6df;border-radius:50%;transform:none}
.cl-lp .cl-science-mark--blue i:nth-child(2){width:36px;height:40px}
.cl-lp .cl-taste{background:linear-gradient(180deg,#fffde9,#fff 76%);padding-bottom:72px}
.cl-lp .cl-taste-heading{padding-left:36px}
.cl-lp .cl-lead{font-size:26px;line-height:1.8;margin-top:20px}
.cl-lp .cl-taste-photo{width:100%;margin:36px 0 28px;mix-blend-mode:multiply}
.cl-lp .cl-taste-copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:0 36px}
.cl-lp .cl-origin{position:relative;background:#fff;border-top:1px solid #e2e9d3}
.cl-lp .cl-origin .cl-reading{border-left:4px solid #c6d7a1;padding:12px 0 12px 55px}
.cl-lp .cl-origin-copy{margin:27px 0;font-size:20px}
.cl-lp .cl-origin-product{color:#728c33;font-size:24px;line-height:1.8}
.cl-lp .cl-origin-product strong{font-weight:500}
.cl-lp .cl-use{background:#f5f8ec;padding-bottom:76px}
.cl-lp .cl-portable{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:0 34px 58px}
.cl-lp .cl-portable p{margin-top:18px}
.cl-lp .cl-portable img{width:240px;margin:auto;transform:rotate(-5deg);filter:drop-shadow(0 12px 10px #71834820)}
.cl-lp .cl-drinks{border-top:1px solid #cfdcbb;padding-top:38px}
.cl-lp .cl-drinks h3{text-align:center;font-size:30px;line-height:1.65}
.cl-lp .cl-use-intro{text-align:center;margin:16px 0 34px}
.cl-lp .cl-drink-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fffef9;padding:30px 12px}
.cl-lp .cl-drink-list article{padding:0 24px;border-right:1px solid #e5e8db}
.cl-lp .cl-drink-list article:last-child{border:0}
.cl-lp .cl-drink-number{font-family:Georgia,serif;font-size:33px;font-style:italic;color:#b1c37d}
.cl-lp .cl-drink-list h4{font-size:25px;margin:4px 0 14px}
.cl-lp .cl-drink-list p{font-size:15px;line-height:1.95}
.cl-lp .cl-voices{background:#fff8f8}
.cl-lp .cl-voices .cl-title{text-align:center}
.cl-lp .cl-voice-list{max-width:880px;margin:38px auto 0}
.cl-lp .cl-voice-list blockquote{margin:0;padding:28px 35px 28px 56px;border-bottom:1px solid #eedddf;position:relative}
.cl-lp .cl-voice-list blockquote::before{content:'“';font-family:Georgia,serif;font-size:66px;line-height:1;position:absolute;top:22px;left:0;color:#e9b5c5}
.cl-lp .cl-voice-list blockquote:last-child{border-bottom:0}
.cl-lp .cl-voice-list footer{text-align:right;margin-top:12px;color:#887971;font-size:14px}
.cl-lp .cl-note{max-width:880px;margin:20px auto 0;color:#887971;font-size:13px;text-align:right}
.cl-lp .cl-buy{background:#fff}
.cl-lp .cl-buy-head{display:grid;grid-template-columns:36% 1fr;gap:45px;align-items:center;padding:0 20px 64px}
.cl-lp .cl-buy-head>img{width:310px;margin:auto}
.cl-lp .cl-buy-head .cl-title{font-size:35px}
.cl-lp .cl-volume{margin:17px 0 5px;font-weight:600}
.cl-lp .cl-button{display:flex;align-items:center;justify-content:space-between;background:#739432;color:#fff;border-radius:5px;padding:15px 24px;margin-top:26px;max-width:370px;line-height:1.6}
.cl-lp .cl-button:hover{background:#5b7b24}
.cl-lp .cl-button:focus-visible,.cl-lp .cl-quick a:focus-visible{outline:3px solid #d96391;outline-offset:4px}
.cl-lp .cl-specs{border-top:1px solid #dedfd4;padding-top:38px}
.cl-lp .cl-specs h3{font-size:29px;margin-bottom:20px}
.cl-lp .cl-specs dl{margin:0;font-size:15px}
.cl-lp .cl-specs dl>div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid #e7e7df;padding:13px 10px;gap:22px}
.cl-lp .cl-specs dt{font-weight:500;color:#5e6551}
.cl-lp .cl-specs dd{margin:0}
.cl-lp .cl-specs h4{font-size:20px;margin:32px 0 10px}
.cl-lp .cl-specs small{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:13px}
.cl-lp .cl-specs .cl-nutrition{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
@media(max-width:700px){
 .cl-lp{font-size:15px;line-height:1.95}
 .cl-lp .cl-section{padding:52px 0}
 .cl-lp .cl-inner{width:88%}
 .cl-lp .cl-reading{width:86%}
 .cl-lp .cl-pc{display:none}
 .cl-lp .cl-quick{padding:14px 6%;font-size:11px;gap:10px}
 .cl-lp .cl-quick p span{display:block;margin:0}
 .cl-lp .cl-quick a span{margin-left:10px}
 .cl-lp .cl-title{font-size:27px;line-height:1.7;letter-spacing:.03em}
 .cl-lp .cl-intro h2{font-size:24px;line-height:1.8;text-align:left}
 .cl-lp .cl-thoughts{margin:30px 0 26px;padding-left:20px}
 .cl-lp .cl-thoughts p{margin-bottom:18px}
 .cl-lp .cl-intro-close{text-align:left;font-size:14px}
 .cl-lp .cl-science .cl-title{text-align:left}
 .cl-lp .cl-science-body{grid-template-columns:1fr;margin-top:25px;gap:20px}
 .cl-lp .cl-science-body article{padding:0}
 .cl-lp .cl-science-body h3{font-size:23px;margin:8px 0 12px}
 .cl-lp .cl-science-plus{display:none}
 .cl-lp .cl-science-body article+article{border-top:1px solid #ded7c7;padding-top:24px}
 .cl-lp .cl-taste-heading{padding:0}
 .cl-lp .cl-lead{font-size:20px;margin-top:14px}
 .cl-lp .cl-taste-photo{margin:26px 0 22px}
 .cl-lp .cl-taste-copy{grid-template-columns:1fr;gap:18px;padding:0}
 .cl-lp .cl-origin .cl-reading{padding:0 0 0 22px;border-left-width:3px}
 .cl-lp .cl-origin-copy{font-size:17px;margin:20px 0}
 .cl-lp .cl-origin-product{font-size:21px}
 .cl-lp .cl-portable{grid-template-columns:1fr;padding:0 0 35px;gap:24px}
 .cl-lp .cl-portable img{width:170px}
 .cl-lp .cl-portable p{margin-top:14px}
 .cl-lp .cl-drinks{padding-top:28px}
 .cl-lp .cl-drinks h3{font-size:24px;text-align:left}
 .cl-lp .cl-use-intro{text-align:left;margin:14px 0 25px}
 .cl-lp .cl-drink-list{grid-template-columns:1fr;padding:8px 22px}
 .cl-lp .cl-drink-list article{padding:20px 0;border-right:0;border-bottom:1px solid #e5e8db}
 .cl-lp .cl-drink-list h4{font-size:23px;display:inline-block;margin:0 0 10px 15px}
 .cl-lp .cl-drink-number{font-size:28px}
 .cl-lp .cl-drink-list p{font-size:14px}
 .cl-lp .cl-voices .cl-title{text-align:left}
 .cl-lp .cl-voice-list{margin-top:20px}
 .cl-lp .cl-voice-list blockquote{padding:22px 0 24px 30px;font-size:14px}
 .cl-lp .cl-voice-list blockquote::before{font-size:45px;top:22px}
 .cl-lp .cl-voice-list footer{font-size:12px}
 .cl-lp .cl-buy-head{grid-template-columns:1fr;gap:25px;padding:0 0 42px}
 .cl-lp .cl-buy-head>img{width:220px}
 .cl-lp .cl-buy-head .cl-title{font-size:27px}
 .cl-lp .cl-button{max-width:none}
 .cl-lp .cl-volume{font-size:14px}
 .cl-lp .cl-specs{padding-top:28px}
 .cl-lp .cl-specs h3{font-size:24px}
 .cl-lp .cl-specs dl{font-size:13px}
 .cl-lp .cl-specs dl>div{grid-template-columns:85px 1fr;gap:12px;padding:12px 0}
 .cl-lp .cl-specs .cl-nutrition{grid-template-columns:1fr}
 .cl-lp .cl-specs h4{font-size:18px}
}
@media(prefers-reduced-motion:no-preference){.cl-lp{scroll-behavior:smooth}}
/* PC image is a design comp. Body will return to HTML after asset separation. */
.cl-lp .cl-sec02-pc-comp{display:none}
@media(min-width:701px){.cl-lp .cl-intro--illustrated{padding:0}.cl-lp .cl-intro--illustrated>.cl-reading{display:none}.cl-lp .cl-sec02-pc-comp{display:block;width:100%}}
.cl-lp .cl-sec03-pc-comp{display:none}
@media(min-width:701px){.cl-lp .cl-science--illustrated{padding:0;border:0}.cl-lp .cl-science--illustrated>.cl-inner{display:none}.cl-lp .cl-sec03-pc-comp{display:block;width:100%}}
.cl-lp .cl-sec04-pc-comp{display:none}
@media(min-width:701px){.cl-lp .cl-taste--illustrated{padding:0}.cl-lp .cl-taste--illustrated>.cl-inner{display:none}.cl-lp .cl-sec04-pc-comp{display:block;width:100%}}
.cl-lp .cl-sec05-pc-comp,.cl-lp .cl-sec06-pc-comp{display:none}
@media(min-width:701px){.cl-lp .cl-origin--illustrated,.cl-lp .cl-use--illustrated{padding:0;border:0}.cl-lp .cl-origin--illustrated>.cl-reading,.cl-lp .cl-use--illustrated>.cl-inner{display:none}.cl-lp .cl-sec05-pc-comp,.cl-lp .cl-sec06-pc-comp{display:block;width:100%}}
.cl-lp .cl-sec07-pc-comp{display:none}@media(min-width:701px){.cl-lp .cl-voices--illustrated{padding:0;border:0}.cl-lp .cl-voices--illustrated>.cl-inner{display:none}.cl-lp .cl-sec07-pc-comp{display:block;width:100%}}
/* sec08: image heading, HTML purchasing information and specifications. */
.cl-lp .cl-sec08-pc-comp{display:none}
@media(min-width:701px){
 .cl-lp .cl-buy--illustrated{padding-top:0}
 .cl-lp .cl-sec08-pc-comp{display:block;width:100%;height:auto}
 .cl-lp .cl-buy--illustrated .cl-buy-head{display:block;text-align:center;padding:30px 20px 42px}
 .cl-lp .cl-buy--illustrated .cl-buy-head>img,.cl-lp .cl-buy--illustrated .cl-buy-head .cl-title{display:none}
 .cl-lp .cl-buy--illustrated .cl-volume{margin-top:0}
 .cl-lp .cl-buy--illustrated .cl-button{margin:22px auto 0}
}

/* Section 02 hybrid prototype: original heading displayed via CSS clipping. */
.cl-lp .cl-intro--hybrid{padding:26px 0 46px;background:#fff}
.cl-lp .cl-intro-heading-image{width:86%;aspect-ratio:1100/420;overflow:hidden}
.cl-lp .cl-intro-heading-image img{width:147.182%;max-width:none;height:auto}
.cl-lp .cl-intro-heading-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cl-lp .cl-intro-layout{display:grid;grid-template-columns:64% 36%;align-items:end;margin-top:2px}
.cl-lp .cl-intro-html-body{padding-left:6%;position:relative;z-index:1}
.cl-lp .cl-intro--hybrid .cl-thoughts{margin:10px 0 26px;padding:0;border:0;font-size:21px;line-height:1.7}
.cl-lp .cl-intro--hybrid .cl-thoughts p{margin-bottom:23px}
.cl-lp .cl-intro--hybrid .cl-thoughts strong{font-weight:600}
.cl-lp .cl-intro--hybrid .cl-intro-close{font-size:19px;text-align:left;line-height:1.7}
.cl-lp .cl-intro-woman{width:100%;max-width:310px;margin:0 auto}.cl-lp .cl-mobile-heading-break{display:none}
@media(max-width:700px){
 .cl-lp .cl-intro--hybrid{padding:44px 0 36px}
 .cl-lp .cl-intro-heading-image{display:none}.cl-lp .cl-mobile-heading-break{display:block}
 .cl-lp .cl-intro-heading-text{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;text-align:left;font-size:25px;line-height:1.7}
 .cl-lp .cl-intro-layout{grid-template-columns:1fr;margin-top:25px}
 .cl-lp .cl-intro-html-body{padding:0}
 .cl-lp .cl-intro--hybrid .cl-thoughts{font-size:16px;line-height:1.85;margin:0 0 22px}
 .cl-lp .cl-intro--hybrid .cl-intro-close{font-size:15px}
 .cl-lp .cl-intro-woman{width:58%;max-width:210px;margin:20px 0 0 auto}
}

/* Section 03: source artwork temporarily clipped, expanded HTML copy. */
.cl-lp .cl-science--hybrid{padding:32px 0 54px;background:linear-gradient(110deg,#edf8fe 0%,#fff 45%,#f0f8ff 100%)}
.cl-lp .cl-science-heading-image{width:100%;aspect-ratio:1683/350;overflow:hidden}
.cl-lp .cl-science-heading-image img{width:100%;max-width:none}
.cl-lp .cl-science-heading-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cl-lp .cl-science-columns{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:34px 0 0}
.cl-lp .cl-science-copy h3{font-size:32px;line-height:1.5;font-weight:500;margin:0 0 16px}
.cl-lp .cl-science-columns article:first-child h3{color:#d7447a}
.cl-lp .cl-science-columns article:nth-child(2) h3{color:#3a80ca}
.cl-lp .cl-science-art{position:relative;width:100%;aspect-ratio:600/300;overflow:hidden;margin:0 0 24px}
.cl-lp .cl-science-art img{position:absolute;max-width:none;width:280.5%;height:auto;top:-160%;left:-55%}
.cl-lp .cl-science-art--blue img{left:-182%;top:-160%}
.cl-lp .cl-science-copy p{font-size:18px;line-height:1.95;margin:0 0 18px}
.cl-lp .cl-science-digestion{margin-top:35px;padding:28px 32px;background:rgba(255,255,255,.8);border-top:1px solid #bfd6e8}
.cl-lp .cl-science-digestion h3{font-size:25px}
.cl-lp .cl-science-digestion p{margin-bottom:0}
.cl-lp .cl-science-copy .cl-science-note{font-size:13px;margin:14px 0 28px;color:#666}
.cl-lp .cl-science-copy .cl-science-product{font-size:23px;text-align:center;border-top:1px solid #bfd6e8;padding-top:26px;margin:0}
@media(max-width:700px){
 .cl-lp .cl-science--hybrid{padding:44px 0}
 .cl-lp .cl-science-heading-image{display:none}
 .cl-lp .cl-science-heading-text{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:26px;line-height:1.65;margin:0 0 28px;font-weight:500}
 .cl-lp .cl-science-columns{grid-template-columns:1fr;gap:32px;margin:0}
 .cl-lp .cl-science-copy h3{font-size:26px}
 .cl-lp .cl-science-copy p{font-size:16px;line-height:1.9}
 .cl-lp .cl-science-art{max-width:360px;margin-bottom:18px}
 .cl-lp .cl-science-digestion{padding:23px 20px;margin-top:30px}
 .cl-lp .cl-science-digestion h3{font-size:21px}
 .cl-lp .cl-science-copy .cl-science-product{font-size:19px;text-align:left}
}
/* Clean provisional crops; replace with isolated artwork assets. */
.cl-lp .cl-science-art{height:220px;aspect-ratio:auto;max-width:none;width:100%;background:none}
.cl-lp .cl-science-art img{width:1157px;top:-344px;left:calc(50% - 450px)}
.cl-lp .cl-science-art--pink{max-width:220px;margin-left:auto;margin-right:auto}
.cl-lp .cl-science-art--blue{max-width:400px;height:220px;margin-left:auto;margin-right:auto}
.cl-lp .cl-science-art--blue img{width:1295px;top:-469px;left:-846px}
@media(max-width:700px){
 .cl-lp .cl-science-art--blue{max-width:300px;height:150px}
 .cl-lp .cl-science-art--blue img{width:971px;top:-352px;left:-635px}
}
.cl-lp .cl-science-art{height:200px}
.cl-lp .cl-science-art--blue{height:200px}
.cl-lp .cl-science-art--blue img{clip-path:inset(0 0 125px 0)}
@media(max-width:700px){.cl-lp .cl-science-art--blue{height:110px}.cl-lp .cl-science-art--blue img{clip-path:inset(0 0 85px 0)}}

/* Section 03 isolated artwork assets, preserve whole source image. */
.cl-lp .cl-science-art,.cl-lp .cl-science-art--pink,.cl-lp .cl-science-art--blue{height:240px;max-width:none;width:100%;margin:0 0 24px;overflow:visible;display:flex;align-items:center;justify-content:center}
.cl-lp .cl-science-art img,.cl-lp .cl-science-art--blue img{position:static;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;clip-path:none}
@media(max-width:700px){.cl-lp .cl-science-art,.cl-lp .cl-science-art--pink,.cl-lp .cl-science-art--blue{height:210px;margin-bottom:22px}}

/* Feather the image boundary while keeping heading glyphs sharp. */
.cl-lp .cl-science-heading-image{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 85%,transparent);-webkit-mask-composite:source-in}
.cl-lp .cl-science-heading-image{aspect-ratio:1683/390;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 90%,transparent)}
/* Section 04 image heading, separate still life, and HTML body. */
.cl-lp .cl-taste--hybrid{padding:32px 0 56px;background:#fffdf7}
.cl-lp .cl-taste-heading-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cl-lp .cl-taste-heading-image{position:relative;width:88%;aspect-ratio:945/225;overflow:hidden;margin:0 auto 30px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);mask-composite:intersect}
.cl-lp .cl-taste-heading-image img{position:absolute;width:178.095%;max-width:none;left:-77.78%;top:-31.11%}
.cl-lp .cl-taste-layout{display:grid;grid-template-columns:54% 46%;align-items:center}
.cl-lp .cl-taste-still{width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.cl-lp .cl-taste-html-body{padding:0 0 0 34px}
.cl-lp .cl-taste--hybrid .cl-lead{font-size:27px;line-height:1.8;margin:0 0 30px}
.cl-lp .cl-taste--hybrid .cl-taste-copy{display:block;padding:0;font-size:18px;line-height:2}
.cl-lp .cl-taste--hybrid .cl-taste-copy p+p{margin-top:24px}
@media(max-width:700px){
 .cl-lp .cl-taste--hybrid{padding:44px 0}
 .cl-lp .cl-taste-heading-image{display:none}
 .cl-lp .cl-taste-heading-text{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:29px;line-height:1.6;margin:0 0 26px}
 .cl-lp .cl-taste-layout{grid-template-columns:1fr;gap:25px}
 .cl-lp .cl-taste-html-body{padding:0}
 .cl-lp .cl-taste--hybrid .cl-lead{font-size:22px;margin-bottom:23px}
 .cl-lp .cl-taste--hybrid .cl-taste-copy{font-size:16px;line-height:1.95}
}
/* Restore the full-section light, leaves, and lemon still-life atmosphere. */
.cl-lp .cl-taste--hybrid{background-image:linear-gradient(to right,rgba(255,253,247,0) 25%,rgba(255,253,247,.3) 44%,rgba(255,253,247,.94) 62%,rgba(255,253,247,.8) 100%),url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.jpg');background-image:linear-gradient(to right,rgba(255,253,247,0) 25%,rgba(255,253,247,.3) 44%,rgba(255,253,247,.94) 62%,rgba(255,253,247,.8) 100%),image-set(url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.jpg') type('image/jpeg'));background-size:cover;background-position:center}
.cl-lp .cl-taste-still{opacity:0}
.cl-lp .cl-taste-heading-image{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent)}
@media(max-width:700px){
 .cl-lp .cl-taste--hybrid{background-image:linear-gradient(to bottom,rgba(255,253,247,.45),rgba(255,253,247,.9) 45%,rgba(255,253,247,.96)),url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.jpg');background-image:linear-gradient(to bottom,rgba(255,253,247,.45),rgba(255,253,247,.9) 45%,rgba(255,253,247,.96)),image-set(url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.jpg') type('image/jpeg'));background-position:center top;background-size:cover}
 .cl-lp .cl-taste-still{opacity:1}
}
.cl-lp .cl-taste-heading-image{width:60%;aspect-ratio:980/225;margin-left:auto;margin-right:0;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}
.cl-lp .cl-taste-heading-image img{width:171.735%;left:-71.429%}
@media(max-width:700px){.cl-lp .cl-taste--hybrid{background-color:#fffdf7;background-image:linear-gradient(to bottom,rgba(255,253,247,.4),rgba(255,253,247,.65) 90px,#fffdf7 230px),url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.jpg');background-image:linear-gradient(to bottom,rgba(255,253,247,.4),rgba(255,253,247,.65) 90px,#fffdf7 230px),image-set(url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sec04_lemon_powder_v1.jpg') type('image/jpeg'));background-size:100% 100%,auto 280px;background-repeat:no-repeat}}

/* Decorative water background supplied for section 03. */
.cl-lp .cl-science--hybrid{background-color:#eef8fe;background-image:url('../../img/healthfood/collagen/prepared_20261005/sec03_water_background_v1.jpg');background-image:image-set(url('../../img/healthfood/collagen/prepared_20261005/sec03_water_background_v1.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sec03_water_background_v1.jpg') type('image/jpeg'));background-size:100% 100%;background-position:center;background-repeat:no-repeat;padding-top:48px;padding-bottom:78px}
.cl-lp .cl-science-copy .cl-science-product{background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.8) 15%,rgba(255,255,255,.8) 85%,rgba(255,255,255,0));padding-bottom:20px}
@media(max-width:700px){.cl-lp .cl-science--hybrid{background-size:auto 100%;padding-top:50px;padding-bottom:56px}}
/* Section 02: restore the table atmosphere and watercolor behind the woman. */
.cl-lp .cl-intro--hybrid{background-color:#fff;background-image:linear-gradient(to bottom,#fff 0%,#fff 18%,rgba(255,255,255,.4) 65%,rgba(255,255,255,.15)),url('../../img/healthfood/collagen/prepared_20261005/sec02_table_original.jpg');background-image:linear-gradient(to bottom,#fff 0%,#fff 18%,rgba(255,255,255,.4) 65%,rgba(255,255,255,.15)),image-set(url('../../img/healthfood/collagen/prepared_20261005/sec02_table_original.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sec02_table_original.jpg') type('image/jpeg'));background-size:100% 100%,100% auto;background-position:center,center bottom;background-repeat:no-repeat}
.cl-lp .cl-intro-heading-image{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 95%,transparent);mask-composite:intersect}
.cl-lp .cl-intro-figure{position:relative;isolation:isolate;width:100%;align-self:end}
.cl-lp .cl-intro-figure::before{content:"";position:absolute;z-index:-1;inset:-5% -25% -3%;background:url('../../img/healthfood/collagen/prepared_20261005/sec02_peach_watercolor_v1.png') center/contain no-repeat;background:image-set(url('../../img/healthfood/collagen/prepared_20261005/sec02_peach_watercolor_v1.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sec02_peach_watercolor_v1.png') type('image/png')) center/contain no-repeat;opacity:.8;pointer-events:none}
.cl-lp .cl-intro-figure .cl-intro-woman{width:100%;max-width:310px;margin:0 auto}
@media(max-width:700px){
 .cl-lp .cl-intro--hybrid{background-image:linear-gradient(to bottom,#fff 0%,#fff calc(100% - 300px),rgba(255,255,255,.35)),url('../../img/healthfood/collagen/prepared_20261005/sec02_table_original.jpg');background-image:linear-gradient(to bottom,#fff 0%,#fff calc(100% - 300px),rgba(255,255,255,.35)),image-set(url('../../img/healthfood/collagen/prepared_20261005/sec02_table_original.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sec02_table_original.jpg') type('image/jpeg'));background-size:100% 100%,auto 300px;background-position:center,right bottom}
 .cl-lp .cl-intro-figure{width:58%;max-width:210px;margin:20px 0 0 auto}
 .cl-lp .cl-intro-figure .cl-intro-woman{width:100%;max-width:none;margin:0}
 .cl-lp .cl-intro-figure::before{inset:-10% -40% -3%}
}

/* Sections 05-08: HTML body with slots for the nine supplied assets. */
.cl-lp .cl-part-heading-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cl-lp .cl-part-heading{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.cl-lp .cl-part-heading img{position:absolute;max-width:none;height:auto;transform:none;filter:none;margin:0}
.cl-lp .cl-part-heading--05{width:100%;aspect-ratio:1380/230}
.cl-lp .cl-part-heading--05 img{width:157.392%;left:-9.42%;top:-41.304%}
.cl-lp .cl-origin--hybrid{padding:52px 0 64px;border:0;background:#fffaf8 url('../../img/healthfood/collagen/prepared_20261005/sec02_peach_watercolor_v1.png') right center/55% auto no-repeat;background:#fffaf8 image-set(url('../../img/healthfood/collagen/prepared_20261005/sec02_peach_watercolor_v1.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sec02_peach_watercolor_v1.png') type('image/png')) right center/55% auto no-repeat}
.cl-lp .cl-origin-layout{display:grid;grid-template-columns:minmax(0,1fr) 25%;gap:34px;align-items:center}
.cl-lp .cl-origin-copy{font-size:19px;line-height:1.95;margin:26px 0 0}
.cl-lp .cl-origin-copy p+p{margin-top:22px}
.cl-lp .cl-origin-copy .cl-pc{display:none}
.cl-lp .cl-asset-slot{background:rgba(255,255,255,.25);border:1px dashed rgba(140,106,93,.16)}
.cl-lp .cl-asset-slot img{width:100%;height:100%;object-fit:contain}
.cl-lp .cl-pig-slot{aspect-ratio:4/3;border-radius:50%}
.cl-lp .cl-use--hybrid{background:radial-gradient(ellipse at 0 15%,#deebaa80,transparent 50%),radial-gradient(ellipse at 100% 70%,#d6e79d70,transparent 45%),#fcfdf4;padding:56px 0 68px}
.cl-lp .cl-portable{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);padding:0 0 44px;gap:42px}
.cl-lp .cl-part-heading--06{width:100%;aspect-ratio:850/340}
.cl-lp .cl-part-heading--06 img{width:180.706%;left:-9.412%;top:0}
.cl-lp .cl-product-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.4fr);gap:12px;align-items:end;width:100%;max-width:400px;margin:auto}
.cl-lp .cl-product-pair img{width:100%;margin:0;transform:none;filter:none}
.cl-lp .cl-portable p{font-size:20px}
.cl-lp .cl-drink-list{gap:24px;padding:0;background:none}
.cl-lp .cl-drink-list article{padding:18px 14px 22px;border:0;text-align:center;min-width:0;background:rgba(255,255,255,.65);border-radius:14px}
.cl-lp .cl-drink-list h4{color:#477326;font-size:28px;margin:0 0 18px}
.cl-lp .cl-drink-number{display:none}
.cl-lp .cl-drink-slot{width:100%;aspect-ratio:3/2;border-radius:10px;margin-bottom:20px}
.cl-lp .cl-drink-list p{font-size:17px}
.cl-lp .cl-voices--hybrid,.cl-lp .cl-buy--hybrid{background:radial-gradient(ellipse at 0 0,#fbdde4a0,transparent 45%),radial-gradient(ellipse at 100% 90%,#fbe4d7b0,transparent 45%),#fffaf8}
.cl-lp .cl-part-heading--07{width:82%;aspect-ratio:950/200;margin:0 auto 34px}
.cl-lp .cl-part-heading--07 img{width:152.421%;left:-26.316%;top:-20%}
.cl-lp .cl-voice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none;margin:0}
.cl-lp .cl-voice-list blockquote{padding:26px 22px 0;border:1px solid #f3d9dd;border-radius:18px;background:rgba(255,255,255,.8);display:flex;flex-direction:column;font-size:16px;line-height:1.95;min-width:0}
.cl-lp .cl-voice-list blockquote::before{content:none}
.cl-lp .cl-voice-list blockquote:last-child{border:1px solid #f3d9dd}
.cl-lp .cl-voice-foot{display:flex;align-items:end;gap:10px;justify-content:space-between;margin-top:auto;padding-top:24px}
.cl-lp .cl-voice-list footer{font-family:'Yu Mincho',serif;white-space:nowrap;text-align:left;margin:0 0 22px;font-size:14px}
.cl-lp .cl-woman-slot{width:47%;aspect-ratio:4/5;border-radius:50% 50% 0 0;flex-shrink:0}
.cl-lp .cl-note{max-width:none}
.cl-lp .cl-buy--hybrid{padding:60px 0 76px}
.cl-lp .cl-buy-head{grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:40px;padding:0 0 54px}
.cl-lp .cl-part-heading--08{width:100%;aspect-ratio:865/525}
.cl-lp .cl-part-heading--08 img{width:224.509%;left:-119.075%;top:-27.619%}
.cl-lp .cl-buy--hybrid .cl-specs{padding:32px;background:rgba(255,255,255,.82);border:1px solid #eadfdc;border-radius:16px}
@media(max-width:700px){
 .cl-lp .cl-part-heading{display:none}
 .cl-lp .cl-part-heading-text{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:28px;line-height:1.7}
 .cl-lp .cl-origin--hybrid,.cl-lp .cl-use--hybrid,.cl-lp .cl-buy--hybrid{padding:48px 0}
 .cl-lp .cl-origin-layout{grid-template-columns:1fr;gap:24px}
 .cl-lp .cl-origin-copy{font-size:16px;margin-top:22px}
 .cl-lp .cl-pig-slot{width:48%;max-width:200px;margin-left:auto}
 .cl-lp .cl-portable{grid-template-columns:1fr;gap:24px;padding-bottom:34px}
 .cl-lp .cl-product-pair{max-width:285px;gap:10px}
 .cl-lp .cl-portable p{font-size:16px}
 .cl-lp .cl-drink-list{grid-template-columns:1fr;padding:0;gap:20px}
 .cl-lp .cl-drink-list article{padding:23px 22px;border:0}
 .cl-lp .cl-drink-list h4{display:block;margin:0 0 15px;font-size:25px}
 .cl-lp .cl-drink-list p{font-size:16px}
 .cl-lp .cl-voice-list{grid-template-columns:1fr;margin-top:28px;gap:24px}
 .cl-lp .cl-voice-list blockquote{padding:25px 24px 0;font-size:16px}
 .cl-lp .cl-voice-foot{padding-top:22px}
 .cl-lp .cl-voice-list footer{font-size:14px}
 .cl-lp .cl-woman-slot{width:38%;max-width:140px}
 .cl-lp .cl-buy-head{grid-template-columns:1fr;gap:28px;padding-bottom:32px}
 .cl-lp .cl-buy--hybrid .cl-buy-head .cl-title{font-size:29px}
 .cl-lp .cl-buy--hybrid .cl-specs{padding:22px 18px}
 .cl-lp .cl-specs dl>div{grid-template-columns:76px minmax(0,1fr);gap:12px}
}


/* Supplied section assets, keep their original aspect ratios and alpha. */
.cl-lp .cl-asset-slot{border:0;background:none;border-radius:0}
.cl-lp .cl-use--hybrid{background:#fcfdf5 url('../../img/healthfood/collagen/prepared_20261005/02_sec06_leaf_background.jpg') center/100% 100% no-repeat;background:#fcfdf5 image-set(url('../../img/healthfood/collagen/prepared_20261005/02_sec06_leaf_background.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/02_sec06_leaf_background.jpg') type('image/jpeg')) center/100% 100% no-repeat}
.cl-lp .cl-drink-list article{background:none;border-radius:0;padding-left:0;padding-right:0}
.cl-lp .cl-drink-slot{margin-bottom:20px}
.cl-lp .cl-voices--hybrid,.cl-lp .cl-buy--hybrid{background:#fffaf8 url('../../img/healthfood/collagen/prepared_20261005/09_sec07_pink_background.jpg') center/100% 100% no-repeat;background:#fffaf8 image-set(url('../../img/healthfood/collagen/prepared_20261005/09_sec07_pink_background.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/09_sec07_pink_background.jpg') type('image/jpeg')) center/100% 100% no-repeat}
.cl-lp .cl-pig-slot{aspect-ratio:3/2}
.cl-lp .cl-voice-list blockquote{background:rgba(255,255,255,.7)}
.cl-lp .cl-voice-list footer{color:#75675e}
.cl-lp .cl-woman-slot{width:53%;aspect-ratio:4/5}
@media(max-width:700px){
 .cl-lp .cl-use--hybrid{background-size:auto 100%;background-position:center}
 .cl-lp .cl-drink-list article{padding:23px 18px;background:rgba(255,255,255,.66);border-radius:14px}
 .cl-lp .cl-voices--hybrid,.cl-lp .cl-buy--hybrid{background-size:100% auto;background-repeat:repeat-y}
 .cl-lp .cl-woman-slot{width:44%;max-width:150px}
 .cl-lp .cl-pig-slot{width:62%;max-width:240px}
}


/* Stronger HTML type for the secondary use heading and labels. */
.cl-lp .cl-drinks h3{font-weight:700;font-size:38px;line-height:1.6;letter-spacing:.025em}
.cl-lp .cl-drink-list h4{font-weight:700;font-size:32px;line-height:1.5;letter-spacing:.04em}
@media(max-width:700px){
 .cl-lp .cl-drinks h3{font-size:27px;line-height:1.65;text-align:center;letter-spacing:0;text-wrap:balance}
 .cl-lp .cl-drink-list h4{font-size:29px}
 /* Keep the supplied 9:16 artwork proportional at each end of a long section. */
 .cl-lp .cl-use--hybrid,.cl-lp .cl-voices--hybrid,.cl-lp .cl-buy--hybrid{position:relative;isolation:isolate;background-repeat:no-repeat;background-image:linear-gradient(to right,#e8f2c7,#fffdf5 24%,#fffdf5 76%,#e8f2c7)}
 .cl-lp .cl-voices--hybrid,.cl-lp .cl-buy--hybrid{background-image:linear-gradient(to right,#fae8e6,#fffaf8 24%,#fffaf8 76%,#fae8e6)}
 .cl-lp .cl-use--hybrid>.cl-inner,.cl-lp .cl-voices--hybrid>.cl-inner,.cl-lp .cl-buy--hybrid>.cl-inner{position:relative;z-index:1}
 .cl-lp .cl-use--hybrid::before,.cl-lp .cl-use--hybrid::after,.cl-lp .cl-voices--hybrid::before,.cl-lp .cl-voices--hybrid::after,.cl-lp .cl-buy--hybrid::before,.cl-lp .cl-buy--hybrid::after{content:"";position:absolute;left:0;width:100%;aspect-ratio:9/16;pointer-events:none;z-index:0;background-size:100% auto;background-repeat:no-repeat}
 .cl-lp .cl-use--hybrid::before,.cl-lp .cl-use--hybrid::after{background-image:url('../../img/healthfood/collagen/prepared_20261005/sp_sec06_leaf_background.jpg');background-image:image-set(url('../../img/healthfood/collagen/prepared_20261005/sp_sec06_leaf_background.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sp_sec06_leaf_background.jpg') type('image/jpeg'))}
 .cl-lp .cl-voices--hybrid::before,.cl-lp .cl-voices--hybrid::after,.cl-lp .cl-buy--hybrid::before,.cl-lp .cl-buy--hybrid::after{background-image:url('../../img/healthfood/collagen/prepared_20261005/sp_sec07_pink_background.jpg');background-image:image-set(url('../../img/healthfood/collagen/prepared_20261005/sp_sec07_pink_background.webp') type('image/webp'),url('../../img/healthfood/collagen/prepared_20261005/sp_sec07_pink_background.jpg') type('image/jpeg'))}
 .cl-lp .cl-use--hybrid::before{top:0;mask-image:linear-gradient(#000 20%,transparent 70%)}
 .cl-lp .cl-use--hybrid::after{bottom:0;mask-image:linear-gradient(transparent 45%,#000 80%)}
 .cl-lp .cl-voices--hybrid::before,.cl-lp .cl-buy--hybrid::before{top:0;mask-image:linear-gradient(#000 35%,transparent 90%)}
 .cl-lp .cl-voices--hybrid::after,.cl-lp .cl-buy--hybrid::after{bottom:0;mask-image:linear-gradient(transparent 10%,#000 65%)}
 .cl-lp .cl-drink-list article{background:rgba(255,255,255,.5)}
}

/* Keep heading phrases together on narrow screens. */
.cl-lp .cl-drinks h3,.cl-lp .cl-drink-list h4{text-shadow:.3px 0 currentColor,-.3px 0 currentColor}
@media(max-width:700px){.cl-lp .cl-drinks h3 span{display:block;white-space:nowrap}}

.cl-lp picture{display:contents}
.cl-lp picture>source{display:none}