:root{--ink:#173a32;--cream:#f6f1e7;--sand:#dcc9aa;--gold:#b78a4c;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans Lao',sans-serif}.announcement{background:var(--ink);color:#fff;text-align:center;padding:9px;font-size:12px;letter-spacing:.3px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(246,241,231,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(23,58,50,.1)}.brand{font:600 21px 'Playfair Display';letter-spacing:2px;color:var(--ink);text-decoration:none}.brand span{display:block;font:400 9px 'Noto Sans Lao';letter-spacing:4px;text-align:center}.header nav{display:flex;gap:35px}.header nav a,.section-head a{color:var(--ink);text-decoration:none;font-size:13px}.actions{display:flex;gap:14px}.actions button{border:0;background:none;color:var(--ink);font:500 13px inherit}.actions b{background:var(--ink);color:white;border-radius:50%;padding:1px 6px}.menu{display:none}.hero{min-height:640px;display:grid;grid-template-columns:46% 54%;overflow:hidden}.hero-copy{padding:10vw 7vw 7vw 9vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8b6844}.hero h1{font-size:clamp(50px,6vw,88px);line-height:1.12;margin:20px 0;font-weight:400;letter-spacing:-3px}.lead{max-width:480px;line-height:1.9;color:#557069;font-size:15px}.primary{margin-top:22px;background:var(--ink);color:white;text-decoration:none;padding:17px 24px;font-size:14px;transition:.3s}.primary:hover{transform:translateY(-2px);background:#24574a}.primary span{margin-left:25px}.hero-art{position:relative;background:radial-gradient(circle at 55% 42%,#f9eacc 0 12%,#dbc296 34%,#ae8c64 68%,#8a6f54 100%);display:grid;place-items:center;overflow:hidden}.moon{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,248,228,.27);box-shadow:0 0 100px rgba(255,245,208,.6)}.bracelet{width:300px;height:300px;border-radius:50%;border:32px solid #d3a55a;box-shadow:inset 8px 8px 20px #fff1a0,inset -10px -12px 22px #765122,10px 30px 50px #66503c80;transform:rotate(-18deg);position:relative;z-index:2}.bracelet:after{content:"";position:absolute;inset:-32px;border-radius:50%;background:linear-gradient(130deg,transparent 25%,#fff9d9 41%,transparent 53%);opacity:.65}.bracelet i{position:absolute;width:22px;height:22px;background:#f6d889;border-radius:50%;box-shadow:inset 2px 2px 4px white,-1px 3px 5px #634721}.bracelet i:nth-child(1){left:-24px;top:35px}.bracelet i:nth-child(2){right:-20px;bottom:35px}.bracelet i:nth-child(3){left:100px;bottom:-41px}.hero-art>p{position:absolute;bottom:28px;right:35px;color:#fff;font-size:11px;letter-spacing:2px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto;padding:40px 5vw;border-bottom:1px solid #d8cdbb}.benefits>div{display:flex;gap:18px;align-items:center;justify-content:center;border-right:1px solid #d8cdbb}.benefits>div:last-child{border:0}.benefits span{font-size:26px;color:var(--gold)}.benefits p{margin:0}.benefits b,.benefits small{display:block}.benefits b{font-size:13px}.benefits small{color:#778681;font-size:11px;margin-top:6px}.products{padding:100px 7vw}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-head h2,.story h2{font-size:clamp(32px,4vw,52px);font-weight:400;margin:9px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-img{height:420px;position:relative;display:grid;place-items:center;overflow:hidden}.jade{background:#d5ded2}.pearl{background:#e9dfd1}.gold{background:#d6c4a6}.product-img .ring{width:180px;height:180px;border-radius:50%;border:25px solid #7ea28b;box-shadow:inset 8px 6px 15px #eaffeb,inset -8px -8px 14px #466c58,8px 18px 25px #53675e45;transform:rotate(25deg)}.pearl .ring{border-color:#eee5cd;box-shadow:inset 8px 5px 10px white,inset -7px -8px 12px #a99c82,8px 18px 25px #675e5540}.gold .ring{border-color:#c79849;box-shadow:inset 8px 5px 10px #ffe6a0,inset -7px -8px 12px #75511d,8px 18px 25px #675e5540}.tag{position:absolute;top:18px;left:18px;background:var(--white);padding:7px 12px;font-size:10px}.product-img button{position:absolute;right:18px;bottom:18px;border:0;border-radius:50%;width:42px;height:42px;background:var(--white);color:var(--ink);font-size:20px}.grid h3{font-size:14px;font-weight:500;margin:18px 0 4px}.grid article>p{margin:0;color:#8b6844;font-size:13px}.story{min-height:470px;margin:20px 7vw 100px;background:linear-gradient(90deg,rgba(21,58,49,.96),rgba(21,58,49,.7)),radial-gradient(circle at 85%,#b89668,#3d5d52);color:white;padding:90px 8vw;display:flex;align-items:center}.story p{max-width:550px;line-height:1.9;color:#d9e2df}.story .eyebrow{color:#d9b77c}.chat{position:fixed;right:25px;bottom:25px;z-index:30}.chat>button{border:0;border-radius:30px;background:var(--ink);color:white;padding:14px 20px;box-shadow:0 8px 25px #173a3240;font:500 13px inherit}.chat>button span{color:#7ee6a7;margin-left:8px}.chat>div{display:none;position:absolute;right:0;bottom:55px;width:210px;background:white;box-shadow:0 10px 35px #173a3230;border-radius:12px;padding:8px}.chat.open>div{display:block}.chat a{display:block;padding:12px;color:var(--ink);text-decoration:none;border-radius:8px;font-size:13px}.chat a:hover{background:#f1eee8}footer{text-align:center;padding:28px;background:#102d26;color:#aebdb8;font-size:11px}
@media(max-width:800px){.header{height:70px;padding:0 20px}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);padding:20px;flex-direction:column}.header nav.open{display:flex}.menu{display:block!important}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 25px}.hero-art{height:470px;grid-row:1}.moon{width:330px;height:330px}.bracelet{width:235px;height:235px;border-width:26px}.benefits{grid-template-columns:1fr;gap:24px}.benefits>div{border-right:0;justify-content:flex-start}.products{padding:75px 20px}.grid{grid-template-columns:1fr}.product-img{height:390px}.section-head>a{display:none}.story{margin:0 20px 80px;padding:60px 30px}.actions button:nth-child(-n+2){display:none}.hero h1{letter-spacing:-2px}.chat{right:15px;bottom:15px}}

