:root{--ink:#182740;--muted:#758198;--line:#e7eaf1;--soft:#f7f8fc;--violet:#715bb4;--violet-soft:#f2eefb;--shell:1160px;font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:min(var(--shell),calc(100% - 48px));margin:auto}.skip-link{position:absolute;top:-50px;left:12px;z-index:50;background:#fff;padding:10px}.skip-link:focus{top:10px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:72px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand strong{display:block;font-size:17px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.brand-mark{width:36px;height:36px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #ded9ed;border-radius:10px;background:#faf8ff;transform:rotate(-8deg)}.brand-mark i{height:17px;width:3px;background:var(--violet);border-radius:4px}.brand-mark i:nth-child(2){height:23px}.header-nav{display:flex;gap:27px;font-size:13px;font-weight:600}.header-nav a:hover,.site-footer a:hover{color:var(--violet)}.language-switch{display:flex;gap:5px;font-size:12px}.language-switch a{padding:7px 9px;border-radius:6px;color:var(--muted)}.language-switch a[aria-current="true"]{color:var(--violet);background:var(--violet-soft);font-weight:700}.studio-collections{min-height:62px;display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 24px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.studio-collections a{display:flex;gap:12px;align-items:center;padding:12px 20px;color:#526079;font-size:13px;border-radius:6px}.studio-collections a:hover{background:var(--soft)}.studio-collections a[aria-current="page"]{background:var(--violet-soft);color:var(--violet);font-weight:700}.collection-number{font-size:11px;letter-spacing:.1em;color:#a99bbf}.intro{min-height:350px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding-top:48px;padding-bottom:52px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--violet);text-transform:uppercase}.intro h1{font-size:clamp(38px,5.2vw,65px);margin:15px 0 17px;line-height:1.1;letter-spacing:-.04em}.intro h1 span{color:var(--violet)}.intro-lead{max-width:540px;margin:0;color:#66738a;font-size:16px;line-height:1.9}.intro-link{display:inline-flex;align-items:center;gap:30px;margin-top:28px;border-radius:5px;padding:14px 20px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}.intro-link:hover{background:#35456d}.intro-link b{font-size:17px}.intro-visual{height:305px;position:relative;background:radial-gradient(circle at 52% 52%,#faf6f2 0,#f7f7fb 58%,#fff 72%);display:flex;justify-content:center;align-items:center}.visual-card{position:absolute;width:222px;height:194px;background:white;border:1px solid #ebe8e8;border-radius:10px;box-shadow:0 18px 42px #2d345519;overflow:hidden}.visual-card img{width:100%;height:100%;object-fit:cover}.visual-back{transform:translate(96px,-34px) rotate(11deg)}.visual-front{transform:translate(-67px,36px) rotate(-8deg)}.visual-orbit{position:absolute;width:290px;height:290px;border:1px solid #e9e2ec;border-radius:50%;z-index:-1}.catalog-section{border-top:1px solid var(--line);background:#fbfcff;padding:60px 0 84px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{font-size:31px;margin:10px 0 0;letter-spacing:-.04em}.section-heading p:last-child{color:var(--muted);font-size:13px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:17px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 9px 25px #14233a05}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{padding:9px 12px;border:1px solid #e7e9f0;border-radius:7px;background:#fff;color:#59647c;font-size:12px}.filter-chip:hover{border-color:#c8bce7}.filter-chip[aria-pressed="true"]{background:var(--violet-soft);border-color:#d4c6f5;color:#6748a9;font-weight:700}.filter-chip small{margin-left:5px;color:#9da5b4}.search{display:flex;align-items:center;min-width:230px;height:38px;border:1px solid #dfe3ec;border-radius:7px;padding:0 11px;background:#fff}.search:focus-within{outline:2px solid #c8bce7}.search svg{width:17px;fill:none;stroke:#9aa5b6;stroke-width:1.8;margin-right:8px}.search input{border:0;outline:0;width:100%;font-size:12px;color:var(--ink)}.search input::placeholder{color:#a5adbc}.result-bar{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;padding:17px 3px}.result-bar p{margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 22px #24304b08;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #24304b13}.card-image{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain}.card-body{padding:18px 19px 20px;display:flex;flex-direction:column;flex:1}.card-kicker{font-size:10px;letter-spacing:.1em;color:var(--violet);font-weight:700}.card-title{font-size:18px;margin:7px 0 4px;line-height:1.4}.card-description{font-size:11px;color:#8993a5;line-height:1.6;margin:0 0 13px;min-height:18px}.variant-list{border-top:1px solid var(--line);margin-top:auto}.variant-row{display:flex;align-items:center;gap:6px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f1f4;font-size:12px}.variant-spec{display:flex;flex-direction:column;gap:2px;min-width:0}.variant-spec b{font-weight:600;color:#48566d}.variant-spec small{color:#a0a9b7;font-size:10px}.variant-price{color:#442a91;white-space:nowrap;font-size:14px;font-weight:750}.empty{text-align:center;padding:80px 15px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:35px}.pagination button{min-width:36px;height:36px;border-radius:7px;border:1px solid #e1e4ec;background:#fff;color:#57637c;font-size:12px}.pagination button:hover,.pagination button[aria-current="page"]{background:var(--violet);color:#fff;border-color:var(--violet)}.pagination button:disabled{opacity:.45;cursor:default}.pagination .page-ellipsis{padding:0 4px;color:#9ba5b5}.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#79869b}.footer-inner span:first-child{font-weight:800;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.header-nav{display:none}.intro{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width:620px){.shell{width:min(100% - 28px,var(--shell))}.header-inner{height:64px}.brand strong{font-size:15px}.studio-collections{justify-content:flex-start;min-height:56px;padding:7px 12px}.studio-collections a{padding:10px 12px}.intro{display:block;min-height:0;padding-top:44px;padding-bottom:32px}.intro h1{font-size:42px}.intro-lead{font-size:14px}.intro-visual{height:200px;margin-top:12px}.visual-card{width:145px;height:125px}.visual-back{transform:translate(59px,-18px) rotate(11deg)}.visual-front{transform:translate(-49px,20px) rotate(-8deg)}.catalog-section{padding-top:42px}.section-heading{display:block}.section-heading h2{font-size:27px}.section-heading p:last-child{margin:9px 0 0}.catalog-tools{padding:13px}.search{width:100%}.cards{grid-template-columns:1fr;gap:15px}.card-image{aspect-ratio:1/1}.footer-inner{flex-wrap:wrap;padding:22px 0;min-height:0}}
.variant-row{display:block;padding:12px 0}
.variant-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.variant-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:8px 0 0;padding:9px 10px;background:#f8f9fc;border-radius:6px;font-size:10.5px;line-height:1.5}
.variant-metrics>div{display:flex;gap:5px;align-items:baseline;min-width:0}
.variant-metrics .metric-wide{grid-column:1/-1}
.variant-metrics dt{color:#8c96a8;white-space:nowrap}
.variant-metrics dd{margin:0;color:#40506c;font-weight:650;overflow-wrap:anywhere}