/* Instance 3: cinematic product stage; the catalog remains the buying interface. */
/* Mobile composition is applied after the desktop stylesheet below. */
body{background:#f4f1e9}header{background:#080b0a;padding-block:25px;border-color:#ffffff15}.notice{background:#080b0a;color:#8c9387}.hero{background:#080b0a;min-height:calc(100svh - 120px);padding:70px 6% 95px;gap:0;grid-template-columns:1.05fr 1fr;overflow:hidden}.hero:before{background:radial-gradient(ellipse at 77% 50%,#91805528,transparent 40%),radial-gradient(ellipse at 20% 85%,#28443735,transparent 50%),linear-gradient(110deg,#080b0a 15%,transparent 65%)}.hero:after{content:'OEM / ODM';color:#9d9e89;letter-spacing:4px;bottom:30px}.hero h1{font-size:clamp(64px,7.5vw,116px);letter-spacing:-4px;line-height:1.04;max-width:850px;margin:30px 0;background:linear-gradient(115deg,#fff9ed 25%,#e4d1a2 60%,#a18a55);background-clip:text;-webkit-background-clip:text;color:transparent;text-wrap:balance}.hero>div:first-child{position:relative;z-index:2;pointer-events:none}.hero>div:first-child a,.hero>div:first-child button{pointer-events:auto}.hero .eyebrow{font-size:10px;letter-spacing:4px;color:#d6bc83}.hero .eyebrow:before{width:45px}.hero p{font-size:13px;max-width:430px;color:#a9b1a1;line-height:2}.hero .button{border-radius:0;background:#ddc38c;box-shadow:0 10px 50px #d3b87315;padding:21px 29px;position:relative;overflow:hidden}.hero .button:after{content:'';position:absolute;inset:-50% auto -50% -100%;width:50%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-25deg);transition:left .7s}.hero .button:hover:after{left:160%}.hero-tags{margin-top:36px}.hero-tags button{border:0;border-inline-end:1px solid #b7ad7d44;border-radius:0;padding:0 14px;background:transparent;color:#999f8f;font-size:10px}.hero-tags button:first-child{padding-inline-start:0}.hero-tags button:last-child{border:0}.hero-image{height:600px;padding:0;transform:perspective(1100px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));animation:none;isolation:isolate}.hero-image:before{inset:11% -7%;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,transparent 51%,#dbc48e1a 52%,transparent 53%);box-shadow:none;z-index:-1}.hero-image:after{inset:2% -6%;border:1px solid #d9c18a30;border-radius:50%;transform:rotate(-25deg) scaleX(.8);z-index:-1}.hero-image>img{clip-path:none;mix-blend-mode:normal;position:relative;z-index:1;filter:drop-shadow(0 25px 30px #0009) drop-shadow(0 0 30px #d3b77815);width:120%;max-width:none;height:100%;object-fit:contain;transform:rotate(-18deg);animation:stage-float 9s ease-in-out infinite}.hero-image>span{left:auto;right:0;bottom:35px;font-size:8px;letter-spacing:2px;color:#9d9e89;max-width:210px;text-align:end;line-height:1.8}.stage-orbit{position:absolute;inset:12% -15%;border:1px solid #bda36b20;border-radius:50%;transform:rotate(40deg) scaleY(.7);pointer-events:none}.stage-orbit:before{content:'';position:absolute;top:15%;left:12%;width:6px;height:6px;background:#e7d29b;border-radius:50%;box-shadow:0 0 20px 5px #dbc48e66}.stage-index{position:absolute;top:6%;right:0;font-size:10px;letter-spacing:3px;color:#9e9f8f}.stage-controls{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);display:flex;gap:14px;z-index:3;direction:ltr}.stage-controls button{width:64px;height:64px;border:1px solid #ffffff25;background:#20241c90;border-radius:50%;padding:7px;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.stage-controls button.active{border-color:#d7bb7b;background:#c1a56c25}.stage-controls button:hover{transform:translateY(-5px);border-color:#e8cf96}.stage-controls img{width:100%;height:100%;object-fit:contain;pointer-events:none}.stage-controls button:focus-visible{outline-offset:4px}.stage-light{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 65%,#c7a76017,transparent 55%);pointer-events:none}.scroll-progress{position:fixed;left:0;top:0;height:2px;background:#d7bb7b;z-index:100;width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left}.product-band{background:#131810;color:#a6ad98;padding:13px 5%;border-block:1px solid #ffffff16}.product-band button{font-size:11px;letter-spacing:2px;padding:16px 25px}.product-band button:hover{color:#ebd5a4}.product-band button:before{color:#bd9f60}#collection{padding-top:100px}.section-heading .eyebrow{letter-spacing:4px}.section-heading h2{font-size:clamp(38px,4.5vw,65px)}#grid{gap:45px 24px}.photo{border-radius:0;background:#e6e2d7}.card img{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.card:hover img{transform:scale(1.13) rotate(-4deg)}.card{animation:catalog-enter .65s ease both}.contact{background:#0c120e;min-height:330px}.contact h2{font-size:clamp(35px,4.5vw,65px);max-width:850px}.contact:before{width:650px;height:650px;top:-250px;border-color:#dbc58b33;box-shadow:0 0 0 75px #dbc58b06,0 0 0 150px #dbc58b04}.main-photo{background:#e8e4d9}.detail{padding-top:60px}.detail h1{font-size:clamp(30px,3.4vw,49px)}html[lang|=zh] .hero h1{font-size:clamp(52px,6.2vw,94px);line-height:1.18;letter-spacing:-2px}html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:clamp(43px,5.3vw,78px)}html[lang=ar] .hero h1{font-size:clamp(52px,6.7vw,98px);line-height:1.2;letter-spacing:0}html[dir=rtl] .hero-image>span{right:auto;left:0}html[dir=rtl] .stage-index{right:auto;left:0}@keyframes stage-float{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-18px) rotate(-11deg)}}@keyframes catalog-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero{padding-inline:max(6%,calc((100vw - 1440px)/2))}}@media(max-width:1000px){.hero{padding:65px 6% 90px}.hero h1{font-size:70px;letter-spacing:-2px}.hero-image{height:500px}.stage-controls{gap:10px}.stage-controls button{width:54px;height:54px}.hero-image>span{bottom:30px}.hero-secondary{margin-inline-start:16px;display:inline-block}.hero .button{padding:18px 20px}.hero p{font-size:12px}}@media(max-width:700px){header{padding-block:18px}.hero{grid-template-columns:1fr;padding:42px 7% 65px;gap:20px;min-height:0}.hero h1{font-size:63px;max-width:530px;letter-spacing:-2px;margin:23px 0}.hero p{max-width:460px;font-size:12px}.hero-image{height:390px;max-width:450px;margin-top:15px}.hero-image>img{width:110%}.hero-image:before,.hero-image:after{inset:7% 0}.stage-orbit{inset:17% -4%}.stage-index{top:10px;right:10px}.hero-image>span{bottom:40px;right:0;font-size:7px}.stage-controls{bottom:-5px;gap:12px}.stage-controls button{width:48px;height:48px}.hero:after{bottom:12px;font-size:8px}.hero-tags{margin-top:27px}.product-band{gap:2px;justify-content:space-between;padding:10px 4%}.product-band button{font-size:9px;padding:10px 7px;letter-spacing:.5px}.product-band button:before{margin-inline-end:6px}#collection{padding-top:55px}.section-heading h2{font-size:36px;line-height:1.25}#grid{gap:30px 14px}.contact h2{font-size:36px}.detail{padding-top:30px}html[lang|=zh] .hero h1{font-size:55px;line-height:1.2}html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:45px}html[lang=ar] .hero h1{font-size:55px}}@media(prefers-reduced-motion:reduce){.hero-image{transform:none!important}.hero-image>img{animation:none}.card{animation:none}}
/* Mobile first screen: show the actual product before supporting copy. */
@media(max-width:700px){
 .notice{display:none}header{display:flex;flex-wrap:nowrap;padding:14px 20px;min-height:64px;gap:12px}header .brand{font-size:13px;letter-spacing:1px;max-width:65%;line-height:1.4}nav{width:auto;gap:0;flex-shrink:0}nav>a{display:none}nav select{appearance:none;-webkit-appearance:none;border-radius:3px;background:#182019;padding:10px 25px 10px 12px;min-height:40px;max-width:138px;font-size:11px;background-image:linear-gradient(45deg,transparent 50%,#c7b88e 50%),linear-gradient(135deg,#c7b88e 50%,transparent 50%);background-position:calc(100% - 14px) 18px,calc(100% - 10px) 18px;background-size:4px 4px;background-repeat:no-repeat}
 .hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:calc(100svh - 64px);padding:22px 22px 28px;gap:12px}.hero>div:first-child{display:contents;animation:none}.hero .eyebrow{order:1;font-size:9px;letter-spacing:1.5px;line-height:1.5;gap:9px}.hero .eyebrow:before{width:22px}.hero h1,html[lang|=zh] .hero h1,html[lang=ar] .hero h1,html[lang=ko] .hero h1,html[lang=ja] .hero h1{order:2;font-size:clamp(30px,8.8vw,39px);line-height:1.2;letter-spacing:-.7px;margin:0;max-width:100%;text-wrap:balance}.hero-image{order:3;width:100%;height:clamp(240px,36svh,340px);max-width:420px;margin:0 auto 8px;padding:0;flex-shrink:0}.hero-image>img{width:100%;height:100%;filter:drop-shadow(0 10px 20px #0008);animation:mobile-float 8s ease-in-out infinite}.hero-image:before,.hero-image:after{inset:3% 6% 12%}.stage-orbit{inset:10% 0 15%}.stage-index{top:7px;right:0;font-size:8px;letter-spacing:2px}.hero-image>span{bottom:50px;right:0;max-width:155px;font-size:7px;letter-spacing:.5px}.stage-controls{bottom:-2px;gap:13px}.stage-controls button{width:44px;height:44px;padding:6px}.hero p{order:4;margin:0;font-size:11px;line-height:1.8;max-width:100%;color:#b9c0b0}.hero .button{order:5;align-self:stretch;justify-content:center;min-height:48px;margin:5px 0 0;padding:14px 20px;font-size:12px}.hero-secondary{order:6;align-self:center;margin:0;padding:9px 14px;font-size:11px;min-height:38px}.hero-tags{display:none}.hero:after{display:none}.product-band{flex-wrap:nowrap;padding:5px 10px;gap:0}.product-band button{min-height:44px;flex:1;font-size:10px;padding:10px 5px;letter-spacing:0}.product-band button:before{font-size:8px;margin-inline-end:5px}#collection{padding:40px 20px 45px}.section-heading h2{font-size:29px;margin-bottom:20px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px}#count{font-size:10px;margin-bottom:23px}#filters{gap:2px}#filters button{padding:10px;min-height:44px;font-size:11px}.tools{padding:14px 0 20px}.tools input{min-height:44px;font-size:13px}.card .original-title{display:none}.card h3{font-size:12px}.card small{margin-top:12px}.card .meta{font-size:9px}.detail h1{font-size:27px}.detail .spec{font-size:11px}.detail .button{display:flex;justify-content:center;min-height:48px}.contact{padding:38px 22px}.contact h2{font-size:31px}.contact .button{width:100%;justify-content:center;min-height:48px}footer{padding:25px 22px;gap:15px}html[dir=rtl] nav select{direction:ltr}html[dir=rtl] .stage-index{right:auto;left:0}
}
@media(max-width:380px){.hero{padding:18px 18px 23px;gap:10px}.hero h1,html[lang|=zh] .hero h1{font-size:31px}.hero-image{height:245px}.hero p{font-size:10px}}
@media(max-height:720px) and (max-width:700px){.hero{gap:9px;padding-block:18px}.hero-image{height:225px;min-height:225px}.hero h1,html[lang|=zh] .hero h1{font-size:31px}}
@keyframes mobile-float{0%,100%{transform:translateY(-4px) rotate(-12deg) scale(1.2)}50%{transform:translateY(-11px) rotate(-8deg) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.hero-image>img{animation:none!important}}
@media(max-width:700px){.hero-image>img{position:absolute;top:0;inset-inline:0;height:calc(100% - 54px);width:100%;margin:auto}.hero-image>span{display:none}.hero-image{touch-action:pan-y}}
.whatsapp-link{display:inline-block;margin-inline-start:14px;min-height:44px;line-height:44px;color:inherit;font-weight:700}