:root{--bg:#10120f;--panel:#181b16;--gold:#d4b77a;--white:#f4f0e6;--muted:#a6aa9d;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:'Noto Sans Thai',sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{cursor:pointer}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:#10120ff5;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;letter-spacing:3px;font-size:21px}.brand img{width:60px;height:60px;border-radius:50%}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.2px;color:var(--gold);margin-top:3px}nav{display:flex;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta{border:1px solid #b69c62;padding:10px 20px;color:var(--gold);font-size:12px}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:740px;padding:80px 6% 86px;overflow:hidden;background:radial-gradient(ellipse at 76% 44%,#34352255,transparent 56%)}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);font-family:Arial,sans-serif;margin:0 0 24px}h1{font-size:clamp(40px,4.4vw,67px);font-weight:400;line-height:1.38;letter-spacing:-1.6px;margin:0 0 25px}em{font-style:normal;color:var(--gold)}.intro,.muted{color:var(--muted);font-weight:300;line-height:2}.actions{display:flex;align-items:center;gap:28px;margin-top:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 24px;background:var(--gold);color:#171b13;border:1px solid var(--gold);font-weight:600;font-size:13px}.button:hover{background:#ead3a0}.text-link{font-size:12px;border-bottom:1px solid #b79e6555;padding-bottom:6px}.hero-note{display:flex;align-items:center;gap:17px;margin-top:47px;font:9px Arial;letter-spacing:1.5px;color:#878e7e}.hero-note i{height:20px;width:1px;background:var(--line)}.hero-art{position:relative;min-width:0}.hero-art svg{position:relative;width:100%;height:550px;z-index:1}.orbit{position:absolute;width:470px;height:470px;border:1px solid #bfa46b30;border-radius:50%;left:0;top:30px;box-shadow:0 0 0 35px #bfa46b04,0 0 0 70px #bfa46b03}.art-caption{position:absolute;top:8px;right:0;font:14px Georgia;letter-spacing:4px;line-height:1.8;color:#bba778}.image-note{position:absolute;right:20px;bottom:0;font-size:9px;color:#818776}.scroll{position:absolute;bottom:26px;left:6%;font:9px Arial;letter-spacing:2px;color:#a6aa9d}.scroll span{margin-left:25px}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:24px 6%;border-block:1px solid #c9b07940;background:#1b2118;color:var(--gold);font:11px Georgia;letter-spacing:2px}.ribbon b{font-size:13px}.section{padding:100px 7%;scroll-margin-top:25px}h2{font-size:36px;line-height:1.5;font-weight:400;letter-spacing:-.7px;margin:0 0 25px}h3{font-size:18px;font-weight:500;margin:12px 0}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top>p{color:var(--muted);font-size:13px;margin-bottom:30px}.filters{display:flex;gap:10px;margin:18px 0 32px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:none;color:#aaa;padding:9px 20px;font-size:12px}.filters button.active{color:#10120f;background:var(--gold);border-color:var(--gold)}.scents{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.scent[hidden]{display:none}.scent-art{height:275px;position:relative;display:grid;place-content:center;overflow:hidden;background:#24251d;margin-bottom:25px}.scent-art>span{position:absolute;top:15px;left:18px;font:13px Georgia;color:#d7c4a5}.scent-art>small{position:absolute;bottom:20px;left:20px;font:8px Arial;letter-spacing:2px;color:#e8dfca}.scent-art>div{font:180px Georgia;line-height:1;color:#caa286;text-shadow:0 14px 30px #0008}.floral .scent-art{background:radial-gradient(ellipse at 60% 55%,#785d54,#272720 75%)}.flower{transform:rotate(22deg)}.fresh .scent-art{background:radial-gradient(ellipse at 60% 55%,#77703d,#242b20 75%)}.fresh .citrus{color:#d8c678;border:1px solid #e1cc8e66;border-radius:50%;font-size:150px;padding:7px}.woody .scent-art{background:radial-gradient(ellipse at 60% 55%,#79532c,#27231b 75%)}.woody .wood{color:#ad824f;transform:rotate(-30deg);font-size:210px}.scent .eyebrow{font-size:9px;margin:0}.scent>p:not(.eyebrow){color:var(--muted);font-size:13px}.select-scent{display:flex;width:100%;justify-content:space-between;padding:13px 0;color:var(--gold);border:0;border-bottom:1px solid var(--line);background:none;font-size:12px}.subnote{font-size:11px;color:#969d8c;line-height:1.8;margin-top:22px}.oem{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#191e17;border-block:1px solid var(--line)}.oem-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d4b77a30;position:relative;min-height:530px;background:radial-gradient(circle,#6a694022,transparent 70%)}.oem-mark img{width:215px;border-radius:50%;mix-blend-mode:screen;opacity:.85}.oem-mark p{text-align:center;font:23px Georgia;line-height:1.6;letter-spacing:3px;margin-top:35px}.oem-mark em{font-style:italic;letter-spacing:0}.service{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:13px 0}.service>span{font:15px Georgia;color:var(--gold);padding-top:15px}.service h3{font-size:16px;margin:7px 0}.service p{font-size:12px;color:var(--muted);margin:0 0 9px}.oem .text-link{display:inline-block;margin-top:26px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.steps b{font:45px 'Cormorant Garamond',Georgia;color:var(--gold);font-weight:400}.steps article{border-top:1px solid #bca36755;padding-top:20px}.steps p{font-size:13px;color:var(--muted)}.faq{padding-top:25px;max-width:1000px;margin:auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;font-size:15px}summary::-webkit-details-marker{display:none}summary span{color:var(--gold)}details p{color:var(--muted);font-size:13px;max-width:700px}.contact{background:linear-gradient(130deg,#23291c,#151913);display:grid;grid-template-columns:1fr 1.05fr;gap:80px;border-top:1px solid #c5ae7733}.contact h2{font-size:49px}.phone{font:33px Georgia;display:block;color:var(--gold);margin:35px 0 18px}.line-row{display:flex;gap:20px;align-items:center;font-size:13px}.line-row button,#copy-quote{color:var(--gold);border:1px solid #d4b77a66;background:none;padding:6px 12px;font-size:11px}.contact .text-link{display:inline-block;margin-top:15px}form{padding:32px;background:#10140e66;border:1px solid #d4b77a33}form h3{margin:0 0 25px;font-size:19px}label{display:block;font-size:12px;color:#b6bcac;margin-bottom:16px}input,select,textarea{display:block;width:100%;padding:11px 12px;margin-top:7px;background:#12170f;color:var(--white);border:1px solid #ffffff25;border-radius:0;outline:none;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .button{width:100%;margin-top:5px}#quote-result{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}#quote-result .text-link{margin-left:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 6%;gap:20px}footer p,footer>span{font-size:10px;color:var(--muted)}footer .brand{font-size:17px}footer .brand small{display:inline}.floating{position:fixed;bottom:24px;right:24px;padding:12px 20px;border:1px solid #e5ca8e77;background:#d4b77a;color:#171c11;box-shadow:0 8px 30px #0007;z-index:9;font-size:14px}.floating span{margin-left:7px}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1000px){header{padding:0 4%}nav{gap:17px;font-size:11px}.brand{font-size:17px}.brand img{width:46px;height:46px}.nav-cta{padding:8px 12px}.hero{padding-inline:5%;min-height:640px}.hero-art svg{height:480px}.orbit{width:350px;height:350px;top:60px}.actions{gap:18px;flex-wrap:wrap}.oem{gap:45px}.section{padding:70px 5%}.contact{gap:35px}.ribbon{font-size:9px;letter-spacing:1px}.scents{gap:20px}.scent-art{height:230px}footer{flex-wrap:wrap}}@media(max-width:700px){header{height:85px}.brand{font-size:15px;letter-spacing:2px}.brand small{font-size:6px}.brand img{width:44px;height:44px}nav{display:none}.nav-cta{font-size:10px;padding:8px}.hero{display:flex;flex-direction:column;padding:45px 6% 65px;min-height:auto}.eyebrow{font-size:8px;letter-spacing:1.9px;margin-bottom:20px}h1{font-size:40px;line-height:1.45;letter-spacing:-1px}.intro{font-size:13px}.hero-note{margin-top:30px;font-size:7px;gap:10px}.actions{margin-top:25px}.hero-art{height:370px;margin-top:40px}.hero-art svg{height:370px}.orbit{width:300px;height:300px;left:calc(50% - 150px);top:20px}.art-caption{font-size:10px;top:12px;right:5px}.image-note{font-size:8px}.ribbon{flex-wrap:wrap;gap:12px;padding:20px 5%;font-size:8px}.ribbon b:last-of-type{display:none}.ribbon span:last-child{display:none}.section{padding:60px 6%}h2{font-size:28px}.section-top{display:block}.section-top>p{font-size:12px}.filters{gap:7px}.filters button{font-size:10px;padding:8px 14px}.scents{grid-template-columns:1fr;gap:35px}.scent-art{height:280px}.oem{grid-template-columns:1fr;gap:35px}.oem-mark{min-height:350px}.oem-mark img{width:155px}.oem-mark p{font-size:18px;margin-top:22px}.steps{grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.steps h3{font-size:15px}.steps p{font-size:12px}.steps b{font-size:36px}.faq{padding-top:15px}summary{font-size:13px;gap:20px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:38px}form{padding:22px 18px}.form-grid{grid-template-columns:1fr;gap:0}.phone{font-size:30px}footer{padding:30px 6% 90px;display:block}footer .brand{margin-bottom:15px}.floating{bottom:16px;right:16px;padding:10px 16px;font-size:12px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Refined luxury typography and diamond collection */
body{font-size:18px;font-weight:400;line-height:1.9}header{height:144px;padding-inline:5%;gap:24px}.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;letter-spacing:2.5px;gap:20px}.brand img{width:108px;height:108px;box-shadow:0 0 0 1px #d4b77a55,0 5px 25px #0004;flex-shrink:0}.brand small{font-size:11px;letter-spacing:1.8px}nav{font-size:16px;gap:24px}.nav-cta{font-size:15px;padding:12px 20px;white-space:nowrap}h1,h2{font-family:'Noto Serif Thai',serif;font-weight:500;letter-spacing:-.5px}h1{font-size:clamp(48px,4.5vw,72px);line-height:1.5}h2{font-size:42px;line-height:1.6}.hero{padding-top:70px;grid-template-columns:1.12fr 1fr;min-height:840px}.eyebrow{font-size:13px;letter-spacing:2.2px}.intro,.muted{font-size:19px;font-weight:400}.button{font-size:17px;padding:17px 24px}.text-link{font-size:16px}.hero-note{font-size:12px;line-height:1.8;flex-wrap:wrap}.hero-art{display:flex;align-items:center;justify-content:center}.diamond-bottle{position:relative;z-index:1;width:115%;max-width:650px;height:650px;object-fit:contain;filter:drop-shadow(0 20px 22px #0005)}.art-caption{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;letter-spacing:3px;top:10px}.orbit{top:95px;left:calc(50% - 235px)}.image-note{font-size:12px;bottom:8px}.scroll{font-size:12px}.ribbon{font-size:15px;line-height:1.8;flex-wrap:wrap}.section-top>p{font-size:17px}.filters button{font-size:16px;padding:10px 23px}.scent .eyebrow{font-size:12px}.scent h3,h3{font-size:23px}.scent>p:not(.eyebrow){font-size:17px}.scent-art>small{font-size:11px;letter-spacing:1.6px}.scent-art>span{font-size:18px}.select-scent{font-size:16px}.subnote{font-size:14px}.oem{gap:70px}.oem-mark img{width:300px}.oem-mark p{font-family:'Cormorant Garamond',Georgia,serif;font-size:33px}.service>span{font-size:22px}.service h3{font-size:21px}.service p{font-size:16px}.steps b{font-size:58px}.steps p{font-size:17px}summary{font-size:20px;gap:25px}details p{font-size:17px}.contact h2{font-size:57px}.phone{font-size:42px}.line-row{font-size:18px;flex-wrap:wrap}.line-row button,#copy-quote{font-size:15px;padding:8px 15px}form h3{font-size:24px}label{font-size:16px}input,select,textarea{font-size:17px;padding:13px}footer .brand{font-size:26px}footer p,footer>span{font-size:14px}footer{flex-wrap:wrap}.floating{font-size:17px}.actions{flex-wrap:wrap}
@media(max-width:1150px){header{height:132px;flex-wrap:wrap;justify-content:space-between;gap:10px}.brand img{width:88px;height:88px}.brand{font-size:26px}nav{gap:16px;font-size:14px}.nav-cta{font-size:14px}.hero{grid-template-columns:1fr 1fr;padding-inline:5%;min-height:780px}h1{font-size:49px}.diamond-bottle{height:560px}.hero-note{font-size:10px}.oem{gap:35px}.oem-mark img{width:250px}.section-top{gap:35px}.contact{gap:30px}.contact h2{font-size:48px}.form-grid{grid-template-columns:1fr;gap:0}.steps{gap:24px}.brand small{font-size:10px}}
@media(max-width:850px){nav{display:none}.hero{display:flex;flex-direction:column;min-height:auto}.hero-copy{max-width:650px}.hero-art{height:520px;margin-top:35px}.diamond-bottle{height:540px;width:100%}.orbit{width:380px;height:380px;left:calc(50% - 190px);top:65px}.art-caption{right:5%}.scents{grid-template-columns:1fr}.scent-art{height:320px}.oem{grid-template-columns:1fr}.oem-mark{min-height:450px}.section-top{display:block}.contact{grid-template-columns:1fr}.section{padding:70px 6%}.hero-note{font-size:12px}.image-note{bottom:0}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body{font-size:17px}header{height:120px;padding-inline:5%;gap:12px}.brand{font-size:23px;gap:13px;letter-spacing:1.2px}.brand img{width:82px;height:82px}.brand small{font-size:9px;letter-spacing:.7px}.nav-cta{font-size:13px;padding:9px 12px}.hero{padding:44px 6% 70px}h1{font-size:44px;line-height:1.6}h2{font-size:33px;line-height:1.65}.eyebrow{font-size:11px;line-height:1.8;letter-spacing:1.5px}.intro,.muted{font-size:17px}.button{font-size:16px;gap:20px;padding:15px 20px}.text-link{font-size:15px}.hero-note{font-size:10px;gap:12px}.hero-art{height:430px}.diamond-bottle{height:455px}.orbit{width:310px;height:310px;left:calc(50% - 155px);top:50px}.art-caption{font-size:18px;top:4px}.image-note{font-size:11px}.scroll{font-size:10px}.ribbon{font-size:12px;gap:14px}.section{padding:56px 6%}.section-top>p{font-size:16px}.filters button{font-size:14px;padding:9px 15px}.scent-art{height:290px}.scent .eyebrow{font-size:12px}.scent h3{font-size:23px}.scent>p:not(.eyebrow){font-size:17px}.select-scent{font-size:16px}.subnote{font-size:13px}.oem-mark{min-height:400px}.oem-mark img{width:235px}.oem-mark p{font-size:28px}.service h3{font-size:20px}.service p{font-size:16px}.steps h3{font-size:20px}.steps p{font-size:16px}.steps b{font-size:48px}summary{font-size:18px}details p{font-size:16px}.contact h2{font-size:43px}.phone{font-size:35px}.line-row{font-size:17px}form{padding:26px 20px}form h3{font-size:22px}label{font-size:16px}input,select,textarea{font-size:16px}footer .brand{font-size:25px}footer p,footer>span{font-size:13px}.floating{font-size:15px}}
@media(max-width:420px){header{height:auto;min-height:125px;padding-block:16px;align-items:center}.brand img{width:76px;height:76px}.brand{font-size:21px;gap:10px}.brand small{font-size:8px}.nav-cta{font-size:12px;padding:7px 10px;margin-left:auto}h1{font-size:38px}.hero-note{font-size:9px}.contact h2{font-size:39px}.phone{font-size:31px}.steps{gap:20px}.steps h3{font-size:18px}}
.diamond-bottle{width:100%;max-width:590px;padding:25px;object-fit:contain}.image-note{max-width:100%;text-align:center;right:0;left:0}@media(max-width:700px){.diamond-bottle{padding:15px;max-width:440px}.image-note{font-size:11px}}
