:root{--ink:#111715;--paper:#f7f5ef;--gold:#d7bc85;--muted:#7e8179;--line:#dddcd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b18a46;outline-offset:5px}.notice{background:#0f1915;color:#b7bcae;text-align:center;font-size:9px;letter-spacing:2px;padding:9px}header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 5%;background:#111b17;color:#f4f1e7;border-bottom:1px solid #ffffff1c}.brand{font:18px 'DM Sans',Arial,sans-serif;letter-spacing:3px;font-weight:600}header .brand{max-width:280px}nav{display:flex;gap:28px;align-items:center;font-size:12px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}select{border:1px solid #ffffff38;background:#17231d;color:#eee7d8;padding:9px 12px;max-width:145px;font-size:11px}main{overflow:hidden}.hero{position:relative;isolation:isolate;min-height:710px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;padding:65px 7% 90px;background:#111b17;color:#f7f3e8}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 30%,#52705a44,transparent 55%),linear-gradient(120deg,transparent 40%,#ffffff03 40.1%,transparent 40.3%)}.hero:after{content:'OEM / ODM';position:absolute;bottom:30px;right:7%;font-size:10px;letter-spacing:4px;color:#b5baa7}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:500;color:#8c7854}.hero .eyebrow{color:var(--gold);display:flex;align-items:center;gap:12px}.hero .eyebrow:before{content:'';width:32px;height:1px;background:var(--gold)}h1{font:clamp(48px,5.8vw,85px)/1.08 'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-2px;margin:29px 0;max-width:760px}.hero h1{max-width:650px}.hero p{max-width:465px;color:#c0c5b9;font-size:14px;line-height:1.95}p{line-height:1.9;color:#72796e}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 25px;background:var(--ink);color:#fff;font-size:12px;margin-top:23px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#344c3c}.hero .button{background:var(--gold);color:#152019}.hero .button:hover{background:#e8cea0}.hero-secondary{display:inline-block;font-size:12px;margin-inline-start:24px;padding:17px 0;border-bottom:1px solid #ffffff60;color:#e0e2d7}.hero-image{position:relative;width:100%;height:525px;display:grid;place-items:center;padding:42px;isolation:isolate}.hero-image:before{content:'';position:absolute;inset:10px 0;background:#ece7db;border-radius:50% 50% 9px 9px;transform:rotate(-6deg);z-index:-1;box-shadow:0 30px 100px #0004}.hero-image:after{content:'';position:absolute;inset:-7px 20px 22px -15px;border:1px solid #c6b58d55;border-radius:50% 50% 9px 9px;transform:rotate(7deg);z-index:-2}.hero-image>img{clip-path:ellipse(48% 47% at 50% 50%);width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-10deg);animation:float 8s ease-in-out infinite}.hero-image>span{position:absolute;bottom:30px;left:25px;color:#74664d;font-size:9px;letter-spacing:2px}.hero-mini{position:absolute;width:135px;height:158px;bottom:-25px;right:-18px;background:#faf8f0;padding:13px;box-shadow:0 18px 45px #0003;transform:rotate(9deg)}.hero-mini img{width:100%;height:110px;object-fit:contain;mix-blend-mode:multiply}.hero-mini small{display:block;text-align:center;color:#7a6d54;font-size:9px;letter-spacing:1px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.hero-tags span{font-size:10px;border:1px solid #ffffff26;color:#bbc3b6;padding:8px 12px}.product-band{display:flex;justify-content:space-around;align-items:center;gap:25px;flex-wrap:wrap;padding:25px 6%;background:#e5dfcf;color:#5c624f;font-size:11px;letter-spacing:2px}.product-band span:before{content:'✦';color:#a18853;margin-inline-end:18px}#collection{max-width:1500px;margin:auto;padding:90px 6% 95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}h2{font:clamp(30px,3.1vw,46px)/1.2 'Playfair Display',Georgia,serif;font-weight:400;margin:16px 0 28px;letter-spacing:-.6px}#count{font-size:11px;color:#818677;margin-bottom:30px;white-space:nowrap}.tools{display:flex;justify-content:space-between;gap:20px;padding:22px 0 30px;border-top:1px solid var(--line)}#filters{display:flex;gap:6px;flex-wrap:wrap}#filters button{border:1px solid transparent;background:transparent;padding:10px 17px;font-size:12px;color:#697261;cursor:pointer;transition:all .2s}#filters button:hover{background:#ebe9df}#filters button.active{background:#1c2a21;color:#fff}input{background:transparent;border:0;border-bottom:1px solid #b9bcae;padding:10px;width:250px;font-size:12px;min-width:0;color:#283528}#grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}.card{display:block;min-width:0;transition:transform .35s}.card:hover{transform:translateY(-7px)}.photo{background:#ebe9e0;overflow:hidden;position:relative}.photo:after{content:'↗';position:absolute;bottom:14px;right:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff9;color:#293a29;transition:transform .3s}.card:hover .photo:after{transform:rotate(45deg)}.card img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s}.card:hover img{transform:scale(1.07)}.card small{display:block;color:#8c7854;font-size:9px;letter-spacing:2px;margin:19px 0 9px}.card h3{font-size:14px;font-weight:500;line-height:1.6;margin:0 0 10px}.original-title{font-size:10px;line-height:1.6;color:#8c9082;margin:5px 0 13px}.card .meta{font-size:10px;color:#7a8172;display:flex;justify-content:space-between;border-top:1px solid #dedfd4;padding-top:11px}.contact{position:relative;background:#17271d;color:#f7f4e9;padding:70px 7%;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden}.contact:before{content:'';position:absolute;width:450px;height:450px;right:-150px;top:-220px;border:1px solid #d7bc8533;border-radius:50%;box-shadow:0 0 0 40px #d7bc8507,0 0 0 80px #d7bc8505;pointer-events:none}.contact .eyebrow{color:var(--gold)}.contact h2{max-width:740px}.contact p{max-width:650px;color:#b6c0ac}.contact .button{background:var(--gold);color:#17271d;flex-shrink:0;position:relative}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 6%;color:#808575;font-size:10px;background:#efeee6}footer .brand{color:#344333;font-size:14px}.detail{padding:45px 6% 85px;max-width:1500px;margin:auto}.back{font-size:12px;color:#7b846e}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:32px;align-items:start}.main-photo{width:100%;aspect-ratio:1;object-fit:contain;background:#ebe9e0;mix-blend-mode:multiply}.thumbs{display:flex;gap:10px;margin-top:15px}.thumbs button{border:1px solid #d5d8ca;background:#fff;cursor:pointer;padding:0}.thumbs button:hover{border-color:#9d8658}.thumbs img{width:75px;height:75px;object-fit:contain}.detail .eyebrow{margin-top:15px}.detail h1{font-size:clamp(27px,3vw,42px);line-height:1.25;letter-spacing:-.5px}.spec{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.spec span:last-child{color:#818674}.detail-note{font-size:11px;color:#929682}.description{margin-top:35px;border-top:1px solid var(--line);padding-top:15px;font-size:13px}.description h3{font-weight:500}.source{font-size:11px;color:#777}.hero>div:first-child{animation:enter .9s ease both}.hero-image{animation:enter 1.1s .1s ease both}html[lang|=zh] h1,html[lang|=zh] h2,html[lang=ar] h1,html[lang=ar] h2,html[lang=hi] h1,html[lang=hi] h2{font-family:Arial,sans-serif;letter-spacing:0}html[lang|=zh] .hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.3}html[dir=rtl] .hero-image>span{left:auto;right:25px}html[dir=rtl] .hero-mini{right:auto;left:-18px}@keyframes float{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-12px) rotate(-7deg)}}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.hero{padding-inline:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){.hero{padding:50px 5% 70px;gap:25px;min-height:620px}.hero-image{height:430px;padding:28px}.hero-mini{width:105px;height:130px;right:0}.hero-mini img{height:88px}.hero-secondary{margin-inline-start:0;display:block;width:max-content}.detail-layout{gap:35px}#grid{gap:30px 18px}.contact{flex-wrap:wrap}.contact .button{margin-top:0}}@media(max-width:700px){header{padding:21px 6%;gap:16px;flex-wrap:wrap}.brand{font-size:15px}nav{gap:18px;width:100%;justify-content:space-between;font-size:11px}select{font-size:10px;max-width:115px}.hero{grid-template-columns:1fr;padding:45px 7% 65px;gap:45px}.hero h1{font-size:48px;letter-spacing:-1px;max-width:560px}.hero p{font-size:13px}.hero-image{height:360px;max-width:450px;margin:0 auto;padding:28px}.hero-mini{right:0}.hero-tags{margin-top:25px}.hero:after{bottom:15px}.hero-secondary{display:inline-block;margin-inline-start:20px}.product-band{font-size:9px;gap:17px;padding:22px}.product-band span:before{margin-inline-end:10px}#collection{padding:55px 6%}.tools{flex-direction:column;gap:15px}#filters button{padding:9px 12px}input{width:100%}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 14px}.card h3{font-size:12px}.card small{font-size:8px}.original-title{font-size:9px}.contact{padding:45px 7%}.contact h2{font-size:32px}footer{flex-wrap:wrap;padding:30px 6%;line-height:1.7}.detail{padding:30px 6% 55px}.detail-layout{grid-template-columns:1fr;gap:30px}.detail h1{font-size:31px}.section-heading{gap:15px}h2{font-size:30px}#count{margin-bottom:28px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}html[lang|=zh] .hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card:hover,.card:hover img{transform:none}}
.hero-tags button{font-size:10px;border:1px solid #ffffff26;background:transparent;color:#bbc3b6;padding:8px 12px;cursor:pointer}.hero-tags button:hover{color:#fff;border-color:var(--gold)}.product-band button{border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;padding:10px 20px;cursor:pointer}.product-band button:before{content:'✦';color:#a18853;margin-inline-end:18px}.product-band button:hover{color:#17271d;text-decoration:underline;text-underline-offset:5px}

html[lang=ko] h1,html[lang=ko] h2,html[lang=ja] h1,html[lang=ja] h2,html[lang=th] h1,html[lang=th] h2{font-family:Arial,sans-serif;letter-spacing:0}html[lang=ko] .hero h1,html[lang=ja] .hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.3}