@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#152c2b;--paper:#f8f8f1;--cobalt:#214be8;--lime:#dcff68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.75 'Plus Jakarta Sans','Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ded2;background:var(--paper)}.brand{font-size:30px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:8px}.brand-dot{font-size:13px;align-self:flex-start;margin-top:10px}.mark{background:var(--ink);color:var(--paper);border-radius:50%;height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;font-size:34px;line-height:1;position:relative;padding-bottom:4px;margin-right:3px}.mark span{font-size:10px;color:var(--lime);position:absolute;right:5px;top:7px}nav{display:flex;gap:36px;font-size:16px;font-weight:600}.language{border:1px solid #d4dacd;border-radius:40px;padding:4px;display:flex}.language button{border:0;background:none;border-radius:30px;font-size:14px;padding:6px 14px}.language button[aria-pressed=true]{background:var(--ink);color:white}.hero{min-height:670px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.hero-copy{padding:85px 4% 65px 9.5%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;line-height:1.5;display:block}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--cobalt)}h1{font-size:clamp(40px,4.4vw,70px);line-height:1.3;letter-spacing:-2.8px;margin:30px 0 24px;font-weight:800}h1 em{color:var(--cobalt);font-style:normal}p{color:#576762}.hero p{font-size:19px;line-height:1.9}.cta{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:17px 24px;background:var(--cobalt);border:0;color:white;font-weight:700;font-size:18px;border-radius:8px;min-height:64px;width:max-content;transition:transform .2s,background .2s}.cta:hover{transform:translateY(-3px);background:#153dca}.cta>span:last-child{font-size:27px;line-height:1}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#cef444}.hero .cta{margin-top:32px}.hero-note{margin-top:22px;font-size:12px;color:#64726b}.hero-art{position:relative;background:#e9edff;min-height:670px;overflow:hidden}.orbit{position:absolute;width:570px;height:570px;border:1px solid #bac8f4;border-radius:50%;top:65px;left:10%}.orbit:after{content:'';position:absolute;inset:60px;border:1px solid #bac8f4;border-radius:50%}.art-word{position:absolute;top:50px;left:9%;font-size:150px;letter-spacing:-12px;line-height:1;color:#d0d9fc;font-weight:800}.hero-product{position:absolute;background:#fff;border-radius:12px;box-shadow:0 24px 45px #1738821c;overflow:hidden}.hp1{width:170px;height:305px;left:8%;top:235px;transform:rotate(-13deg)}.hp1 .crop{width:155px;height:290px;margin:8px}.hp2{width:190px;height:360px;left:35%;top:170px;transform:rotate(4deg);z-index:2}.hp2 img{width:100%;height:100%;object-fit:cover}.hp3{width:175px;height:285px;right:2%;top:286px;transform:rotate(15deg);z-index:3}.hp3 .crop{width:165px;height:270px;margin:5px}.round-badge{position:absolute;right:7%;top:90px;width:124px;height:124px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;line-height:1.5;transform:rotate(12deg);z-index:4}.round-badge b{font-size:10px}.art-caption{position:absolute;bottom:34px;left:35px;font-size:10px;letter-spacing:2px}.crop{position:relative;overflow:hidden;background:white}.crop img{position:absolute;max-width:none}.natto img{width:260%;left:-11%;top:-40%}.ulylo img{width:270%;left:-15%;top:-55%}.ticker{display:flex;align-items:center;justify-content:space-around;gap:25px;background:var(--ink);color:var(--paper);padding:22px 4%;font-size:13px;letter-spacing:2px;font-weight:700}.ticker b{color:var(--lime);font-size:26px}.collection{padding:100px 5% 85px;max-width:1600px;margin:auto}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px;gap:30px}.section-intro h2{font-size:43px;line-height:1.4;margin:14px 0 0;letter-spacing:-1.5px}.section-intro p{font-size:17px;margin:0}.product{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-bottom:90px}.product:last-child{margin:0}.product-visual{height:570px;position:relative;border-radius:12px;overflow:hidden}.red{background:#f6dcd6}.orange{background:#f3e7cd}.blue{background:#d9ecf1}.visual-top{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;z-index:2}.backword{font-size:clamp(50px,6vw,95px);font-weight:800;letter-spacing:-5px;position:absolute;top:63px;left:7%;color:#ffffffb5}.bottle-stage{position:absolute;top:140px;left:50%;transform:translateX(-50%) rotate(-8deg);width:210px;height:380px;filter:drop-shadow(12px 22px 12px #70382124)}.bottle-stage .crop{height:100%;border-radius:30% 30% 18% 18%}.lingzhi-bottle{width:310px;height:390px;object-fit:cover;position:absolute;top:145px;left:50%;transform:translateX(-50%) rotate(7deg);mix-blend-mode:multiply}.box-stage{position:absolute;width:220px;height:350px;top:159px;left:50%;transform:translateX(-50%) rotate(-7deg);filter:drop-shadow(15px 20px 8px #163b4620)}.box-stage .crop{height:100%}.visual-bottom{position:absolute;bottom:24px;left:25px;font-size:12px;letter-spacing:1.3px;font-weight:700}.visual-star{font-size:49px;position:absolute;bottom:6px;right:25px;color:var(--ink)}.product-copy{padding:18px 0}.product-copy .eyebrow{color:#65746c}.product h2{font-size:clamp(34px,3.4vw,52px);letter-spacing:-2px;line-height:1.3;margin:22px 0 17px;display:flex;align-items:center;gap:10px;white-space:nowrap}.title-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.coral{background:#ed735d}.amber{background:#e7a738}.aqua{background:#14a5bb}.product h3{font-size:24px;line-height:1.6;font-weight:600;margin:0 0 18px}.product p{font-size:18px;margin:0;line-height:1.9}.specs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px}.specs span{font-size:12px;padding:6px 12px;border:1px solid #cfd8cc;border-radius:30px}.purchase{width:100%;max-width:400px}.coming{display:block;font-size:12px;color:#6a746e;margin-top:10px}.source{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#65746c;margin-top:17px}.reverse .product-visual{order:2}.reverse .product-copy{order:1}.care{background:var(--cobalt);color:white;padding:75px 7%;position:relative;overflow:hidden}.care h2{font-size:clamp(38px,4.8vw,70px);line-height:1.4;letter-spacing:-2px;margin:22px 0 30px}.care-star{position:absolute;right:9%;top:20px;font-size:290px;line-height:1.5;color:var(--lime)}.disclaimer{max-width:1100px;margin:auto;padding:35px 5%}.disclaimer p{font-size:13px;line-height:1.9;margin:0}footer{border-top:1px solid #d8ded2;padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer>span{font-size:11px;color:#61716a}.contact{font-size:18px;text-decoration:underline;text-underline-offset:5px}dialog{border:0;border-radius:16px;padding:45px;max-width:540px;width:calc(100% - 32px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#122c2bb3}dialog h2{font-size:30px;line-height:1.4}dialog p{font-size:17px}dialog>a{color:var(--cobalt);font-weight:700}.close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:30px}.skip{position:fixed;top:-100px;background:var(--lime);z-index:100;padding:10px}.skip:focus{top:0}a:focus-visible,button:focus-visible{outline:3px solid #f48b3e;outline-offset:5px} @media(min-width:1600px){.hero-copy{padding-left:max(70px,calc((100vw - 1440px)/2))}}@media(max-width:900px){header{height:80px}.brand{font-size:25px}.mark{width:34px;height:34px}nav{gap:18px;font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 6%}h1{font-size:58px}.hero-art{min-height:550px}.hero-product.hp1{left:18%;top:180px}.hero-product.hp2{left:41%;top:120px}.hero-product.hp3{right:12%;top:220px}.art-word{left:20%}.orbit{left:20%;top:0}.round-badge{right:15%;top:50px}.section-intro{display:block}.section-intro p{margin-top:20px}.product{gap:5%}.product-visual{height:500px}.product h2{font-size:34px}.product h3{font-size:21px}.product p{font-size:17px}.visual-top span:last-child{display:none}.bottle-stage{top:130px;width:175px;height:320px}.box-stage{top:145px;width:185px;height:295px}.lingzhi-bottle{width:255px;height:320px;top:130px}.care-star{font-size:210px;right:3%;top:55px}}@media(max-width:600px){body{font-size:17px}header{padding:0 5%}nav{display:none}.brand{font-size:24px}.language button{padding:5px 11px}.hero-copy{padding:45px 6% 40px}h1{font-size:40px;letter-spacing:-1.6px;margin-top:23px}.hero p{font-size:17px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-art{min-height:420px}.art-word{font-size:100px;left:10%;top:35px;letter-spacing:-7px}.hero-product.hp1{width:112px;height:207px;left:8%;top:150px}.hp1 .crop{width:100px;height:192px;margin:6px}.hero-product.hp2{width:135px;height:255px;left:34%;top:110px}.hero-product.hp3{width:113px;height:191px;right:3%;top:185px}.hp3 .crop{width:104px;height:177px}.round-badge{width:86px;height:86px;font-size:9px;right:9%;top:35px}.round-badge b{font-size:7px}.orbit{width:360px;height:360px;left:8%;top:35px}.art-caption{bottom:18px;font-size:8px}.ticker{padding:14px 5%;font-size:9px;letter-spacing:1px;gap:13px}.ticker span:nth-of-type(3),.ticker b:last-child{display:none}.ticker b{font-size:20px}.collection{padding:60px 6%}.section-intro{margin-bottom:35px}.section-intro h2{font-size:32px}.section-intro p{font-size:16px}.product{display:flex;flex-direction:column;gap:0;margin-bottom:60px;align-items:stretch}.product-visual{height:440px;width:100%}.product-copy{padding:30px 0 0}.reverse .product-visual,.reverse .product-copy{order:initial}.product h2{font-size:37px;margin-top:15px}.product h3{font-size:22px}.product p{font-size:18px}.backword{font-size:68px;top:52px}.visual-top{top:18px;left:20px;right:20px;font-size:8px}.bottle-stage{top:105px;height:290px;width:160px}.lingzhi-bottle{top:110px;height:295px;width:235px}.box-stage{top:120px;height:270px;width:170px}.cta{font-size:17px}.purchase{max-width:none}.care{padding:45px 6%}.care h2{font-size:36px}.care-star{font-size:130px;right:-20px;top:80px;opacity:.55}.care .cta{position:relative;z-index:1}.disclaimer{padding:25px 6%}footer{flex-direction:column;align-items:start;padding:28px 6%;gap:14px}.contact{font-size:17px}dialog{padding:35px 25px}.hero-note{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied KINN Natto bottle: frame the bottle within the original image. */
.natto img{width:235%;left:-66%;top:-42%}


/* Transparent product cutouts, with original proportions preserved. */
.hero-product,.crop{background:transparent;box-shadow:none;overflow:visible}
.natto img,.ulylo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
.hp2 img{object-fit:contain}
.lingzhi-bottle{object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(12px 20px 12px #70382124)}
.bottle-stage .crop{border-radius:0}
.hero-product{filter:drop-shadow(0 18px 12px #17388225)}