/* YY Aura identity and mobile storefront refinements */
.brand{display:flex;align-items:center;gap:10px;text-align:left}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand span{display:block}.brand strong{display:block;font:600 19px 'Playfair Display';letter-spacing:2px}.brand small{display:block;font:400 8px 'Noto Sans Lao';letter-spacing:2px;margin-top:2px}
@media(max-width:800px){.announcement{font-size:10px;padding:8px 12px;white-space:nowrap;overflow:hidden}.header{height:68px;padding:0 16px}.brand{gap:7px}.brand img{width:42px;height:42px}.brand strong{font-size:15px;letter-spacing:1.5px}.brand small{font-size:7px;letter-spacing:1px}.header nav{top:68px;padding:24px 20px 30px;gap:0;box-shadow:0 14px 30px #173a321a}.header nav a{padding:15px 4px;border-bottom:1px solid #ddd3c3;font-size:14px}.menu{font-size:21px!important;min-width:44px;min-height:44px}.hero{min-height:auto}.hero-copy{padding:58px 22px 65px}.hero-art{height:390px}.moon{width:285px;height:285px}.bracelet{width:205px;height:205px;border-width:23px}.hero h1{font-size:46px;margin:14px 0}.lead{font-size:13px;line-height:1.85}.primary{width:100%;text-align:center;padding:16px 18px;margin-top:18px}.primary span{float:right}.benefits{gap:22px;padding:34px 24px}.products{padding:70px 18px}.section-head{margin-bottom:25px}.section-head h2{font-size:35px}.grid{gap:40px}.product-img{height:min(105vw,420px)}.product-img button{width:48px;height:48px}.grid h3{font-size:15px}.story{min-height:400px;margin:0 18px 85px;padding:55px 26px}.story h2{font-size:34px}.chat{right:12px;bottom:12px}.chat>button{padding:13px 17px}.chat>div{width:230px}.chat a{padding:15px 12px}footer{padding:30px 16px 88px}}
@media(max-width:380px){.brand small{display:none}.hero-art{height:340px}.bracelet{width:180px;height:180px}.hero h1{font-size:40px}.chat>button{font-size:11px}}
#featuredHeroImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;transition:opacity .45s ease}#featuredHero.has-product .moon,#featuredHero.has-product .bracelet{display:none}#featuredHero.has-product{cursor:pointer}#featuredHeroCounter{z-index:4;text-shadow:0 1px 5px #0008}
.support-dock{position:fixed!important;right:18px!important;bottom:18px!important;z-index:9999!important;display:flex!important;flex-direction:column!important;gap:10px!important}.support-dock a{width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;box-shadow:0 7px 22px #102d2650!important;text-decoration:none!important;transition:transform .2s}.support-dock a:hover{transform:translateY(-3px) scale(1.04)}.support-dock svg{width:29px;height:29px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.support-dock .wa{background:#25d366!important}.support-dock .fb{background:#1684ff!important}.support-dock .fb svg>path:first-child{fill:#fff;stroke:#fff}.support-dock .fb .bolt{fill:#1684ff;stroke:#1684ff}.support-dock b,.support-dock span{display:none!important}@media(max-width:600px){.support-dock{right:12px!important;bottom:12px!important}.support-dock a{width:48px!important;height:48px!important}.support-dock svg{width:27px;height:27px}}

/* 2026-07-22 hero product image fix */
#featuredHero{min-height:640px;background:#efe6d7}
#featuredHeroImage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center!important;background:#efe6d7;z-index:8!important}
#featuredHero.has-product .moon,#featuredHero.has-product .bracelet{display:none!important}
#featuredHeroCounter{z-index:9!important}
@media(max-width:800px){#featuredHero{min-height:390px;height:390px}#featuredHeroImage{object-fit:contain!important}}
@media(max-width:380px){#featuredHero{min-height:340px;height:340px}}