/* XANMI Creative Studio v9 — Concept: Rice / Time / Ritual. Custom brand editorial layer. */
:root{--v9-blue:#0066A6;--v9-gold:#C9AF49;--v9-green:#677B69;--v9-violet:#6c507d;--v9-lavender:#e9e0ee;--v9-ink:#29232d;--v9-paper:#faf9f6;--v9-cream:#f2eee5;--v9-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:86px}
body{background:var(--v9-paper);color:var(--v9-ink)}
.site-header{background:rgba(252,251,248,.94);border-bottom:1px solid #51445e18;box-shadow:none}
.header-inner{height:80px}.brand-link img{width:145px}.desktop-nav{gap:clamp(14px,2vw,28px)}.desktop-nav a{font-size:12px}.small-contact{background:var(--v9-violet);border-radius:1px}
.v9-page{overflow:hidden}.v9-page h1,.v9-page h2,.v9-page h3{margin-top:0}.v9-page a{transition:opacity .25s,transform .35s var(--v9-ease)}.v9-page a:hover{opacity:.78}
.v9-overline,.v9-index{font:600 10px/1.6 'Comfortaa',sans-serif;letter-spacing:.15em;text-transform:uppercase}
.v9-overline{color:var(--v9-violet);margin:0 0 19px}.v9-index{display:flex;gap:15px;align-items:center;color:#526c68}.v9-index i{width:20px;height:1px;background:var(--v9-gold)}
.v9-hero{background:#f8f6f4;position:relative}.v9-hero-inner{min-height:730px;display:grid;grid-template-columns:51% 49%;max-width:1800px;margin:auto}.v9-hero-copy{padding:clamp(60px,7.5vw,135px) 35px 85px max(5.5vw,calc((100vw - 1450px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2}.v9-hero-kicker{margin:76px 0 12px;font:600 10px 'Comfortaa',sans-serif;letter-spacing:.13em;color:#786c7e}.v9-hero-kicker span{color:#aa8bbb;font-size:16px;margin-left:8px}.v9-hero h1{font:500 clamp(61px,7vw,108px)/1.11 'Comfortaa','Trebuchet MS',sans-serif;letter-spacing:-.068em;color:#42304c;margin:0 0 20px;white-space:nowrap}.v9-hero-stop{color:var(--v9-gold)}.v9-hero-th{font-size:clamp(21px,2.65vw,38px);font-weight:500;line-height:1.48;color:#44334f;margin:0 0 14px;max-width:600px}.v9-hero-desc{font-size:15px;line-height:1.95;color:#69626c;max-width:485px;margin:0 0 35px}.v9-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.v9-cta{font:600 12px/1.5 'IBM Plex Sans Thai',sans-serif;background:var(--v9-violet);color:#fff!important;padding:15px 25px;display:inline-flex;align-items:center;gap:26px;justify-content:space-between;min-height:50px}.v9-cta:hover{transform:translateY(-3px)}.v9-quiet-link,.v9-text-link{display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid currentColor;padding:9px 0;color:#514357;font-size:12px;font-weight:550}.v9-meta{margin-top:82px;display:flex;gap:25px;flex-wrap:wrap;font:10px/1.5 'Comfortaa',sans-serif;letter-spacing:.05em;color:#7e7382}.v9-meta span+span{border-left:1px solid #c8bdc9;padding-left:25px}
.v9-hero-art{background:linear-gradient(145deg,#f4eff7 0%,#e6ddec 42%,#ccb5db 100%);min-height:660px;position:relative;isolation:isolate}.v9-circle{position:absolute;border:1px solid #ffffff9c;border-radius:50%;width:min(65vw,600px);height:min(65vw,600px);top:45%;left:50%;transform:translate(-50%,-50%)}.v9-bigjp{position:absolute;top:9%;right:8%;font:500 clamp(100px,18vw,290px)/1 Georgia,serif;writing-mode:vertical-rl;color:#ffffff73;z-index:0}.v9-hero-sachet{position:absolute;height:78%;width:auto;max-width:64%;object-fit:contain;left:50%;top:9%;transform:translateX(-50%) rotate(-3deg);filter:drop-shadow(23px 30px 30px #614c7c3b);z-index:3}.v9-hero-rice{position:absolute;z-index:2;height:50%;width:auto;max-width:43%;object-fit:contain;left:3%;bottom:-7%;transform:rotate(-12deg)}.v9-hero-fruit{position:absolute;z-index:4;width:22%;height:auto;max-width:30%;object-fit:contain;right:8%;bottom:10%;filter:drop-shadow(0 13px 14px #402b6b33)}.v9-art-caption{position:absolute;bottom:20px;right:23px;font:10px 'Comfortaa',sans-serif;letter-spacing:.14em;color:#755e8c}.v9-scroll-label{height:65px;border-top:1px solid #8f849516;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1480px;margin:auto;padding:0 6vw;font:10px 'Comfortaa',sans-serif;letter-spacing:.14em;color:#78717c}.v9-scroll-label span:last-child{font-size:23px}
.v9-origin{display:grid;grid-template-columns:9% 44% 47%;min-height:740px;background:var(--v9-paper)}.v9-vertical-rule{writing-mode:vertical-rl;letter-spacing:.23em;font:600 10px 'Comfortaa',sans-serif;display:flex;align-items:center;justify-content:center;color:#9c8da0;border-right:1px solid #e9e4e9}.v9-origin-content{padding:110px 9% 95px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.v9-origin h2{font-size:clamp(33px,3.65vw,60px);line-height:1.3;font-weight:400;color:#44364c;letter-spacing:0;margin:0 0 32px}.v9-origin-content p:not(.v9-overline){font-size:15px;line-height:2.2;color:#756e77;max-width:505px;margin:0 0 38px}.v9-origin-canvas{min-height:680px;position:relative;background:linear-gradient(155deg,#f6f1e7,#e8e1d5);overflow:hidden;isolation:isolate}.v9-origin-orbit{border:1px solid #ffffffb3;border-radius:50%;width:75%;aspect-ratio:1;position:absolute;top:11%;left:13%}.v9-origin-canvas .v9-rice{position:absolute;width:44%;max-height:75%;height:auto;left:8%;bottom:1%;object-fit:contain;filter:drop-shadow(13px 20px 18px #7a716329)}.v9-origin-canvas .v9-fruit{position:absolute;width:46%;height:auto;right:8%;top:30%;filter:drop-shadow(10px 20px 20px #73667125)}.v9-origin-canvas span{position:absolute;bottom:32px;right:32px;font:600 10px 'Comfortaa',sans-serif;letter-spacing:.14em;color:#81715e}
.v9-craft{background:#4c3a5a;color:#fff;position:relative;padding:150px 6vw 115px;overflow:hidden}.v9-craft-backdrop{position:absolute;z-index:0;top:-70px;right:-30px;color:#ffffff0b;font:400 470px Georgia,serif;pointer-events:none}.v9-craft-top{max-width:1000px;position:relative;z-index:1;margin:auto;text-align:center}.v9-craft .v9-overline{color:#d7c4df}.v9-craft h2{font-size:clamp(40px,5vw,74px);font-weight:350;line-height:1.32;margin:0 0 22px}.v9-craft-top>p:last-child{max-width:675px;margin:0 auto;color:#e1d6e7;line-height:2.1}.v9-process{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1150px;margin:95px auto 52px;border-top:1px solid #ffffff54;border-bottom:1px solid #ffffff54}.v9-process>div{padding:40px 17px 43px;border-right:1px solid #ffffff30;display:flex;flex-direction:column;gap:8px}.v9-process>div:last-child{border-right:0}.v9-process span{font:400 23px Georgia,serif;color:#c6afcf}.v9-process strong{font:600 clamp(14px,1.8vw,20px) 'Comfortaa',sans-serif;letter-spacing:-.015em}.v9-process small{font-size:12px;color:#e0d6e1}.v9-craft>.v9-text-link{color:white;margin:0 auto;display:table;width:max-content;position:relative;z-index:1}.v9-text-link.light{color:#fff}
.v9-ritual{display:grid;grid-template-columns:52% 48%;background:#f3eef6;min-height:730px}.v9-ritual-image{position:relative;background:linear-gradient(145deg,#e5d7e9,#d5bfdd);display:flex;align-items:center;justify-content:center;overflow:hidden}.v9-ritual-image img{width:72%;max-height:630px;object-fit:contain;filter:drop-shadow(20px 30px 22px #65517c2f)}.v9-ritual-image>span{position:absolute;left:6%;bottom:5%;color:#76658b;font:11px 'Comfortaa',sans-serif}.v9-ritual-copy{padding:110px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.v9-ritual h2{font:500 clamp(48px,6vw,92px)/1.08 'Comfortaa',sans-serif;letter-spacing:-.07em;color:#594269;margin:0 0 32px}.v9-ritual h2 em{font-style:normal;color:#b396c6}.v9-ritual-copy p:not(.v9-overline){font-size:15px;line-height:2;color:#6c6271;max-width:480px;margin:0 0 30px}
.v9-product{padding:110px 6vw 130px;background:#fcfbf8}.v9-product-head{text-align:center}.v9-product h2{font:500 clamp(47px,6vw,82px)/1.15 'Comfortaa',sans-serif;color:#554060;letter-spacing:-.04em;margin-bottom:16px}.v9-product h2 span{font:40px Georgia,serif;color:#ac94c0}.v9-product-head>p:last-child{color:#7c727e;font-size:14px}.v9-product-stage{margin:50px auto 0;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(120deg,#f5f0f8,#eee4f3)}.v9-product-stage>img{height:500px;max-width:80%;object-fit:contain;justify-self:center;filter:drop-shadow(12px 19px 20px #59457025)}.v9-product-stage>div{padding:65px 14%}.v9-product-qty{font:500 62px/1.1 'Comfortaa',sans-serif;color:#5e4b71}.v9-product-qty i{color:#bd9dcd;font-style:normal;font-size:32px}.v9-product-stage p{color:#6f6275;font-size:15px;margin:20px 0 34px}
.v9-beauty{display:grid;grid-template-columns:52% 48%;background:#eae6ef;min-height:660px}.v9-beauty-content{padding:100px 12%;display:flex;flex-direction:column;justify-content:center;align-items:start}.v9-beauty-name{font:500 16px 'Comfortaa',sans-serif;color:#76618e;letter-spacing:.035em;margin-bottom:18px}.v9-beauty h2{font-size:clamp(33px,4vw,62px);font-weight:400;line-height:1.32;color:#635477;margin:0 0 27px}.v9-beauty-content>p:not(.v9-overline){color:#6b6072;max-width:510px;line-height:2;margin-bottom:22px}.v9-beauty-image{background:linear-gradient(130deg,#b4a8cf,#f2ecf9);display:flex;align-items:center;justify-content:center;padding:50px 14%}.v9-beauty-image img{height:530px;width:auto;max-width:90%;object-fit:contain;box-shadow:20px 24px 47px #473a5525}
.v9-final{padding:115px 30px 130px;background:#faf8f4;text-align:center}.v9-final p{font:600 10px 'Comfortaa',sans-serif;letter-spacing:.14em;color:#84778e}.v9-final h2{font-size:clamp(30px,4vw,56px);line-height:1.3;font-weight:350;color:#524459;max-width:720px;margin:25px auto 34px}
html[lang="en"] .v9-origin h2,html[lang="en"] .v9-craft h2,html[lang="en"] .v9-beauty h2,html[lang="en"] .v9-final h2,html[lang="en"] .v9-hero-th{font-family:'Comfortaa',sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.45}
@media(max-width:1150px){.v9-hero-inner{min-height:630px}.v9-hero-copy{padding-left:5vw}.v9-hero h1{font-size:clamp(58px,7vw,88px)}.v9-hero-art{min-height:620px}.v9-hero-kicker{margin-top:48px}.v9-origin{grid-template-columns:7% 48% 45%}.v9-origin-content{padding-left:7%}.v9-ritual-copy{padding:85px 9%}}
@media(max-width:800px){.v9-hero-inner{grid-template-columns:1fr;min-height:auto}.v9-hero-art{grid-row:1;min-height:435px}.v9-hero-sachet{height:83%;top:8%}.v9-hero-rice{height:65%;max-width:36%;left:11%}.v9-hero-fruit{width:19%;right:18%;bottom:12%}.v9-bigjp{font-size:150px;right:15%}.v9-hero-copy{grid-row:2;padding:45px 7% 45px;align-items:start}.v9-hero-kicker{margin-top:18px}.v9-hero h1{font-size:clamp(49px,9.5vw,77px)}.v9-hero-th{font-size:clamp(21px,3.7vw,30px)}.v9-meta{margin-top:43px}.v9-origin{grid-template-columns:1fr}.v9-vertical-rule{display:none}.v9-origin-canvas{min-height:520px;grid-row:2}.v9-origin-content{padding:90px 9%;grid-row:1}.v9-craft{padding:100px 6%}.v9-process{grid-template-columns:repeat(2,1fr)}.v9-process>div:nth-child(2){border-right:0}.v9-process>div:nth-child(-n+2){border-bottom:1px solid #ffffff38}.v9-ritual{grid-template-columns:1fr}.v9-ritual-image{min-height:550px}.v9-ritual-image img{max-height:500px;width:80%}.v9-ritual-copy{padding:70px 9% 85px}.v9-product-stage{grid-template-columns:1fr}.v9-product-stage>img{height:425px;margin:20px auto}.v9-product-stage>div{padding:30px 9% 60px}.v9-beauty{grid-template-columns:1fr}.v9-beauty-image{min-height:550px}.v9-beauty-content{padding:80px 9%}.v9-product{padding:85px 6%}.v9-final{padding:95px 25px}}
@media(max-width:420px){.v9-hero-art{min-height:340px}.v9-hero-sachet{height:86%;max-width:54%}.v9-hero-rice{height:57%;max-width:43%;left:6%}.v9-hero-fruit{width:19%;right:13%;bottom:12%}.v9-hero-copy{padding:30px 7% 36px}.v9-hero-kicker{font-size:9px}.v9-hero h1{font-size:clamp(43px,11vw,58px)}.v9-hero-th{font-size:22px}.v9-hero-desc{font-size:14px}.v9-actions{gap:18px}.v9-cta{padding:13px 18px}.v9-meta{gap:10px;font-size:8px}.v9-meta span+span{padding-left:10px}.v9-origin-content{padding:75px 8%}.v9-origin-canvas{min-height:390px}.v9-craft{padding:78px 6%}.v9-craft h2{font-size:36px}.v9-process{margin-top:50px}.v9-process>div{padding:25px 8px}.v9-process strong{font-size:12px}.v9-ritual-image{min-height:400px}.v9-ritual-image img{max-height:380px}.v9-ritual h2{font-size:55px}.v9-beauty-image{min-height:390px}.v9-beauty-image img{max-height:320px}.v9-product-stage>img{max-height:365px}.v9-product-qty{font-size:45px}}
@media(prefers-reduced-motion:reduce){.v9-page *, .v9-page *:before,.v9-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
