/* SO ? COMING SOON — original standalone landing-page concept.
   Logos are unmodified official supplied SVG assets. */
:root{--ink:#121211;--black:#0c0c0b;--ivory:#f5f3ed;--sand:#ded4c5;--gold:#a98051;--goldlight:#d9bd93;--muted:#9d9890;--line:rgba(245,243,237,.18);--font:Manrope,"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--goldlight);outline-offset:6px}::selection{background:var(--gold);color:var(--black)}.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--goldlight)}
.site-header{position:absolute;z-index:50;left:0;top:0;width:100%;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.6vw,112px);gap:20px}.brand img{width:93px;height:auto;display:block}.header-note,.header-link,.eyebrow,.hero-bottom,.vertical-label,.round-scroll,.small-rule,.swatch,.mood-index,.coming-pill,.footer-meta,.launch-footnote{font-size:10px;letter-spacing:.26em;font-weight:700}.header-note{color:#b8b0a4}.header-link{padding:10px 0;border-bottom:1px solid rgba(245,243,237,.48)}.header-link span{color:var(--goldlight);margin-left:12px}.scene{position:relative;overflow:hidden}.hero{min-height:800px;min-height:100svh;display:flex;align-items:center;background:radial-gradient(ellipse at 74% 39%,#24201b 0,#11100e 45%,#080807 90%)}.hero:after,.mood:after,.closing:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.30' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}.hero-content{width:min(100%,1250px);margin:auto;padding:165px clamp(26px,10vw,140px) 140px;position:relative;z-index:3}.eyebrow{color:var(--goldlight);line-height:1.9;display:flex;align-items:center;gap:18px;margin:0 0 31px}.eyebrow-line{display:inline-block;height:1px;width:38px;background:var(--gold)}.hero-logo{display:block;width:clamp(190px,22vw,320px);height:auto;margin:0 0 52px}.display{font-weight:500;letter-spacing:-.066em;line-height:1.06;font-size:clamp(60px,8vw,128px);margin:0}.display em{font-style:normal;color:#c7aa80}.hero-body{font-size:clamp(14px,1.5vw,18px);line-height:1.9;max-width:490px;color:#c6bfb4;margin:38px 0 45px}.round-scroll{display:flex;align-items:center;gap:18px;width:max-content}.circle-arrow{display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(213,182,139,.5);width:45px;height:45px;border-radius:50%;font-size:20px;color:var(--goldlight);transition:background .2s,transform .2s}.round-scroll:hover .circle-arrow{transform:translateY(4px);background:rgba(213,182,139,.12)}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(16px)}.ambient-one{right:-7vw;top:-18vw;width:65vw;height:65vw;background:radial-gradient(circle at 34% 50%,rgba(156,107,63,.14),transparent 65%)}.ambient-two{right:16vw;bottom:-34vw;width:62vw;height:62vw;background:radial-gradient(circle,rgba(76,62,47,.21),transparent 65%)}.hero-arc{position:absolute;right:-19vw;top:0;width:70vw;height:70vw;border:1px solid rgba(178,128,74,.28);border-radius:50%;box-shadow:inset 0 0 90px rgba(151,105,57,.07);transform:rotate(-18deg)}.vertical-label{writing-mode:vertical-rl;position:absolute;right:40px;bottom:165px;color:#b6ad9e}.hero-bottom{position:absolute;bottom:28px;left:5.6vw;right:5.6vw;display:flex;justify-content:space-between;color:#b8b1a7;z-index:2}
.story{min-height:790px;background:var(--ivory);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:130px max(6vw,30px);gap:5vw}.story-visual{height:580px;position:relative;display:grid;place-items:center}.stone-disc{position:absolute;border-radius:46% 54% 47% 53%/51% 44% 56% 49%;box-shadow:15px 31px 70px rgba(54,39,24,.19)}.disc-back{width:min(28vw,390px);height:min(28vw,390px);background:linear-gradient(135deg,#c8bbaa,#a99a87 60%,#e2d9cc);transform:translate(70px,-75px) rotate(23deg)}.disc-front{width:min(26vw,370px);height:min(24vw,345px);background:linear-gradient(145deg,#3f3932,#161616 65%,#51483f);transform:translate(-80px,100px) rotate(-17deg)}.orbit-line{border:1px solid rgba(142,108,75,.39);border-radius:50%;width:85%;aspect-ratio:1;transform:rotate(-22deg)}.story-copy{max-width:610px}.dark-kicker{color:#98774c}.dark-display{font-size:clamp(55px,5.6vw,90px)}.dark-display em{color:#a37b4b}.long-copy{font-size:clamp(16px,1.5vw,19px);line-height:2;color:#59534d;max-width:490px;margin:38px 0 42px}.small-rule{color:#8e765c;display:flex;gap:12px;align-items:center;line-height:2;flex-wrap:wrap}.small-rule i{width:22px;height:1px;background:#b9ad9d}
.mood{min-height:940px;padding:125px clamp(25px,8vw,130px) 100px;background:radial-gradient(circle at 50% 72%,#24201b,#0e0e0d 72%)}.mood-top{max-width:1300px;margin:auto;text-align:center}.mood-top .eyebrow{justify-content:center}.mood-top .display{font-size:clamp(60px,6.7vw,105px)}.mood-intro{max-width:515px;margin:28px auto 0;color:#b8b1a7;line-height:1.9}.mood-stage{position:relative;max-width:1040px;margin:65px auto 0;min-height:440px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:stretch}.mood-orbit{position:absolute;top:50%;left:53%;width:380px;height:380px;border-radius:50%;border:1px solid rgba(176,129,75,.15);transform:translate(-50%,-50%)}.swatches{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;gap:25px;border-right:1px solid var(--line);padding:30px 52px 30px 20px}.swatch{border:0;background:none;color:#a69e94;cursor:pointer;display:flex;align-items:center;gap:15px;padding:8px 0;text-align:left;transition:color .2s}.swatch:hover,.swatch.selected{color:var(--ivory)}.swatch.selected:after{content:"↗";color:var(--goldlight)}.dot{display:inline-block;border-radius:50%;width:20px;height:20px;border:1px solid rgba(255,255,255,.22)}.dot-still{background:#d9d1c2}.dot-warm{background:#b19a7d}.dot-blue{background:#485778}.mood-center{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:60px;width:100%;padding:45px}.mood-sculpture{width:190px;height:210px;flex:0 0 auto;background:linear-gradient(130deg,#e3dacc,#b5a795 72%);border-radius:47% 53% 44% 56%/42% 50% 50% 58%;transform:rotate(-8deg);box-shadow:24px 35px 55px #0009,inset -18px -23px 38px #50483b25;transition:background .5s,transform .7s,border-radius .7s}.mood-description{max-width:360px}.mood-index{color:var(--goldlight)}.mood-description h3{font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:-.05em;margin:18px 0}.mood-description p{line-height:1.85;color:#b9b0a3;font-size:15px}.mood-stage[data-selected="warm"] .mood-sculpture{background:linear-gradient(130deg,#c4aa8d,#816b5d);transform:rotate(8deg);border-radius:55% 45% 54% 46%/52% 44% 56% 48%}.mood-stage[data-selected="blue"] .mood-sculpture{background:linear-gradient(130deg,#7885a1,#354563);transform:rotate(-13deg);border-radius:46% 54% 50% 50%/57% 40% 60% 43%}
.closing{min-height:800px;min-height:90svh;background:radial-gradient(ellipse at 49% 36%,#242018,#11100e 48%,#080807 93%);display:flex;align-items:center;justify-content:center;text-align:center;padding:150px 26px}.closing-halo{position:absolute;width:min(73vw,920px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(181,132,80,.35);box-shadow:0 0 120px #a0733f0a,inset 0 0 100px #b182500a}.closing-panel{position:relative;z-index:2}.closing-panel .eyebrow{justify-content:center}.closing-panel .display{font-size:clamp(54px,8vw,116px)}.closing-copy{font-size:16px;line-height:1.9;color:#beb4a5;margin:34px auto;max-width:450px}.coming-pill{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(222,187,142,.43);padding:17px 24px;border-radius:40px;color:var(--ivory);margin-top:14px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--goldlight);box-shadow:0 0 13px var(--gold)}.launch-footnote{margin-top:38px;color:#a9a097;font-size:10px}.footer{padding:48px clamp(24px,5.6vw,112px);background:#090908;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-logo{width:120px}.footer-meta{display:flex;gap:35px;color:#aca49a;flex-wrap:wrap;letter-spacing:.17em}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--stagger,0ms)}.js .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.appear{animation:rise .9s both}.appear:nth-child(2){animation-delay:.1s}.appear:nth-child(3){animation-delay:.2s}.appear:nth-child(4){animation-delay:.35s}.appear:nth-child(5){animation-delay:.5s}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:850px){.site-header{height:82px}.header-note{display:none}.brand img{width:80px}.hero{min-height:730px}.hero-content{padding:150px 28px 140px}.hero-logo{margin-bottom:45px}.display{font-size:clamp(53px,12vw,85px)}.vertical-label{display:none}.story{grid-template-columns:1fr;gap:30px;padding:95px 28px}.story-visual{height:370px;order:2}.story-copy{order:1}.disc-back{width:250px;height:250px}.disc-front{width:225px;height:210px}.story .display{font-size:clamp(51px,9vw,75px)}.mood{padding:90px 25px}.mood-center{gap:28px;padding:28px}.mood-sculpture{width:140px;height:160px}.swatches{padding:20px}.mood-orbit{width:260px;height:260px}.footer{flex-direction:column;align-items:flex-start}.footer-meta{gap:14px 25px}}
@media(max-width:540px){.eyebrow{font-size:9px;letter-spacing:.15em}.hero-content{padding-left:25px;padding-right:25px}.hero-logo{width:210px}.hero-body{max-width:340px}.hero-bottom{left:25px;right:25px;font-size:8px}.mood{padding:85px 22px}.mood-stage{display:block;min-height:0}.swatches{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 0;gap:10px}.swatch{font-size:9px;gap:7px;letter-spacing:.12em}.dot{width:15px;height:15px}.mood-center{min-height:380px;flex-direction:column;gap:30px;text-align:center}.mood-sculpture{width:145px;height:160px}.mood-description h3{margin:12px 0}.mood-orbit{width:245px;height:245px;left:50%;top:50%}.closing{min-height:710px}.closing-halo{width:105vw}.footer-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js .reveal{opacity:1!important;transform:none!important}}

/* Small-screen animation optimization */
@media(max-width:767px){.ambient{filter:blur(8px)}.js .reveal{transform:translate3d(0,15px,0)}}

/* V3 / Quiet silhouettes: three identifiable categories, no product photo reveal. */
.hero-content{max-width:1250px;margin-left:0;margin-right:auto;width:100%;padding-right:clamp(22px,6vw,90px)}
.hero-content .hero-body{max-width:465px}
.product-hints{position:absolute;inset:0 0 0 43%;z-index:1;pointer-events:none;isolation:isolate;mask-image:linear-gradient(to right,transparent 0%,black 19%);overflow:hidden}
.product-hints:before{content:"";position:absolute;inset:10% 0 4%;z-index:-1;background:radial-gradient(ellipse at 67% 58%,rgba(145,104,62,.16),transparent 58%)}
.hint{position:absolute;max-width:none;height:auto;opacity:.72;filter:drop-shadow(18px 20px 22px rgba(0,0,0,.50));animation:hint-appear 1.7s cubic-bezier(.18,.7,.22,1) both}
.hint-bottle{height:50%;left:6%;top:18%;opacity:.40;filter:blur(1.9px);animation-delay:.3s}
.hint-cup{width:39%;right:-5%;bottom:7%;opacity:.43;filter:blur(2.2px);animation-delay:.65s}
.hint-tumbler{height:72%;right:20%;top:13%;opacity:.78;filter:blur(.8px);animation-delay:.15s}
.hint-floor{position:absolute;bottom:8%;right:5%;height:15%;width:90%;background:radial-gradient(ellipse,rgba(0,0,0,.48),transparent 70%);filter:blur(25px)}
@keyframes hint-appear{from{opacity:0;scale:.98}to{scale:1}}
@media(min-width:1150px){.hero-content{padding-left:clamp(40px,9vw,132px)}.hero-content .display{font-size:clamp(66px,7.3vw,112px)}.hero-logo{width:clamp(190px,20vw,270px)}}
@media(max-width:850px){.product-hints{inset:0 0 0 27%;mask-image:linear-gradient(to right,transparent,black 28%)}.hint-tumbler{right:7%;height:59%;top:20%;opacity:.48}.hint-bottle{left:12%;height:43%;top:26%;opacity:.22}.hint-cup{width:45%;right:-18%;bottom:14%;opacity:.24}.hero-content{z-index:4}}
@media(max-width:540px){.product-hints{inset:0 0 0 10%;opacity:.62;mask-image:linear-gradient(to right,transparent 0,black 58%)}.hint-tumbler{height:50%;right:-8%;top:30%}.hint-bottle{left:25%;height:35%;top:38%}.hint-cup{width:51%;right:-25%;bottom:13%}.hero-content{padding-right:24px}.hero-content .display{text-shadow:0 2px 18px rgba(0,0,0,.45)}}
@media(prefers-reduced-motion:reduce){.hint{animation:none!important}}

/* V4 — language switch and opt-in social announcement */
.site-header{justify-content:initial}.header-note{margin-right:auto}.header-link{margin-left:auto}
.language-switch{display:flex;gap:4px;margin-left:25px;padding:4px;border:1px solid rgba(245,243,237,.28);border-radius:99px;z-index:53}
.lang-btn{color:#c2b9ac;background:transparent;border:0;border-radius:99px;min-width:39px;min-height:31px;cursor:pointer;font-size:10px;letter-spacing:.08em;font-weight:700;transition:background .2s,color .2s}
.lang-btn.active{color:#1a1a1a;background:#f5f3ed}
body.lang-th{font-family:'Noto Sans Thai',Tahoma,sans-serif}
body.lang-th .display{letter-spacing:-.035em;line-height:1.23}
body.lang-th .eyebrow,body.lang-th .footer-meta,body.lang-th .header-note,body.lang-th .swatch,body.lang-th .small-rule{letter-spacing:.08em}
body.lang-th .hero-content .display{font-size:clamp(48px,6.7vw,102px)}
body.lang-th .closing-panel .display{font-size:clamp(48px,6.7vw,100px)}
.social-modal[hidden]{display:none!important}.social-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:18px}
.social-backdrop{position:absolute;inset:0;background:rgba(3,3,3,.76);backdrop-filter:blur(10px)}
.social-dialog{position:relative;isolation:isolate;max-width:510px;width:100%;padding:62px clamp(27px,5vw,60px) 45px;background:radial-gradient(ellipse at 85% 2%,#32281d,#171512 59%,#0d0c0b 100%);border:1px solid rgba(197,161,111,.37);box-shadow:0 36px 120px #0009;text-align:center;animation:modalEnter .5s cubic-bezier(.2,.7,.2,1) both}
.social-close{position:absolute;right:15px;top:13px;border:0;background:transparent;color:#f5f3ed;font-size:32px;line-height:1;cursor:pointer;width:42px;height:42px}
.modal-eyebrow{justify-content:center;margin-bottom:28px}.modal-logo{width:116px;display:block;margin:0 auto 25px}
.social-dialog h2{font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.25;letter-spacing:-.05em;margin:0 0 17px}.social-dialog p:not(.eyebrow){color:#c9c0b3;line-height:1.85;font-size:15px;margin:0 auto 32px;max-width:380px}
.social-follow{display:block;max-width:310px;margin:auto;background:#f5f3ed;color:#1a1a1a;padding:18px 12px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.15em;transition:background .2s}.social-follow:hover{background:#dcc09a}
.social-later{display:block;border:0;background:transparent;color:#aca49a;padding:19px;margin:12px auto 0;cursor:pointer;font-size:11px;letter-spacing:.14em}
body.modal-open{overflow:hidden}@keyframes modalEnter{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.header-link{margin-left:auto}.language-switch{margin-left:17px}}
@media(max-width:540px){.site-header{padding-left:21px;padding-right:21px;gap:8px}.header-link{font-size:9px;letter-spacing:.12em}.language-switch{margin-left:4px}.lang-btn{min-width:34px}.social-dialog{padding-top:56px}body.lang-th .hero-content .display{font-size:clamp(43px,10vw,64px)}}
@media(prefers-reduced-motion:reduce){.social-dialog{animation:none}}

/* V5: Keep Latin utility labels in Noto Sans Thai too when TH is selected. */
body.lang-th button,body.lang-th a,body.lang-th input{font-family:inherit}

/* V6: dual social destinations. */
.social-actions{display:grid;gap:12px;max-width:310px;margin:0 auto}
.social-actions .social-follow{width:100%;max-width:none;margin:0}
.social-follow-alt{background:transparent;color:var(--ivory);border:1px solid rgba(245,243,237,.45)}
.social-follow-alt:hover{background:rgba(245,243,237,.12)}
.footer-meta a{color:inherit;transition:color .2s}
.footer-meta a:hover{color:var(--goldlight)}
.social-dialog{max-height:calc(100dvh - 36px);overflow-y:auto}