
:root{--red:var(--red);--ink:#141414;--gold:#c9a24a}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fafafa}
a{color:inherit;text-decoration:none}
.top{background:var(--ink);color:#ddd;font-size:13px;text-align:center;padding:7px}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw}
.logo{font-weight:900;font-size:24px;letter-spacing:2px}.logo span{color:var(--red)}.logo small{font-size:11px;letter-spacing:4px;color:#888;margin-left:6px}
nav a{margin:0 14px;font-size:15px}nav a:hover{color:var(--red)}
.cartbtn{background:none;border:1px solid #222;padding:8px 14px;cursor:pointer;font-size:14px}
.cartbtn b{background:var(--red);color:#fff;border-radius:10px;padding:0 7px;margin-left:4px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:radial-gradient(circle at 70% 50%,#3a2d18,#0d0d0d 70%);color:#fff;padding:60px 5vw;min-height:520px;overflow:hidden}
.hero h1{font-size:52px;line-height:1.2}.hero h1 em{font-style:normal;color:var(--gold)}
.hero p{margin:20px 0 30px;color:#ccc;max-width:480px;line-height:1.8}
.btn{display:inline-block;background:var(--red);color:#fff;padding:14px 32px;border:0;cursor:pointer;font-size:15px;letter-spacing:1px}
.btn.ghost{background:transparent;border:1px solid #fff;margin-left:10px}
.hero .imgs{display:flex;justify-content:center;gap:0}.hero .imgs img{width:200px;filter:drop-shadow(0 20px 30px #000)}
.hero .imgs img:nth-child(1){transform:rotate(-10deg) translateY(30px)}.hero .imgs img:nth-child(3){transform:rotate(10deg) translateY(30px)}
section{padding:70px 5vw}h2{font-size:32px;text-align:center;margin-bottom:10px}.sub{text-align:center;color:#777;margin-bottom:36px}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.col{position:relative;height:220px;overflow:hidden;cursor:pointer;color:#fff}
.col img{width:100%;height:100%;object-fit:cover;transition:.5s}.col:hover img{transform:scale(1.08)}
.col div{position:absolute;inset:0;background:linear-gradient(transparent 40%,#000c);display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
.col b{font-size:22px}.col span{font-size:13px;color:#ddd}
.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.filters button{border:1px solid #ccc;background:#fff;padding:9px 20px;cursor:pointer;font-size:14px}
.filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.card{background:#fff;border:1px solid #eee;cursor:pointer;transition:.25s;display:flex;flex-direction:column}
.card:hover{box-shadow:0 12px 30px #0002;transform:translateY(-4px)}
.card .pic{background:linear-gradient(#f3f3f3,#e4e4e4);aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.card .pic{overflow:hidden}.card .pic img{width:94%;height:auto;display:block}.card .info{padding:14px 16px 18px}
.tag{font-size:11px;color:var(--red);letter-spacing:1px}.card h3{font-size:17px;margin:4px 0}
.card .by{font-size:13px;color:#777}.card .pr{font-weight:700;margin-top:8px;font-size:17px}
.craft{background:#111;color:#eee;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.craft h2{grid-column:1/-1;color:#fff}.craft div{border-top:2px solid var(--gold);padding-top:16px}
.craft b{font-size:34px;color:var(--gold);display:block}.craft p{color:#aaa;line-height:1.7;font-size:14px;margin-top:6px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about p{line-height:1.9;color:#444;margin-bottom:12px}
.about img{width:100%}
footer{background:#0b0b0b;color:#999;padding:50px 5vw 30px;font-size:13px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}footer h4{color:#fff;margin-bottom:12px}footer li{list-style:none;margin:6px 0}
.pd{border-top:1px solid #222;padding-top:18px;line-height:1.8}
.ov{position:fixed;inset:0;background:#0009;z-index:50;display:none}.ov.show{display:block}
.modal{position:fixed;z-index:60;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:min(960px,94vw);max-height:92vh;overflow:auto;display:none;grid-template-columns:1fr 1fr}
.modal.show{display:grid}.modal .l{background:linear-gradient(#f5f5f5,#ddd);display:flex;align-items:center;justify-content:center;padding:30px}.modal .l{flex-direction:column;gap:6px}.modal .l .vw{display:flex;gap:4px}.modal .l .vw figure{margin:0;text-align:center;font-size:12px;color:#666}.modal .l img{width:100%;max-width:230px}
.lic{background:#111;color:#eee}.lic h2{color:#fff}.lic .sub{color:#aaa}.lic .card{background:#1c1c1c;color:#eee;cursor:default}.lic .card .pic{background:linear-gradient(#2a2a2a,#1a1a1a);position:relative}.badge{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:12px;padding:3px 9px}.lic .note2{font-size:12px;color:#aaa;line-height:1.7;margin:8px 0}.lic .btn[disabled]{opacity:.5;cursor:not-allowed}.lic a{color:#e8c97a}.btn.sm{padding:8px 16px;font-size:13px}
.modal .r{padding:36px}.modal h3{font-size:26px;margin:6px 0}.modal .story{color:#555;line-height:1.8;margin:16px 0;font-size:14px}
.fins{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 22px}.fins button{border:2px solid #ddd;background:#fff;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px}
.fins button.on{border-color:var(--ink)}.fins i{width:16px;height:16px;border-radius:50%;display:inline-block}
.x{position:absolute;right:14px;top:10px;font-size:28px;background:none;border:0;cursor:pointer}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(400px,92vw);background:#fff;z-index:70;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column}
.drawer.show{transform:none}.drawer header{position:static}.items{flex:1;overflow:auto;padding:10px 20px}
.it{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eee;align-items:center}.it img{width:56px}.it div{flex:1;font-size:14px}
.qty button{width:26px;height:26px;border:1px solid #ccc;background:#fff;cursor:pointer}.qty span{display:inline-block;width:26px;text-align:center}
.tot{padding:20px;border-top:1px solid #eee}.tot p{display:flex;justify-content:space-between;font-size:18px;margin-bottom:14px}
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:12px 24px;z-index:90;opacity:0;transition:.3s}.toast.show{opacity:1}
@media(max-width:800px){nav{display:none}.hero,.about,.modal.show{grid-template-columns:1fr}.hero h1{font-size:34px}.hero .imgs img{width:110px}.cols{grid-template-columns:1fr 1fr}.craft{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr 1fr}}
.specs{background:#fff}.spwrap{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start;max-width:1200px;margin:auto}
table.sp{width:100%;border-collapse:collapse;font-size:14px}table.sp th,table.sp td{border:1px solid #e3e3e3;padding:9px 10px;text-align:left;vertical-align:top}table.sp th{background:#f5f2ea;width:28%}table.sp thead th{background:var(--ink);color:#fff}
.note{font-size:12.5px;color:#8a5a00;background:#fff7e6;border-left:3px solid var(--gold);padding:10px 14px;margin-top:14px;line-height:1.7}.src{font-size:12px;color:#888;margin-top:10px;line-height:1.7}.src a{text-decoration:underline}
.eco{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.eco span{background:#eef6ee;color:#2d6a2d;padding:6px 12px;font-size:13px;border-radius:14px}
.mspec{font-size:13px;background:#f6f6f6;padding:12px 14px;line-height:1.8;margin-bottom:16px}.mspec b{color:var(--red)}
.artists{background:#f4efe6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:0 auto 40px}.steps div{background:#fff;padding:20px;border-top:3px solid var(--red)}.steps b{color:var(--red);font-size:26px}.steps p{font-size:13.5px;color:#555;line-height:1.7;margin-top:6px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto 40px}.tier{background:#fff;padding:24px;border:1px solid #e2d8c4}.tier h3{font-size:20px}.tier .pct{font-size:30px;font-weight:800;color:var(--red);margin:8px 0}.tier li{font-size:13.5px;color:#444;margin:6px 0 6px 18px;line-height:1.6}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:0 auto 40px}.feat div{background:#151515;color:#ddd;padding:20px}.feat h4{color:var(--gold);margin-bottom:8px}.feat p{font-size:13px;line-height:1.7;color:#aaa}
.dash{background:#fff;max-width:1200px;margin:0 auto 40px;padding:22px;border:1px solid #e2d8c4}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.kpis div{background:#faf7f0;padding:14px}.kpis b{display:block;font-size:22px}.kpis small{color:#888}
.bars{display:flex;align-items:flex-end;gap:10px;height:120px;border-bottom:1px solid #ddd}.bars i{flex:1;background:linear-gradient(var(--gold),#a77b2c);display:block}
.acards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto 40px}.acard{background:#fff;border:1px solid #e2d8c4;position:relative}.acard .demo{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:12px;padding:2px 8px}.acard .av{height:150px}.acard .bd{padding:16px}.acard p{font-size:13px;color:#555;line-height:1.7;margin-top:6px}
form.subm{max-width:820px;margin:auto;background:#fff;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:14px}form.subm label{font-size:13px;display:flex;flex-direction:column;gap:5px}form.subm input,form.subm select,form.subm textarea{border:1px solid #ccc;padding:9px;font:inherit;font-size:14px}form.subm .full{grid-column:1/-1}
@media(max-width:800px){.spwrap,.steps,.tiers,.feat,.acards,.kpis,form.subm{grid-template-columns:1fr}}
.filters button small{color:#999;font-size:12px;margin-left:2px}.filters button.on small{color:#ccc}.filters button.rl{border-color:#888;background:linear-gradient(90deg,#d9dce0,#f7f8f9,#c9ccd1)}.filters button.rl.on{background:#333;color:#fff}
.rcard .pic{background:linear-gradient(#2b2d31,#15161a)!important;position:relative}.lim{position:absolute;top:10px;left:10px;background:#c8ccd2;color:#111;font-size:12px;padding:3px 9px;z-index:1;letter-spacing:1px}
.optl{width:100%;font-size:13px;color:#666;margin:8px 0 2px}.rnote{width:100%;font-size:12px;color:#777;line-height:1.7;margin-top:8px}
.rel{background:linear-gradient(#1b1c20,#0e0f12);color:#ddd}.rel h2{color:#fff}.rel .sub{color:#aaa}.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto 30px}.rgrid div{border-top:2px solid #c8ccd2;padding-top:14px}.rgrid h4{color:#e9ecef;margin-bottom:8px}.rgrid p{font-size:13.5px;line-height:1.8;color:#aaa}
.rtab{max-width:1000px;margin:0 auto;border-collapse:collapse;width:100%;font-size:13.5px}.rtab td,.rtab th{border-bottom:1px solid #333;padding:10px;text-align:left}.rtab th{color:#c8ccd2}.rn{max-width:1000px;margin:18px auto 0;font-size:12.5px;color:#999;line-height:1.8}
@media(max-width:800px){.rgrid{grid-template-columns:1fr}}
.filters button.ll{border-color:#888;background:#1c1c1e;color:#ddd}.filters button.ll small{color:#aaa}.filters button.ll.on{background:#c9a24a;color:#111}
.lcard .pic{background:radial-gradient(#3a3b40,#16171a)!important;position:relative}.lim.lz{background:#c9a24a}
.lasr{background:#f3f1ec}.lgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.lgrid div{border-top:2px solid #c9a24a;padding-top:14px}.lgrid h4{margin-bottom:8px}.lgrid p{font-size:13.5px;line-height:1.8;color:#555}
@media(max-width:800px){.lgrid{grid-template-columns:1fr 1fr}}

/* ===== v2 widescreen polish ===== */
:root{--maxw:1560px;--gut:max(24px,calc((100% - var(--maxw))/2))}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.logo{font-family:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","STSong","SimSun",serif;letter-spacing:.02em}
header,section,footer{padding-left:var(--gut);padding-right:var(--gut)}
.hero{padding:70px var(--gut);min-height:0;height:clamp(480px,46vw,620px);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;background:radial-gradient(ellipse 60% 90% at 72% 55%,#4a3a1e,#0d0d0d 72%)}
.hero h1{font-size:clamp(36px,3.4vw,58px)}.hero p{font-size:16px}
.hero .imgs{gap:0;align-items:center}.hero .imgs img{width:clamp(110px,11vw,190px);height:auto;flex:none;margin:0 -12px}
.hero .imgs img:nth-child(1){transform:rotate(-14deg) translateY(46px)}.hero .imgs img:nth-child(2){transform:rotate(-6deg) translateY(14px)}.hero .imgs img:nth-child(3){transform:none;z-index:2;width:clamp(130px,13vw,220px)}.hero .imgs img:nth-child(4){transform:rotate(6deg) translateY(14px)}.hero .imgs img:nth-child(5){transform:rotate(14deg) translateY(46px)}
.cols{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.col{height:200px;border-radius:6px}
#shop{scroll-margin-top:60px}
.toolbar{position:sticky;top:61px;z-index:15;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:blur(10px);margin:0 -12px 28px;padding:12px;border-bottom:1px solid #eee}
.toolbar .filters{justify-content:flex-start;gap:8px;margin-bottom:10px}.filters button{padding:7px 14px;font-size:13.5px;border-radius:18px;transition:.2s}.filters button:hover{border-color:#333}
.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.srch{flex:1 1 320px;max-width:520px;display:flex;align-items:center;gap:8px;border:1px solid #ccc;border-radius:20px;padding:0 14px;background:#fff;color:#888}.srch:focus-within{border-color:#222;color:#222}
.srch input{border:0;outline:0;flex:1;padding:9px 0;font-size:14px;font-family:inherit;background:none}
#sort{padding:8px 12px;border:1px solid #ccc;border-radius:20px;font-size:14px;font-family:inherit;background:#fff}.rc{font-size:13px;color:#888;margin-left:auto}
.grid{grid-template-columns:repeat(auto-fill,minmax(max(220px,calc((100% - 5*24px)/6)),1fr));gap:24px}
.card{border-radius:8px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.card .pic{aspect-ratio:5/6;position:relative}.card .pic img{position:absolute;inset:0;margin:auto;width:auto;height:98%;max-width:96%;object-fit:contain;transition:opacity .45s ease,transform .45s ease}
.card .pic img.v1{opacity:0}.card .pic img.v1.ld{opacity:1}.card:hover .pic img.v1.ld{opacity:0}.card .pic img.v2{opacity:0}.card:hover .pic img.v2{opacity:1}
.card:hover .pic img{transform:scale(1.03)}.card .pic .lim,.card .pic .badge{z-index:3}
.card .info{flex:1;display:flex;flex-direction:column;padding:14px 16px 16px}.card h3{font-size:16.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.card .by{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .pr{margin-top:auto;padding-top:8px}
.hov{position:absolute;right:10px;bottom:8px;font-size:11px;color:#888;z-index:3;opacity:0;transition:.3s}.card:hover .hov{opacity:1}
.empty{grid-column:1/-1;text-align:center;color:#999;padding:60px 0}
.lic .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.lic .card .pic img{opacity:1}
.cols .col img{transition:transform .5s,opacity .4s}
@media(max-width:800px){.hero{height:auto;padding:40px 20px}.hero .imgs img{width:76px;margin:0 -8px}.hero .imgs img:nth-child(3){width:96px}
.toolbar{top:57px;margin:0 -20px 20px;padding:10px 14px}.toolbar .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.toolbar .filters::-webkit-scrollbar{display:none}.filters button{flex:none}
.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card .info{padding:10px}.card h3{font-size:14.5px}.card .by{font-size:12px}.card .pr{font-size:15px}.card .pr small{display:none}.rc{width:100%;margin:0}.srch{flex-basis:100%}header,section,footer{padding-left:20px;padding-right:20px}}


.owners,.swap,.compat,.faq{padding:70px 5vw;max-width:1560px;margin:auto}
.owners{background:#fff}.ogrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:26px}.ogrid div{border:1px solid #eee;padding:20px;background:#fafafa}.ogrid b{color:var(--red);font-size:22px}.ogrid h4{margin:8px 0}.ogrid p{font-size:14px;color:#555;line-height:1.6}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:26px 0}.sstep{background:#fff;border:1px solid #e5e5e5;padding:22px;text-align:center}.sstep svg{width:160px;height:160px}.sstep b{display:inline-block;background:var(--red);color:#fff;border-radius:50%;width:28px;height:28px;line-height:28px;margin:6px 0}.sstep p{font-size:14px;color:#555;line-height:1.6}
.compat{background:#fff}.ccbox{border:1px solid #e5e5e5;padding:22px;margin-top:20px;background:#fafafa}.ccbtns{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.ccbtns button{border:1px solid #ccc;background:#fff;padding:9px 14px;cursor:pointer;font:inherit;font-size:14px}.ccbtns button i{font-style:normal;font-weight:700;margin-right:6px}.ccbtns .s-ok i{color:#2e7d32}.ccbtns .s-warn i{color:#c77700}.ccbtns .s-no i{color:var(--red)}.ccbtns button.on{border-color:#141414;box-shadow:inset 0 0 0 1px #141414}
.ccres{padding:16px;border-left:5px solid #2e7d32;background:#fff;line-height:1.7}.ccres.s-warn{border-color:#c77700}.ccres.s-no{border-color:var(--red)}.ccres p{margin-top:6px;font-size:14px;color:#444}
.faq details{border-bottom:1px solid #e5e5e5;padding:16px 0}.faq summary{cursor:pointer;font-weight:700;font-size:16px}.faq details p{margin-top:10px;color:#444;line-height:1.7;font-size:14px}.fqlist{max-width:900px;margin:20px auto 0}
#langSel{margin-right:12px;padding:7px 8px;border:1px solid #222;background:#fff;font:inherit;font-size:14px}.refn{font-size:12px;color:#999;margin-top:12px}
@media(max-width:1100px){.ogrid{grid-template-columns:repeat(2,1fr)}.sgrid{grid-template-columns:1fr}}
:lang(en) body,:lang(de) body,:lang(fr) body,:lang(it) body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
:lang(en) h1,:lang(en) h2,:lang(en) h3,:lang(de) h1,:lang(de) h2,:lang(de) h3,:lang(fr) h1,:lang(fr) h2,:lang(fr) h3,:lang(it) h1,:lang(it) h2,:lang(it) h3{font-family:Georgia,"Times New Roman",serif}
:lang(ja) body{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",Meiryo,"Noto Sans CJK JP","Noto Sans JP",sans-serif}
:lang(ja) h1,:lang(ja) h2,:lang(ja) h3{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP","Noto Serif JP",serif}
:lang(ko) body{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR","Noto Sans KR",sans-serif;word-break:keep-all}
:lang(ko) h1,:lang(ko) h2,:lang(ko) h3{font-family:"Noto Serif CJK KR","Noto Serif KR","Nanum Myeongjo",serif}
:lang(zh-TW) body{font-family:"PingFang TC","Microsoft JhengHei UI","Microsoft JhengHei","Noto Sans CJK TC","Noto Sans TC",sans-serif}
:lang(zh-TW) h1,:lang(zh-TW) h2,:lang(zh-TW) h3{font-family:"Songti TC","Noto Serif CJK TC","Noto Serif TC",PMingLiU,serif}
nav a{white-space:nowrap}nav{display:flex;flex-wrap:wrap;justify-content:center;row-gap:6px}
.logo{display:inline-flex;align-items:center;gap:8px;font-family:"Didot","Bodoni 72","Playfair Display","Cormorant Garamond","Noto Serif","Songti SC","Noto Serif CJK SC",Georgia,serif!important}.logo .wm{font-weight:600;letter-spacing:.22em;font-size:22px}.logo .lgm{flex:none}.logo small{letter-spacing:.18em;font-family:inherit}

@font-face{font-family:"Cinzel";src:url("/fonts/Cinzel-VariableFont_wght.sub.woff2") format("woff2");font-weight:400 900;font-display:swap}
:root{--red:#BE1E1E;--red-d:#9E1616;--ink:#121212;--ink2:#1c1c1c;--paper:#F5F1EA;--gold:#B8944A}
body{background:var(--paper);color:var(--ink)}
.top{background:#0a0a0a;color:var(--paper)}
header{background:var(--ink);color:var(--paper);border-bottom:1px solid #2a2a2a}
header nav a:hover{color:var(--red)}
.logo{gap:12px}.logo .lgm{width:34px;height:34px;display:block}
.logo .wm,footer .logo .wm{font-family:"Cinzel",serif!important;font-weight:580;letter-spacing:.3em;font-size:21px;color:var(--paper)}
.logo small{color:#9a958c!important}
.cartbtn{border-color:#555;color:var(--paper)}.cartbtn:hover{border-color:var(--red)}
#langSel{background:var(--ink2);color:var(--paper);border-color:#555}
.btn{background:var(--red)}.btn:hover{background:var(--red-d)}.btn.ghost{background:transparent;border-color:var(--paper)}.btn.ghost:hover{background:#ffffff14}
.hero{background:radial-gradient(ellipse 60% 90% at 72% 55%,#3a1410,var(--ink) 72%)!important;color:var(--paper)}
.hero h1 em{color:var(--red)}
.card .pr,.modal .pr{color:var(--red)}
.tag{color:var(--red)}
.card .pic{background:radial-gradient(circle at 50% 40%,#2a2a2a,var(--ink) 75%)}
.modal .l{background:radial-gradient(circle at 50% 40%,#2a2a2a,var(--ink) 80%)}.modal .l .vw figure{color:#aaa}
.filters button.on{background:var(--red);border-color:var(--red);color:#fff}
.toolbar{background:rgba(245,241,234,.94)}
.craft{background:var(--ink)}
footer{background:var(--ink);color:#9a958c;border-top:3px solid var(--red)}footer h4{color:var(--paper)}
.lim,.lim.lz{background:var(--gold)!important;color:#121212}
.filters button.ll.on{background:var(--gold)}
.toast{background:var(--ink);color:var(--paper);border-left:4px solid var(--red)}
.cartbtn b{background:var(--red)}


.mnav{display:contents}.burger{display:none}
.logo small{font-family:"Cinzel",serif!important;font-weight:500;letter-spacing:.28em;font-size:10.5px}
section,.owners,.swap,.compat,.faq,.specs,.lasr{background:var(--paper)!important}
.lic,.craft,.rel{background:var(--ink)!important}
.card,.sstep,.ogrid div,.ccbox,.tier,.acard,.dash,.steps div{background:#FBF9F5}
img{max-width:100%}html,body{overflow-x:clip}
@media(max-width:900px){
 body>header{padding:0 16px!important;height:52px;gap:10px}
 .logo .wm{font-size:17px!important;letter-spacing:.24em!important}.logo .lgm{width:28px!important;height:28px!important}.logo small{display:none}
 .cartbtn{margin-left:auto;min-height:44px;padding:0 12px;border:0}
 .burger{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:0 10px;margin-right:-10px}
 .burger i{display:block;height:1.5px;background:var(--paper);border-radius:1px;transition:transform .3s}
 body.menu-open .burger i:first-child{transform:translateY(4.25px) rotate(45deg)}body.menu-open .burger i:last-child{transform:translateY(-4.25px) rotate(-45deg)}
 .mnav{display:flex;flex-direction:column;position:fixed;left:0;right:0;top:52px;bottom:0;background:var(--ink);padding:12px 28px 40px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s,transform .3s,visibility .3s;z-index:40}
 body.menu-open .mnav{opacity:1;visibility:visible;transform:none}body.menu-open{overflow:hidden}
 .mnav nav{display:flex!important;flex-direction:column;align-items:stretch}
 .mnav nav a{margin:0;font-size:24px;font-weight:600;color:var(--paper);padding:12px 0;min-height:48px;border-bottom:1px solid #222}
 .mnav #langSel{margin:24px 0 0;min-height:48px;font-size:16px;padding:0 12px;width:100%}
 .top{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;padding:6px 12px}
 .toolbar{top:52px!important}
 .hero{grid-template-columns:1fr!important;height:auto!important;padding:36px 20px 48px!important;gap:24px;text-align:left}
 .hero h1{font-size:clamp(28px,8vw,40px)!important}.hero p{font-size:15px}.hero .imgs{overflow:hidden;padding:20px 0}
 .btn{min-height:44px;padding:12px 22px}.btn.ghost{margin:10px 0 0}
 h2{font-size:clamp(22px,6vw,30px)!important}section,.owners,.swap,.compat,.faq{padding:44px 20px!important}
 .ogrid,.sgrid,.steps,.tiers,.feat,.acards,.rgrid,.kpis{grid-template-columns:1fr!important}.lgrid,.craft{grid-template-columns:1fr 1fr!important}
 .spwrap,.about{grid-template-columns:1fr!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .filters button,.ccbtns button,#sort{min-height:44px}.srch input{min-height:42px}
 .modal.show{display:block!important;top:0;left:0;transform:none;width:100vw;height:100%;max-height:none;border-radius:0}
 .modal .l{padding:56px 16px 16px}.modal .r{padding:22px 20px 40px}.x{position:fixed!important;width:44px;height:44px;z-index:5;background:#fffc!important;border-radius:50%!important}
 .fins button{min-height:44px}.fgrid{grid-template-columns:1fr 1fr!important}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:359px){.grid{grid-template-columns:1fr!important}.fgrid{grid-template-columns:1fr!important}}


.card .pic{aspect-ratio:3/4!important}
.card .pic img{height:84%!important;max-width:90%!important;width:auto!important}
.card .pic img.v2{height:84%!important}
.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:28px!important}
@media(min-width:1800px){.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}}
.gtog{display:none}.heroone{display:none}
.modal .l .vw{flex-direction:column;align-items:center;gap:10px}
.modal .l .vw figure:first-child img{max-width:300px;width:100%}
.modal .l .vw figure:nth-child(2){width:88px;cursor:pointer;border:1px solid #444;border-radius:6px;padding:4px;background:#1c1c1c}
.modal .l .vw figure:nth-child(2) img{max-width:78px}.modal .l .vw figure:nth-child(2) figcaption{font-size:10px;line-height:1.3}
@media(max-width:900px){
 .grid{grid-template-columns:1fr!important;gap:18px!important}
 .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .card .pic img,.card .pic img.v2{height:86%!important}
 .gtog{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ccc;border-radius:22px;background:#fff;color:#222;cursor:pointer;margin-left:auto}
 .gtog .g2{fill:currentColor}.gtog .g1{display:none}.gtog[aria-pressed=true] .g2{display:none}.gtog[aria-pressed=true] .g1{display:inline}
 .rc{width:auto!important;flex:1}
 .hero .imgs{display:none!important}.heroone{display:block;width:min(62vw,280px);margin:0 auto;filter:drop-shadow(0 24px 34px #000)}
 .modal .l .vw figure:first-child img{max-width:78vw}
}
@media(max-width:359px){.grid.two{grid-template-columns:1fr!important}}


.modal .pr,#mPrice{color:var(--red)!important}
.pmav{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 8px}.pmav::-webkit-scrollbar,.pmch::-webkit-scrollbar,.pmrow::-webkit-scrollbar{display:none}
.av{flex:none;width:68px;background:none;border:0;cursor:pointer;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:5px;font:inherit;color:var(--ink);transition:transform .15s}
.av .ring{width:60px;height:60px;border-radius:50%;padding:2px;border:2px solid transparent;display:block;transition:border-color .2s}.av.on .ring{border-color:var(--red)}
.av img,.av .all{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600}
.av b{font-size:11.5px;font-weight:500;line-height:1.25;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av.on b{color:var(--red);font-weight:700}
.pmch{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px}.pmch button{flex:none;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #d8d2c6;background:#fff;font:inherit;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .15s,background .2s}.pmch button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.card,.av,.pmch button,.pmva,.btn,.pmopts button{-webkit-tap-highlight-color:transparent}.card:active,.av:active,.pmch button:active,.pmva:active,.pmopts button:active,.btn:active{transform:scale(.96)!important}
.grid.pmg{display:block!important}.pmsec{margin:0 0 40px}.pmsh2{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;border-bottom:1px solid #e3dccf;padding-bottom:10px}.pmsh2 h3{font-size:20px}.pmsh2 small{color:#888;font-size:12.5px}
.pmva{background:none;border:0;color:var(--red);font:inherit;font-size:14px;cursor:pointer;min-height:44px;padding:0 4px;white-space:nowrap}
.pmrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
@media(min-width:1800px){.pmrow{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}
.pmback{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pmback button{min-height:44px;border:1px solid #ccc;background:#fff;border-radius:22px;padding:0 16px;cursor:pointer;font:inherit}.pmback b{font-size:20px}.pmback small{color:#888}
.pmsh{position:fixed;z-index:80;left:50%;bottom:0;width:min(560px,100vw);transform:translate(-50%,105%);background:var(--paper);border-radius:18px 18px 0 0;max-height:82vh;display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px #0004}
.pmsh.show{transform:translate(-50%,0)}.pmgrip{height:28px;flex:none;cursor:grab;position:relative}.pmgrip:after{content:"";position:absolute;left:50%;top:10px;width:40px;height:5px;border-radius:3px;background:#c9c2b5;transform:translateX(-50%)}
.pmshb{overflow:auto;padding:0 20px 10px}.pmshb h4{margin:10px 0 10px;font-size:15px}.pmopts{display:flex;flex-wrap:wrap;gap:8px}.pmopts button{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid #d8d2c6;background:#fff;font:inherit;font-size:14px;cursor:pointer}.pmopts button.on{border-color:var(--red);color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.pmshf{display:flex;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e3dccf}.pmshf .btn{flex:1;min-height:48px}.btn.ghost2{background:#fff;color:var(--ink);border:1px solid #bbb}
.pmsov{position:fixed;inset:0;background:#0007;z-index:79;opacity:0;visibility:hidden;transition:.3s}.pmsov.show{opacity:1;visibility:visible}
html.pmlock,html.pmlock body{overflow:hidden}
@media(min-width:901px){.pmch .flt{display:none}}
@media(max-width:900px){.toolbar .filters,.toolbar #sort{display:none!important}.toolbar .tools{gap:8px}.toolbar .srch{flex:1 1 0;min-width:0}.toolbar .srch input{min-height:40px}.toolbar .rc{display:none}.toolbar{padding:8px 12px 4px!important}
 .pmrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -20px;padding:0 20px 6px;scroll-padding:0 20px}
 .pmrow .card{flex:0 0 70vw;max-width:300px;scroll-snap-align:start}.pmrow .card .info{padding:10px 12px 12px}
 .pmsec{margin-bottom:30px}.pmsh2 h3{font-size:18px}.gtog{display:none!important}.toolbar.flat .gtog{display:inline-flex!important}
}


.card .pic,.lic .card .pic,.lcard .pic,.rcard .pic{background:radial-gradient(circle at 50% 42%,#F4F2EE,#EFECE7 70%)!important}
.modal .l{background:radial-gradient(circle at 50% 40%,#F4F2EE,#EFECE7 75%)!important}.modal .l .vw figure{color:#666!important}.modal .l small{color:#777!important}
.modal .l .vw figure:nth-child(2){background:#fff!important;border-color:#d8d2c6!important}
.av img{background:#EFECE7}
.card .pic img{filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}


@media(max-width:900px){
 .grid.two{gap:10px 8px!important}
 .pmrow{gap:8px!important}.pmrow .card{flex:0 0 44vw!important;max-width:220px!important}
 .grid.two .card .info,.pmrow .card .info{padding:8px 9px 10px!important}
 .grid.two .card h3,.pmrow .card h3{font-size:13.5px!important;line-height:1.35;min-height:2.7em;margin:2px 0}
 .grid.two .card .tag,.pmrow .card .tag{font-size:10px}
 .grid.two .card .by,.pmrow .card .by{font-size:11.5px}.grid.two .card .by+.by,.pmrow .card .by+.by{display:none}
 .grid.two .card .pr,.pmrow .card .pr{font-size:14px;color:var(--red)}.grid.two .card .pr small,.pmrow .card .pr small{display:none}
 .grid.two .lim,.pmrow .lim{font-size:10px!important;padding:2px 6px!important}
}
.card .pr{color:var(--red)}


html,body{overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}
body{max-width:100%;position:relative}
.drawer{visibility:hidden;transition:transform .3s,visibility 0s linear .3s}.drawer.show{visibility:visible;transition:transform .3s,visibility 0s}
.pmav,.pmch,.pmrow,.toolbar .filters{overscroll-behavior-x:contain;touch-action:pan-x pan-y}
h1,h2,h3,h4,p,.card h3{overflow-wrap:anywhere}
.pmsh{visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}.pmsh.show{visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s}
@media(min-width:901px){.toolbar .filters{display:none!important}}

.col{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.col div{pointer-events:none}@media(hover:none){.col:hover img{transform:none}.card:hover{transform:none;box-shadow:none}.card:hover .pic img.v1.ld{opacity:1}.card:hover .pic img.v2{opacity:0}.card:hover .pic img{transform:none}.card:hover .hov{opacity:0}}

.pmall{display:none}
@media(max-width:768px){
 .pmrow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px!important;overflow:visible!important;margin:0!important;padding:0!important;scroll-snap-type:none!important;touch-action:auto!important}
 .pmrow .card{flex:none!important;max-width:none!important;width:auto!important}
 .pmrow .card:nth-child(n+7){display:none}
 .pmall{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:12px;border:1px solid #d8d2c6;border-radius:23px;background:#fff;color:var(--ink);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
 .pmall:active{transform:scale(.97)}
 .pmrow .card .pic{background:radial-gradient(circle at 50% 42%,#F4F2EE,#EFECE7 70%)!important}
}
@media(max-width:359px){.pmrow{grid-template-columns:1fr}}


:root{--maxw:1600px}
@media(min-width:2200px){:root{--maxw:1880px}}
@media(min-width:769px){
 #grid.grid:not(.pmg),#grid .pmrow{display:grid!important;grid-template-columns:repeat(var(--cols),minmax(0,1fr))!important;gap:var(--gap)!important;overflow:visible!important;margin:0!important;padding:0!important}
 #grid .pmrow .card{flex:none!important;max-width:none!important;width:auto!important}
 #grid .card .pic{aspect-ratio:3/4!important}
 #grid .card .pic img{height:86%!important;max-width:92%!important;width:auto!important;object-fit:contain!important}
 #grid .card h3{font-size:15px;min-height:2.7em}#grid .card .info{padding:12px 14px 14px}
 #grid .card .by{font-size:12.5px}#grid .card .pr{font-size:16px}
}
@media(min-width:769px) and (max-width:1023px){:root{--cols:3;--gap:20px}}
@media(min-width:1024px) and (max-width:1279px){:root{--cols:4;--gap:20px}}
@media(min-width:1280px){:root{--cols:5;--gap:20px}}
@media(min-width:2200px){:root{--cols:6;--gap:24px}}
@media(min-width:769px){#grid .pmrow .card{display:flex}}
@media(min-width:769px) and (max-width:1023px){#grid .pmrow .card:nth-child(n+7){display:none}}
@media(min-width:1024px) and (max-width:1279px){#grid .pmrow .card:nth-child(n+9){display:none}}
@media(min-width:1280px) and (max-width:2199px){#grid .pmrow .card:nth-child(n+11){display:none}}
@media(min-width:2200px){#grid .pmrow .card:nth-child(n+13){display:none}}
@media(min-width:769px) and (max-width:900px){#grid .pmall{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:12px;border:1px solid #d8d2c6;border-radius:23px;background:#fff;font:inherit;font-weight:600;cursor:pointer}}


:root{--navh:54px;--tbh:48px}
@media(max-width:900px){:root{--navh:48px;--tbh:46px}}
body>header{position:sticky!important;top:0;z-index:1100!important;height:var(--navh)!important;padding-top:0!important;padding-bottom:0!important;background:rgba(245,241,234,.82)!important;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(18,18,18,.08)!important;color:var(--ink)!important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s;z-index:30}
body.nav-hide>header{transform:translateY(-100%)}
body>header .logo .wm{color:var(--ink)!important;font-size:19px!important}.logo .lgm{width:30px!important;height:30px!important}
body>header nav a{color:#2a2622;font-size:14px;letter-spacing:.02em}body>header nav a:hover{color:var(--red)}
body>header .cartbtn{color:var(--ink);border:1px solid rgba(18,18,18,.18);border-radius:18px;min-height:34px;padding:0 14px}
body>header #langSel{background:transparent;color:var(--ink);border:1px solid rgba(18,18,18,.18);border-radius:18px;min-height:34px;padding:0 10px}
.burger i{background:var(--ink)!important}
.top{background:#ECE6DC!important;color:#5c554c!important;font-size:12px!important;padding:5px 12px!important}
@media(max-width:900px){body>header{height:48px!important}.mnav{top:48px!important}.mnav #langSel{background:#1c1c1c!important;color:var(--paper)!important;border-color:#444!important}body.menu-open>header{background:#121212!important}body.menu-open>header .wm,body.menu-open>header .cartbtn{color:var(--paper)!important}body.menu-open .burger i{background:var(--paper)!important}}
/* discovery (non-sticky) */
.pmdisc{margin:0 0 6px}.pmdisc .pmav{padding:6px 2px 12px}.pmdisc .srch{max-width:520px;margin:4px 0 6px}
/* slim sticky toolbar */
.toolbar{position:sticky!important;top:var(--navh)!important;height:var(--tbh);margin:0 calc(-1*var(--gut,24px)) 22px!important;padding:0 var(--gut,24px)!important;background:rgba(245,241,234,.9)!important;-webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px);border-bottom:1px solid transparent!important;display:flex;align-items:center;gap:10px;z-index:25;transition:top .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
body.nav-hide .toolbar{top:0!important}
.toolbar.stuck{box-shadow:0 6px 18px -12px rgba(18,18,18,.35);border-bottom-color:rgba(18,18,18,.07)!important}
.toolbar>.filters,.toolbar>.tools,.toolbar #pmch{display:none!important}
.pmtb-chips{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;align-items:center;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}.pmtb-chips::-webkit-scrollbar{display:none}
.pmc{flex:none;height:32px;padding:0 13px;border-radius:16px;border:1px solid rgba(18,18,18,.14);background:transparent;color:#2a2622;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .15s;-webkit-tap-highlight-color:transparent}
.pmc:hover{border-color:rgba(18,18,18,.4)}.pmc.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pmc.tag{background:#fff;border-color:var(--red);color:var(--red);padding:0 8px 0 12px}.pmc.tag i{font-style:normal;margin-left:6px;opacity:.8}
.pmtb-l{flex:none;display:flex;gap:4px;align-items:center;max-width:42vw}.pmtb-l .pmc.art{max-width:100%;overflow:hidden;text-overflow:ellipsis}.pmc.tag.x{width:32px;padding:0;justify-content:center}.pmc.art{font-weight:600}.pmc.art.has{border-color:var(--red);color:var(--red)}
.pmtb-r{flex:none;display:flex;align-items:center;gap:10px;padding-left:4px}.pmtb-r .rc2{font-size:12.5px;color:#8a8379;white-space:nowrap}
.pmtb-r select{height:32px;border-radius:16px;border:1px solid rgba(18,18,18,.14);background:transparent;padding:0 10px;font:inherit;font-size:13px;color:#2a2622}
.pmtb-r .pmflt{display:none}
.pmc:active{transform:scale(.95)}
/* artist panel */
.pmap{position:fixed;z-index:85;background:var(--paper);box-shadow:0 18px 50px -10px rgba(18,18,18,.35);border:1px solid rgba(18,18,18,.08);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .2s,transform .25s,visibility 0s linear .25s}
.pmap.show{opacity:1;visibility:visible;transition:opacity .2s,transform .25s,visibility 0s}
.pmap .aps{margin:14px 16px 8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(18,18,18,.16);border-radius:18px;padding:0 12px;background:#fff}.pmap .aps input{border:0;outline:0;flex:1;height:36px;font:inherit;font-size:14px;background:none}
.pmap .apg{overflow:auto;padding:6px 12px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}
.pmap .apg button{background:none;border:0;border-radius:10px;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;color:var(--ink);min-height:44px;transition:background .15s}
.pmap .apg button:hover{background:#ece6dc}.pmap .apg button.on{color:var(--red)}.pmap .apg button.on img{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--red)}
.pmap .apg img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#EFECE7}.pmap .apg b{font-size:11.5px;font-weight:500;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pmap .apg small{font-size:10.5px;color:#999}
.pmap .aph{display:none}
@media(min-width:901px){.pmap{width:560px;max-height:min(70vh,560px);border-radius:14px;transform:translateY(-6px)}.pmap.show{transform:none}}
@media(max-width:900px){.pmap{left:0;right:0;bottom:0;max-height:78vh;border-radius:18px 18px 0 0;transform:translateY(100%)}.pmap.show{transform:none}.pmap .aph{display:block;height:24px;flex:none;position:relative}.pmap .aph:after{content:"";position:absolute;left:50%;top:9px;width:40px;height:5px;border-radius:3px;background:#c9c2b5;transform:translateX(-50%)}
 .pmtb-r .rc2,.pmtb-r select{display:none}.pmtb-r .pmflt{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;border-radius:16px;border:1px solid rgba(18,18,18,.14);background:transparent;color:var(--ink);cursor:pointer}
 .toolbar{margin:0 -20px 16px!important;padding:0 12px 0 16px!important}.pmc{height:32px;font-size:12.5px;padding:0 11px}
 .pmtb-chips{gap:5px}
}
.pmapov{position:fixed;inset:0;z-index:84;background:transparent;display:none}.pmapov.show{display:block}
@media(max-width:900px){.pmapov.show{background:#0006}}
@media(prefers-reduced-motion:reduce){body>header,.toolbar,.pmap{transition:none!important}}


:root{--paper:#FFFFFF;--ink:#1D1D1F;--sub:#6E6E73;--hair:#D2D2D7;--lg:#F5F5F7}
body{background:#fff!important;color:var(--ink)}
section,.owners,.swap,.compat,.faq,.specs,.lasr,.about,.artists{background:#fff!important}
section:nth-of-type(even):not(.lic):not(.craft):not(.rel){background:var(--lg)!important}
#shop{background:#fff!important}
.card,.sstep,.ogrid div,.ccbox,.tier,.acard,.dash,.steps div{background:#fff;border-color:var(--hair)!important}
section:nth-of-type(even) .ogrid div,section:nth-of-type(even) .sstep,section:nth-of-type(even) .tier{background:#fff!important}
.card .pic,.lic .card .pic,.lcard .pic,.rcard .pic,.pmrow .card .pic,#grid .card .pic{background:var(--lg)!important}
#grid .card{border:0;background:#fff}#grid .card .info{background:#fff}
.modal .l{background:var(--lg)!important}.modal .r{background:#fff}.modal .l .vw figure:nth-child(2){border-color:var(--hair)!important}
.av img,.pmap .apg img{background:var(--lg)}
.card .by,.sub,.pmsh2 small,.pmtb-r .rc2,.about p,.ogrid p,.sstep p{color:var(--sub)!important}
.pmsh2{border-bottom-color:var(--hair)!important}
body>header{background:rgba(255,255,255,.78)!important;border-bottom:1px solid rgba(0,0,0,.08)!important}
body>header nav a{color:var(--ink)}
.toolbar{background:rgba(255,255,255,.86)!important}
.top{background:var(--lg)!important;color:var(--sub)!important}
.pmc{border-color:var(--hair);color:var(--ink)}.pmc.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pmtb-r select,.pmch button,.pmopts button,.pmall,.pmback button,.gtog,.srch,#sort{border-color:var(--hair)!important;background:#fff}
.pmsh,.pmap{background:#fff}.pmap .apg button:hover{background:var(--lg)}.pmshf{border-top-color:var(--hair)!important}
.toolbar .srch,.pmdisc .srch{background:var(--lg)!important;border-color:transparent!important}
.filters button{border-color:var(--hair)}
footer{background:#1D1D1F!important}
.hero{background:radial-gradient(ellipse 60% 90% at 72% 55%,#3a1410,#121212 72%)!important}
table.sp th{background:var(--lg)!important}table.sp th,table.sp td{border-color:var(--hair)!important}
.mspec{background:var(--lg)!important}.pmtb-r select{line-height:30px;padding:0 24px 0 12px!important;height:32px}
.faq details{border-bottom-color:var(--hair)!important}


@font-face{font-family:"Cormorant Garamond";src:url("/fonts/CormorantGaramond-VariableFont_wght.sub.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/fonts/CormorantGaramond-Italic-VariableFont_wght.sub.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
.hero.hero2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center;gap:clamp(24px,5vw,96px);background:linear-gradient(180deg,#fff 0%,#F5F5F7 100%)!important;color:var(--ink)!important;height:auto!important;min-height:clamp(560px,calc(100vh - 80px),860px);padding:clamp(48px,6vw,96px) var(--gut)!important;overflow:hidden;position:relative}
.h2t{max-width:560px}
.h2eb{font-family:"Cinzel",serif;font-weight:500;font-size:12px;letter-spacing:.42em;color:var(--sub);margin-bottom:22px}
.hero2 h1{font-family:"Cormorant Garamond","Songti SC","Noto Serif CJK SC","Source Han Serif SC","Hiragino Mincho ProN","Noto Serif CJK JP","Noto Serif KR",serif!important;font-weight:500;font-size:clamp(40px,4.6vw,80px)!important;line-height:1.08;letter-spacing:-.01em;color:var(--ink)}
.hero2 h1 em{font-style:italic;color:var(--ink)!important;font-weight:500}
:lang(zh-CN) .hero2 h1,:lang(zh-TW) .hero2 h1,:lang(ja) .hero2 h1,:lang(ko) .hero2 h1{font-size:clamp(34px,3.7vw,62px)!important;line-height:1.25;letter-spacing:.02em}
.hero2 p{margin:26px 0 34px;color:var(--sub)!important;font-size:clamp(15px,1.1vw,18px)!important;line-height:1.7;max-width:460px}
.h2cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero2 .btn{border-radius:980px;padding:13px 28px;font-size:15px;letter-spacing:.01em;min-height:44px}
.h2link{color:var(--ink);font-size:15px;border-bottom:1px solid transparent;transition:border-color .2s}.h2link:after{content:" ›"}.h2link:hover{border-bottom-color:var(--ink)}
.h2stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.h2pieces{position:relative;width:min(100%,clamp(260px,26vw,440px));aspect-ratio:928/1301;will-change:transform}
.h2p{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity 1.4s ease,transform 6s ease;filter:drop-shadow(0 40px 50px rgba(0,0,0,.18))}
.h2p.on{opacity:1;transform:scale(1)}
.h2floor{width:min(80%,420px);height:26px;margin-top:-6px;background:radial-gradient(ellipse at center,rgba(0,0,0,.13),transparent 70%);filter:blur(4px)}
.h2cap{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12.5px;color:var(--sub);letter-spacing:.02em;min-height:44px}
#h2cap{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:16px;color:#3a3a3c}
.h2dots{display:flex;gap:4px}.h2dots button{width:28px;height:28px;border:0;background:none;cursor:pointer;position:relative}.h2dots button:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#c7c7cc;transform:translate(-50%,-50%);transition:background .3s,width .3s}.h2dots button.on:after{background:var(--ink);width:18px;border-radius:3px}
.hero2 .heroone,.hero2 .imgs{display:none!important}
@media(max-width:900px){.hero.hero2{grid-template-columns:1fr!important;min-height:0;padding:40px 22px 36px!important;text-align:center;gap:18px}
 .h2t{margin:0 auto}.h2eb{margin-bottom:14px;font-size:11px}.hero2 p{margin:16px auto 22px;font-size:15px!important}.h2cta{justify-content:center;gap:20px}
 .h2pieces{width:min(64vw,300px)}.h2stage{order:2}}
@media(prefers-reduced-motion:reduce){.h2p{transition:none}}


@media(min-width:901px){
 :root{--navh:44px}
 body>header{height:44px!important}
 body>header .logo .wm{font-size:15px!important;letter-spacing:.28em!important}body>header .logo .lgm{width:22px!important;height:22px!important}body>header .logo small{display:none}
 body>header nav{flex-wrap:nowrap!important;justify-content:space-between;flex:1;max-width:980px;margin:0 auto;padding:0 24px}
 body>header nav a{margin:0!important;font-size:12px!important;font-weight:400;letter-spacing:-.01em;color:rgba(29,29,31,.8)!important;white-space:nowrap;line-height:44px;transition:color .2s}
 body>header nav a:hover{color:#000!important}
 body>header .cartbtn,body>header #langSel{min-height:26px!important;height:26px;font-size:12px!important;padding:0 10px!important;border-radius:13px}
 body>header #langSel{margin-right:8px}
}
/* backdrop-filter on header made it the containing block of the fixed menu -> move blur to a pseudo layer */
body>header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important;isolation:isolate}
body>header:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px)}
@media(max-width:900px){
 body.menu-open>header{z-index:1000!important;transform:none!important}
 body.menu-open>header:before{background:#fff}
 body.menu-open>header{background:#fff!important}body.menu-open>header .wm,body.menu-open>header .cartbtn{color:var(--ink)!important}body.menu-open .burger i{background:var(--ink)!important}
 .mnav{position:fixed!important;top:48px!important;left:0;right:0;bottom:auto!important;height:calc(100vh - 48px);height:calc(100dvh - 48px);background:#fff!important;z-index:999;overflow-y:auto;overscroll-behavior:contain;padding:8px 32px calc(40px + env(safe-area-inset-bottom))!important}
 .mnav nav a{color:var(--ink)!important;font-size:26px!important;font-weight:600!important;letter-spacing:-.01em;border-bottom:0!important;padding:10px 0!important;min-height:52px;display:flex;align-items:center;opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s}
 body.menu-open .mnav nav a{opacity:1;transform:none}
 body.menu-open .mnav nav a:nth-child(2){transition-delay:.02s}body.menu-open .mnav nav a:nth-child(3){transition-delay:.04s}body.menu-open .mnav nav a:nth-child(4){transition-delay:.06s}body.menu-open .mnav nav a:nth-child(5){transition-delay:.08s}body.menu-open .mnav nav a:nth-child(6){transition-delay:.1s}body.menu-open .mnav nav a:nth-child(n+7){transition-delay:.12s}
 .mnav #langSel{background:#F5F5F7!important;color:var(--ink)!important;border:0!important;border-radius:12px;margin-top:28px!important}
 body.menu-open{overflow:visible!important;overflow-x:clip!important}
}


.h2facts{list-style:none;display:flex;gap:0;margin:44px 0 0;padding:22px 0 0;border-top:1px solid var(--hair);max-width:520px}
.h2facts li{flex:1;padding-right:18px;display:flex;flex-direction:column;gap:4px}.h2facts li+li{padding-left:18px;border-left:1px solid var(--hair)}
.h2facts b{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:28px;line-height:1;color:var(--ink);letter-spacing:-.01em}
.h2facts span{font-size:12px;line-height:1.45;color:var(--sub)}
@media(min-width:901px){.hero.hero2{min-height:clamp(560px,calc(100vh - 74px),820px);align-items:center}.h2t{align-self:center}.h2pieces{width:min(100%,clamp(260px,24vw,400px))}}
@media(max-width:900px){
 .hero.hero2{padding:16px 20px 30px!important;gap:10px}
 .h2stage{order:-1!important}.h2pieces{width:auto;height:min(50svh,440px);max-width:72vw;aspect-ratio:928/1301}
 .h2floor{height:14px;margin-top:-4px}
 .h2cap{margin-top:8px;gap:2px;min-height:0}#h2cap{font-size:13px}.h2dots button{width:24px;height:24px}
 .h2eb{display:none}
 .hero2 h1{font-size:clamp(26px,7.4vw,34px)!important;line-height:1.18}
 :lang(zh-CN) .hero2 h1,:lang(zh-TW) .hero2 h1,:lang(ja) .hero2 h1,:lang(ko) .hero2 h1{font-size:clamp(24px,6.8vw,30px)!important}
 .hero2 p{margin:10px auto 16px;font-size:14px!important;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .hero2 .btn{padding:11px 24px;font-size:14px}.h2cta{gap:16px}
 .h2facts{margin:26px auto 0;padding-top:16px}.h2facts b{font-size:22px}.h2facts span{font-size:11px}.h2facts li{padding-right:10px}.h2facts li+li{padding-left:10px}
}


/* ---- square tiles: discovery row ---- */
.pmav{gap:12px!important}
.av{width:84px!important;gap:7px!important}
.av .ring{width:84px!important;height:84px!important;border-radius:14px!important;padding:0!important;border:0!important;background:#F5F5F7;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);transition:box-shadow .2s}
.av img,.av .all{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover!important;display:block}
.av .all{display:flex!important;align-items:center;justify-content:center;background:#1D1D1F!important;color:#fff!important;font-size:13px;letter-spacing:.06em}
.av.on .ring{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--red)!important}
.av b{font-size:11.5px!important;font-weight:500!important;color:var(--ink);max-width:84px;text-align:center;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;min-height:2.6em}
.av.on b{color:var(--red)!important}
:lang(en) .av b,:lang(de) .av b,:lang(fr) .av b,:lang(it) .av b{text-transform:uppercase;letter-spacing:.04em;font-size:10.5px!important}
@media(max-width:900px){.av{width:72px!important}.av .ring{width:72px!important;height:72px!important;border-radius:12px!important}.av b{max-width:72px}}
/* ---- artist picker panel ---- */
.pmap .apg{display:block!important;padding:4px 20px 22px!important}
.apgrp{margin:14px 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sub);display:flex;align-items:baseline;gap:8px}.apgrp small{font-weight:400;letter-spacing:0;text-transform:none}
.aptiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}
.aptile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:7px;min-width:0;-webkit-tap-highlight-color:transparent}
.aptile .sq{display:block;width:100%;aspect-ratio:1/1;border-radius:12px;background:#F5F5F7;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}
.aptile .sq img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.aptile:hover .sq{transform:translateY(-2px);box-shadow:0 8px 20px -10px rgba(0,0,0,.3)}
.aptile.on .sq{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--red)}
.aptile b{font-size:12px;font-weight:500;line-height:1.3;color:var(--ink);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:lang(en) .aptile b,:lang(de) .aptile b,:lang(fr) .aptile b,:lang(it) .aptile b{text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.aptile small{font-size:11px;color:var(--sub);text-align:center;margin-top:-4px}
.aptile.on b{color:var(--red)}
.aptile.soon{cursor:default}.aptile.soon .sq{background:linear-gradient(135deg,#F5F5F7,#E8E8ED);display:flex;align-items:center;justify-content:center}
.aptile.soon .sq span{font-weight:200;font-size:30px;color:#86868b;text-align:center;padding:0 6px}
.aptile.soon b{color:var(--sub)}
.pmap .apg button{min-height:0!important;padding:0!important;background:none!important;border-radius:0!important}
.pmap .apg button img{width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important}
@media(min-width:901px){.pmap{width:min(820px,calc(100vw - 48px))!important;max-height:min(72vh,640px)!important}}
@media(max-width:900px){.aptile.soon:nth-of-type(n+4){display:none}.aptiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.pmap .apg{padding:4px 16px calc(24px + env(safe-area-inset-bottom))!important}}
/* ---- Artist IP homepage section ---- */
.ipsec{background:#fff!important;padding-top:80px!important;padding-bottom:80px!important}
.ipsec .ipeb{font-family:"Cinzel",serif;font-size:12px;letter-spacing:.38em;color:var(--sub);text-align:center;margin-bottom:12px}
.ipsec h2{font-family:"Cormorant Garamond","Songti SC","Noto Serif CJK SC",serif!important;font-weight:500;font-size:clamp(30px,3.2vw,48px)!important;letter-spacing:-.01em}
.ipsec .sub{max-width:640px;margin:0 auto 40px!important;line-height:1.7}
.ipgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1280px;margin:0 auto}
.ipcard{display:flex;flex-direction:column;gap:12px;text-align:left;cursor:pointer}
.ipcard .ipimg{aspect-ratio:4/5;border-radius:18px;background:#F5F5F7;overflow:hidden;position:relative}
.ipcard .ipimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ipcard.soon{cursor:default}.ipcard.soon .ipimg{background:linear-gradient(160deg,#F5F5F7 0%,#ECECF0 100%);display:flex;align-items:center;justify-content:center}
.ipcard.soon .ipimg:before{content:"";width:38%;aspect-ratio:3/4;border-radius:10px;border:1px dashed #c7c7cc}
.ipcard.soon .ipimg span{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-family:"Cinzel",serif;font-size:11px;letter-spacing:.3em;color:#86868b}
.ipcard h3{font-size:17px!important;margin:0;font-weight:600}.ipcard p{font-size:13px;color:var(--sub);margin:0}
.ipcta{display:flex;justify-content:center;gap:24px;align-items:center;margin-top:44px;flex-wrap:wrap}
.ipcta .btn{border-radius:980px;padding:13px 28px}
.ipnote{text-align:center;font-size:12.5px;color:var(--sub);margin-top:16px}
@media(max-width:900px){.ipgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ipsec{padding-top:56px!important;padding-bottom:56px!important}.ipcard .ipimg{border-radius:14px}.ipcard h3{font-size:15px!important}}
/* ---- per-IP landing page (overlay route #ip/<slug>) ---- */
.ippage{position:fixed;inset:0;z-index:95;background:#fff;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;transition:opacity .25s,visibility 0s linear .25s}
.ippage.show{visibility:visible;opacity:1;transition:opacity .25s}
.ipp-top{position:sticky;top:0;z-index:2;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gut,24px);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}
.ipp-top button{all:unset;cursor:pointer;font-size:14px;min-height:44px;display:flex;align-items:center}
.ipp-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:56px var(--gut,24px);background:#F5F5F7}
.ipp-hero img{width:100%;max-height:70vh;object-fit:contain;border-radius:18px}
.ipp-hero h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(36px,4vw,64px);margin:6px 0 16px}
.ipp-hero .bio{color:var(--sub);line-height:1.8;max-width:520px}
.ipp-grid{padding:48px var(--gut,24px)}
.iplim{display:inline-block;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.06em;padding:3px 9px;border-radius:4px}
@media(max-width:900px){.ipp-hero{grid-template-columns:1fr;gap:20px;padding:24px 20px}.ipp-grid{padding:24px 20px}}


.h2pieces{aspect-ratio:1792/1568!important;width:min(100%,560px)!important}
.h2p{filter:none!important}
.h2floor{display:none}
.h2scale{font-size:12px;letter-spacing:.04em;color:#6e6e73;font-variant-numeric:tabular-nums}
@media(min-width:901px){.hero.hero2{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important}.h2pieces{width:min(100%,clamp(420px,38vw,600px))!important}}
@media(max-width:900px){.h2pieces{height:auto!important;width:min(88vw,400px)!important;max-width:none!important}.h2scale{font-size:11px}.hero.hero2{padding-top:8px!important}}

.logo .wm,footer .logo .wm,body>header .logo .wm{font-family:"Cinzel",serif!important;font-weight:580!important;letter-spacing:.28em!important;font-synthesis:none}

#hero.hero2{position:relative!important;display:flex!important;align-items:center;overflow:hidden;background:#0a1322!important;color:#fff!important;min-height:0!important;height:min(calc(100vh - 73px),56.25vw,980px)!important;padding:0 max(24px,calc((100vw - 1200px)/2))!important;isolation:isolate}
#hero .hsc{position:absolute;inset:0;z-index:-1;display:block}#hero .hsv{position:absolute;top:0;right:0;height:100%;width:auto;aspect-ratio:1920/720;max-width:none;object-fit:cover;z-index:-1;opacity:0;transition:opacity .6s;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%);mask-image:linear-gradient(90deg,transparent 0,#000 10%)}#hero .hsv.on{opacity:1}#hero .hsv{transition:none}@media (min-width:901px){#hero .hsv{opacity:1}}#hero .hsg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,19,34,.72) 0,rgba(10,19,34,.35) 38%,rgba(10,19,34,0) 55%)}
#hero .hsc img{position:absolute;top:0;right:0;height:100%;width:auto;max-width:none;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%);mask-image:linear-gradient(90deg,transparent 0,#000 10%)}
#hero .h2stage,#hero .h2facts,#hero .h2floor{display:none!important}
#hero .h2t{position:relative;max-width:520px;margin:0!important;text-align:left}
#hero .h2eb{color:rgba(255,255,255,.55)!important}
#hero.hero2 h1,#hero.hero2 h1 em{color:#f5f5f7!important}
#hero.hero2 p{color:rgba(245,245,247,.78)!important;-webkit-line-clamp:unset!important;display:block!important}
#hero .h2link{color:#f5f5f7!important}#hero .h2link:hover{border-bottom-color:#f5f5f7}
#hero .hsc-ai{position:absolute;right:16px;bottom:12px;font-size:11px;letter-spacing:.02em;color:rgba(255,255,255,.42);z-index:1;pointer-events:none}
@media(max-width:900px){
 #hero.hero2{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box;height:max(560px,min(177.78vw,calc(100svh - 92px)))!important;aspect-ratio:auto;min-height:0;padding:0!important;text-align:center;overflow:hidden}
 #hero .hsc,#hero .hsv{left:0!important;right:0!important;top:0;bottom:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover}
 #hero .hsg{display:none}#hero .hsv{width:100%;height:100%;aspect-ratio:auto;object-position:62% 45%;-webkit-mask-image:none;mask-image:none}#hero .hsc img{width:100%;height:100%;object-fit:cover;object-position:62% 45%;-webkit-mask-image:none;mask-image:none}
 #hero .h2t{position:absolute;left:0;right:0;bottom:0;max-width:none;padding:36px 20px 22px!important;text-align:center;background:linear-gradient(180deg,rgba(10,19,34,0) 0%,rgba(10,19,34,.18) 40%,rgba(10,19,34,.48) 78%,rgba(10,19,34,.62) 100%)}
 #hero .hsc-ai{top:10px;bottom:auto;right:12px;font-size:10px}
}


/* desktop hero: video at native 1280x720 (<=1.0x), fixed composition centred on a 1440 stage; sides extended with a matching Starry Night still (night/starry layers synced to the video) */
#hero .hx{display:none}
@media(min-width:901px){
 #hero.hero2{--vl:max(0px,min(100% - 1280px,50% - 560px));width:100%!important;max-width:none!important;box-sizing:border-box;height:min(56.25vw,720px)!important;min-height:0!important;padding:0 24px 0 max(min(6.5vw,94px),calc(50% - 626px))!important}
 #hero .hsv,#hero .hsc img{left:var(--vl)!important;right:auto!important;top:0!important;width:min(100%,1280px)!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:62% 45%!important;-webkit-mask-image:none!important;mask-image:none!important}
 #hero .hsg{left:calc(var(--vl) - 620px)!important;right:auto!important;width:1500px;background:linear-gradient(90deg,rgba(10,19,34,0) 0,rgba(10,19,34,.72) 460px,rgba(10,19,34,.55) 760px,rgba(10,19,34,.2) 1080px,rgba(10,19,34,0) 1340px)!important}
 #hero .hsc-ai{right:16px;bottom:12px}
}
@media(min-width:1281px){
 #hero.hero2{--cx:960px;--bw:1920px}
 #hero .hx{display:block;position:absolute;top:0;height:100%;z-index:-2;pointer-events:none;left:calc(var(--vl) - 1360px + var(--cx));width:var(--bw);background:no-repeat 0 0/100% 100%}
 #hero .hxn{background-image:url(/images/hero/vext-n-1920.webp)}
 #hero .hxs{opacity:0}
 #hero.hxr .hxs{background-image:url(/images/hero/vext-s-1920.webp)}
 #hero .hxt{-webkit-mask-image:linear-gradient(180deg,#000 38%,transparent 62%);mask-image:linear-gradient(180deg,#000 38%,transparent 62%)}
 #hero .hxb{-webkit-mask-image:linear-gradient(180deg,transparent 38%,#000 62%);mask-image:linear-gradient(180deg,transparent 38%,#000 62%)}
 #hero .hsv,#hero .hsc img{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 55px,rgba(0,0,0,.5) 110px,rgba(0,0,0,.84) 165px,#000 220px,#000 calc(100% - 220px),rgba(0,0,0,.84) calc(100% - 165px),rgba(0,0,0,.5) calc(100% - 110px),rgba(0,0,0,.16) calc(100% - 55px),transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 55px,rgba(0,0,0,.5) 110px,rgba(0,0,0,.84) 165px,#000 220px,#000 calc(100% - 220px),rgba(0,0,0,.84) calc(100% - 165px),rgba(0,0,0,.5) calc(100% - 110px),rgba(0,0,0,.16) calc(100% - 55px),transparent 100%)!important}
}
@media(min-width:1921px){
 #hero.hero2{--cx:640px;--bw:2560px}
 #hero .hxn{background-image:url(/images/hero/vext-n-2560.webp)}
 #hero.hxr .hxs{background-image:url(/images/hero/vext-s-2560.webp)}
}
@media(min-width:2561px){
 #hero.hero2{--cx:0px;--bw:3840px}
 #hero .hxn{background-image:url(/images/hero/vext-n-3840.webp)}
 #hero.hxr .hxs{background-image:url(/images/hero/vext-s-3840.webp)}
}


/* phones/tablets: Pop Mart overlay blend (hero-text-blend style).
   Compact banner → video covers 100% (text fused, no navy slab / letterbox).
   Absolute person scale ≈ prior 40% strip, further shrunk vs full-vh cover.
   Desktop untouched. HD sources via starry()/pillars(). */
@media(max-width:900px){
 #hero.hero2{height:clamp(380px,96vw,520px)!important;min-height:0!important;padding:0!important;display:block!important;background:#0a1322!important;overflow:hidden;position:relative!important}
 #hero.hero2 .hsc{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;background:transparent!important}
 #hero.hero2 .hsv,#hero.hero2 .hsv-b,#hero.hero2 .hsv-c,#hero.hero2 .hsv-d,#hero.hero2 .hsc img,#hero.hero2 .hsc-b img,#hero.hero2 .hsc-c img,#hero.hero2 .hsc-d img{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;transform:none!important;object-fit:cover!important;object-position:62% 40%!important;-webkit-mask-image:none!important;mask-image:none!important}
 #hero.hero2 .hsc img{opacity:1!important;z-index:-1}
 #hero.hero2 .hsv{z-index:-1}
 #hero.hero2 .hsv.on,#hero.hero2 .hsv-b.on,#hero.hero2 .hsv-c.on,#hero.hero2 .hsv-d.on{opacity:1!important}
 #hero.hero2 .h2t{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;max-width:none!important;margin:0!important;padding:72px 22px 22px!important;background:linear-gradient(180deg,rgba(10,19,34,0) 0%,rgba(10,19,34,.05) 35%,rgba(10,19,34,.28) 62%,rgba(10,19,34,.48) 85%,rgba(10,19,34,.55) 100%)!important;text-align:center;pointer-events:none;backdrop-filter:none}
 #hero.hero2 .h2t a,#hero.hero2 .h2t .btn{pointer-events:auto}
 #hero.hero2 h1,#hero.hero2 h1 em{text-shadow:0 2px 18px rgba(0,0,0,.5);font-size:clamp(22px,5.6vw,28px)!important;line-height:1.2!important}
 :lang(zh-CN) #hero.hero2 h1,:lang(zh-TW) #hero.hero2 h1,:lang(ja) #hero.hero2 h1,:lang(ko) #hero.hero2 h1{font-size:clamp(20px,5.2vw,26px)!important;line-height:1.28!important}
 #hero.hero2 p{text-shadow:0 1px 10px rgba(0,0,0,.4);color:rgba(245,245,247,.9)!important;font-size:13px!important;line-height:1.45!important;margin:8px auto 14px!important;max-width:28em;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1!important;overflow:hidden!important}
 #hero.hero2 .hsc-ai{top:8px!important;bottom:auto!important;right:10px!important;z-index:2}
}
@media(max-width:599px){
 /* phones: still taller full-bleed, text tucked on soft bottom gradient */
 #hero.hero2{height:clamp(340px,88vw,460px)!important}
 #hero.hero2 .hsv,#hero.hero2 .hsc img{object-position:60% 38%!important}
 #hero.hero2 .h2t{padding:64px 16px 18px!important}
 #hero.hero2 h1,#hero.hero2 h1 em{font-size:clamp(20px,5.4vw,24px)!important}
 :lang(zh-CN) #hero.hero2 h1,:lang(zh-TW) #hero.hero2 h1,:lang(ja) #hero.hero2 h1,:lang(ko) #hero.hero2 h1{font-size:clamp(18px,5vw,22px)!important}
 #hero.hero2 p{font-size:12px!important;margin:6px auto 12px!important}
}


/* one continuous Starry Night video: original 1280x720 untouched in the centre (native size), sides extended & moving in sync (AI-assisted). Mobile ≤900px: same hw1920 overall-shrunk, top-flush (no top letterbox); framing owned by heromob. */
@media(min-width:1281px){
 #hero .hx{display:none!important}
 #hero.hero2{--lc:400px;--wc:1920px}
 #hero.hero2 .hsv,#hero.hero2 .hsc img{left:calc(var(--vl) - var(--lc))!important;right:auto!important;top:0!important;width:var(--wc)!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;-webkit-mask-image:none!important;mask-image:none!important}
}
@media(min-width:1921px){#hero.hero2{--lc:720px;--wc:2560px}}
@media(min-width:2561px){#hero.hero2{--lc:1200px;--wc:3520px}}
@media(min-width:3521px){#hero.hero2 .hsv,#hero.hero2 .hsc img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 160px,#000 calc(100% - 160px),transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 160px,#000 calc(100% - 160px),transparent 100%)!important}}
@media(max-width:900px){
 /* mobile framing owned by heromob (desktop hw* + overall shrink) */
 #hero.hero2{padding:0!important}
}



/* Pop Mart-style multi-video hero carousel (Starry + Pillars) — 1920×720 composition */
#hero .hsv-b{position:absolute;top:0;right:0;height:100%;width:auto;aspect-ratio:1920/720;max-width:none;object-fit:cover;z-index:-1;opacity:0;transition:opacity .7s;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%);mask-image:linear-gradient(90deg,transparent 0,#000 10%)}
#hero .hsv-b.on{opacity:1}
#hero .hsc-b{position:absolute;inset:0;z-index:-1;display:block;opacity:0;transition:opacity .7s;pointer-events:none}
#hero .hsc-b.on{opacity:1}
#hero .hsc-b img{width:100%;height:100%;object-fit:cover}
#hero .hsv-c{position:absolute;top:0;right:0;height:100%;width:auto;aspect-ratio:1920/720;max-width:none;object-fit:cover;z-index:-1;opacity:0;transition:opacity .7s;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%);mask-image:linear-gradient(90deg,transparent 0,#000 10%)}
#hero .hsv-c.on{opacity:1}
#hero .hsc-c{position:absolute;inset:0;z-index:-1;display:block;opacity:0;transition:opacity .7s;pointer-events:none}
#hero .hsc-c.on{opacity:1}
#hero .hsc-c img{width:100%;height:100%;object-fit:cover}
#hero .hsv-d{position:absolute;top:0;right:0;height:100%;width:auto;aspect-ratio:1920/720;max-width:none;object-fit:cover;z-index:-1;opacity:0;transition:opacity .7s;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%);mask-image:linear-gradient(90deg,transparent 0,#000 10%)}
#hero .hsv-d.on{opacity:1}
#hero .hsc-d{position:absolute;inset:0;z-index:-1;display:block;opacity:0;transition:opacity .7s;pointer-events:none}
#hero .hsc-d.on{opacity:1}
#hero .hsc-d img{width:100%;height:100%;object-fit:cover}
#hero .hdots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;z-index:5;padding:0;margin:0;list-style:none}
#hero .hdots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;transition:background .25s,transform .25s}
#hero .hdots button[aria-current="true"]{background:#fff;transform:scale(1.25)}
@media(min-width:901px){
 #hero .hsv-b,#hero .hsv-c,#hero .hsv-d{left:0!important;right:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center center!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}
 #hero .hsc-b img,#hero .hsc-c img,#hero .hsc-d img{width:100%;height:100%;object-fit:cover;object-position:center}
 #hero.slide-pillars .hsg,#hero.slide-pillars3 .hsg,#hero.slide-butterfly .hsg{background:linear-gradient(90deg,rgba(10,19,34,.78) 0,rgba(10,19,34,.4) 40%,rgba(10,19,34,0) 58%)}
}
@media(max-width:900px){
 /* match heromob: full-bleed cover fuse (compact banner) — slides B+C */
 #hero .hsv-b,#hero .hsc-b img,#hero .hsv-c,#hero .hsc-c img,#hero .hsv-d,#hero .hsc-d img{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;transform:none!important;object-fit:cover!important;object-position:50% 40%!important;-webkit-mask-image:none!important;mask-image:none!important}
 #hero .hsc-b,#hero .hsc-c,#hero .hsc-d{inset:0;background:transparent}
 #hero .hdots{bottom:auto!important;top:12px!important;left:50%!important;transform:translateX(-50%)!important}
}
@media(max-width:599px){
 #hero .hsv-b,#hero .hsc-b img,#hero .hsv-c,#hero .hsc-c img,#hero .hsv-d,#hero .hsc-d img{object-position:50% 38%!important}
}

.pmgh{grid-column:1/-1;font-size:17px;font-weight:600;letter-spacing:.02em;margin:22px 0 2px;padding-bottom:8px;border-bottom:1px solid rgba(128,128,128,.25)}.pmgh:first-of-type{margin-top:6px}.pmgh small{font-weight:400;opacity:.55;margin-left:8px;font-size:13px}
.seo-spec{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:18px 0 0;font-size:13px;line-height:1.6}.seo-spec dt{color:var(--sub)}.seo-spec dd{margin:0}.seo-h2{font-size:16px;font-weight:600;margin:22px 0 4px}.seo-desc{max-width:820px;line-height:1.75;margin:6px 0 0;color:var(--ink)}

.hero h2.hero-h1{font-size:52px;line-height:1.2}.hero h2.hero-h1 em{font-style:normal;color:var(--gold)}.hero h2.hero-h1{font-size:34px}
.hero h2.hero-h1{font-size:clamp(36px,3.4vw,58px)}
.hero h2.hero-h1 em{color:var(--red)}
 .hero h2.hero-h1{font-size:clamp(28px,8vw,40px)!important}
.seo-pg{box-sizing:border-box;max-width:none;margin:0;padding:22px var(--gut,24px) 8px;font-size:14px;color:var(--ink)}
.seo-bc{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:0;font-size:12px;color:var(--sub)}.seo-bc li+li:before{content:"›";margin-right:6px;color:#c7c7cc}.seo-bc a{color:var(--sub)}
.seo-pg h1{font-family:"Cormorant Garamond","Songti SC","Noto Serif CJK SC",serif;font-weight:500;font-size:clamp(26px,3vw,40px);line-height:1.15;margin:0 0 8px}
.seo-prod{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;align-items:center;background:#F5F5F7;border-radius:18px;padding:24px}
.seo-prod img{width:100%;height:auto;display:block}
.seo-prod .by{color:var(--sub);margin-bottom:12px}.seo-prod .st{line-height:1.7;max-width:620px;margin:0 0 14px}.seo-prod .pr{font-size:20px;font-weight:600;margin:0 0 4px}.seo-prod .pr small{font-size:12px;font-weight:400;color:var(--sub)}.seo-prod .co{font-size:12.5px;color:var(--sub);margin:0 0 16px}
.seo-prod .btn{border-radius:980px;padding:12px 26px;display:inline-block}.seo-prod .lk{display:flex;gap:18px;margin-top:14px;font-size:13px}.seo-prod .lk a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.seo-list{columns:4 180px;overflow-wrap:anywhere;gap:24px;margin:10px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.9}.seo-list a{color:var(--ink)}.seo-list a:hover{color:var(--red)}
.seo-sub{color:var(--sub);margin:0 0 6px}
@media(max-width:900px){.seo-pg{padding-left:20px;padding-right:20px}.seo-prod{grid-template-columns:1fr;gap:14px;padding:18px;text-align:center}.seo-prod img{max-width:200px;margin:0 auto}.seo-prod .lk{justify-content:center}.seo-list{columns:2}}
.fdir{display:block!important;width:100%!important;max-width:none!important;float:none!important;writing-mode:horizontal-tb!important;background:#F5F5F7;border-top:1px solid #d2d2d7;padding:30px 0 34px!important;margin:0!important;text-align:left!important;box-sizing:border-box}
.fdir-in{display:block!important;max-width:1100px;width:auto!important;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box}
.fdir-blk{display:block!important;width:100%!important;margin:0 0 20px!important;padding:0!important;border:0!important;background:none!important}
.fdir-blk:last-child{margin-bottom:0!important}
.fdir .fdir-h{display:block!important;font-family:-apple-system,"SF Pro Text","PingFang SC","Noto Sans CJK SC","Hiragino Sans",sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;color:#1d1d1f!important;white-space:nowrap!important;text-align:left!important;margin:0 0 10px!important;padding:0!important;width:auto!important}
.fdir summary.fdir-h{cursor:pointer;list-style:none}.fdir summary.fdir-h::-webkit-details-marker{display:none}
.fdir summary.fdir-h span{font-weight:400;color:#86868b;margin-left:4px}
.fdir summary.fdir-h:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid #86868b;border-bottom:1.5px solid #86868b;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.fdir details[open] summary.fdir-h:after{transform:translateY(1px) rotate(-135deg)}
.fdir ul{display:block!important;list-style:none!important;margin:0!important;padding:0!important;width:auto!important;text-align:left!important}
.fdir li{font-size:12px!important;line-height:1.9!important;margin:0!important;padding:0!important;color:#6e6e73}
.fdir a{color:#6e6e73!important;text-decoration:none!important;border:0!important}.fdir a:hover{color:#1d1d1f!important;text-decoration:underline!important}
.fdir-ser li{display:inline-block!important;margin:0 20px 2px 0!important;white-space:nowrap}
.fdir-arts{columns:5;column-gap:28px}
.fdir-arts li{display:block!important;break-inside:avoid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1279px){.fdir-arts{columns:4}}
@media(max-width:900px){.fdir{padding:24px 0 26px!important}.fdir-in{padding:0 20px!important}.fdir-arts{columns:2;column-gap:16px}.fdir-ser li{margin-right:16px!important}}
