@charset "UTF-8";
:root{--paper:#f8f6f1;--ink:#253b32;--muted:#7e8279;--line:#dedfd5;--accent:#9a7351;--white:#fffefa;--serif:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.site-header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand-seal{width:46px;height:46px;background:var(--ink);color:#f5f0df;display:grid;place-items:center;font-family:var(--serif);font-size:20px;letter-spacing:2px;border-radius:2px;position:relative}.brand-seal:after{content:"";position:absolute;inset:4px;border:1px solid #f5f0df65}.brand-text{font-size:19px;letter-spacing:2px;font-weight:500}.brand-text small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;font-weight:400}.header-right{display:flex;align-items:center;gap:35px}.header-note{font-family:var(--serif);letter-spacing:2px;font-size:13px}.icon-button{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:10px;min-width:44px;min-height:44px}.icon-button svg{width:22px;height:22px}.icon-button[aria-pressed=true] svg{fill:var(--ink)}.icon-button span{font-size:11px}.hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1.12fr;min-height:480px;border-bottom:1px solid var(--line)}.hero-copy{padding:60px 0 30px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:500;margin:0 0 20px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:var(--accent);border-radius:50%}h1{font-family:var(--serif);font-weight:400;font-size:58px;letter-spacing:2px;line-height:1.28;margin:2px 0 20px}h1 span{display:block;color:#9a7351} .hero-description{line-height:1.9;color:#777e73;font-size:13px;letter-spacing:1px;margin:0 0 24px}.browse-link{border-bottom:1px solid var(--ink);padding:10px 0 10px;display:flex;gap:35px;font-size:12px;letter-spacing:1px}.browse-link span{font-size:20px}.hero-footnote{margin-top:auto;padding-top:35px;display:flex;gap:25px;align-items:center;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.hero-footnote span:last-child{font-size:10px;letter-spacing:2px}.hero-art{background:#ecece1;position:relative;overflow:hidden;min-height:460px;display:flex;align-items:center;justify-content:center}.hero-art>img{width:100%;height:auto;position:relative;z-index:1;object-fit:contain}.hero-orbit{position:absolute;border:1px solid #d2d4c4;border-radius:50%;width:72%;aspect-ratio:1;left:16%;top:7%;}.art-label{position:absolute;left:30px;top:28px;font-size:9px;line-height:1.8;letter-spacing:2px;z-index:2;color:#758070}.art-caption{position:absolute;bottom:24px;left:30px;z-index:2;font-size:9px;color:#7c8474;letter-spacing:1px}.hero-number{position:absolute;right:25px;bottom:24px;font-size:9px;letter-spacing:2px}.catalog{max-width:1440px;margin:auto;padding:55px 5% 60px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.catalog-heading .eyebrow{margin-bottom:12px;color:var(--accent)}h2{font-family:var(--serif);font-weight:400;letter-spacing:1px;font-size:28px;margin:0}#result-count{font-family:var(--sans);font-size:11px;color:var(--muted);display:inline-block;letter-spacing:0;margin-left:14px}.search{display:flex;align-items:center;gap:10px;width:290px;border-bottom:1px solid #bfc5b7;padding:13px 0}.search svg{width:18px;height:18px;color:#888f81;flex-shrink:0}.search input{width:100%;min-width:0;border:0;background:transparent;outline:0;color:var(--ink);font-size:12px;padding:3px 0}.search input::placeholder{color:#95998d}.search kbd{border:1px solid var(--line);border-radius:3px;width:18px;height:19px;display:grid;place-items:center;font-size:10px;color:var(--muted)}.category-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px;border-bottom:1px solid var(--line)}#categories{display:flex;gap:25px;overflow-x:auto;scrollbar-width:none}#categories::-webkit-scrollbar{display:none}.category-button{background:transparent;border:0;padding:15px 1px;position:relative;white-space:nowrap;color:#84877d;font-size:13px;min-height:48px}.category-button.active{color:var(--ink);font-weight:600}.category-button.active:after{position:absolute;content:"";height:2px;background:var(--ink);bottom:0;left:0;right:0}.category-button span{font-size:9px;margin-left:6px;font-weight:400}.catalog-helper{font-size:11px;white-space:nowrap;color:#919588}.sample-notice{font-size:11px;color:#939789;line-height:1.7;margin:18px 0 24px;display:flex;gap:6px}.sample-notice>span{font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.product-card{position:relative;min-width:0}.card-main{display:block;text-align:left;appearance:none;border:0;background:transparent;width:100%;padding:0}.product-art{aspect-ratio:1.15;background:var(--bg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .3s}.product-art img{width:100%;height:auto;transition:transform .4s}.card-main:hover .product-art img{transform:scale(1.055)}.card-image-label{position:absolute;left:14px;top:14px;font-size:9px;letter-spacing:1.3px;color:#7b8074}.card-arrow{position:absolute;right:14px;bottom:13px;width:26px;height:26px;background:#ffffff9c;border-radius:50%;display:grid;place-items:center;font-size:16px;opacity:0;transform:translateY(3px);transition:.2s}.card-main:hover .card-arrow{opacity:1;transform:none}.favorite-button{position:absolute;right:8px;top:7px;border:0;background:transparent;width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.favorite-button svg{width:18px;height:18px;stroke:#65705e}.favorite-button[aria-pressed=true] svg{fill:var(--ink);stroke:var(--ink)}.favorite-button:hover{background:#ffffff80}.product-meta{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-top:16px}.product-meta h3{font-size:15px;letter-spacing:.5px;font-weight:500;margin:0}.product-code{font-size:9px;color:#8b9183;letter-spacing:1px}.product-measure{font-size:11px;color:#8b9084;margin:8px 0 0;letter-spacing:.5px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:4px}.color-dots{display:flex;gap:5px}.color-dots i{display:block;width:7px;height:7px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #0000000d}.card-detail{font-size:10px;color:#7b8275}.card-detail span{display:inline-block;margin-left:6px}.favorite-filter{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#e9ecdf;margin-bottom:20px;font-size:12px}.favorite-filter small{font-size:10px;color:var(--muted);margin-left:10px}.favorite-filter button{border:0;background:transparent;font-size:12px}.empty-state{text-align:center;padding:60px 10px}.empty-state>span{font-family:var(--serif);font-size:45px;color:#8f9b86}.empty-state h3{font-weight:400;font-size:20px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:25px}.solid-button,.outline-button{min-height:46px;border:1px solid var(--ink);padding:12px 20px;border-radius:1px;background:var(--ink);color:#fffdf5;transition:background .2s;font-size:13px}.solid-button:hover{background:#405549}.outline-button{background:transparent;color:var(--ink)}.outline-button:hover{background:#eceee4}.endnote{max-width:1296px;margin:0 auto 50px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.endnote-mark{font-family:var(--serif);font-size:22px;writing-mode:vertical-rl;letter-spacing:4px;padding-right:22px;border-right:1px solid var(--line)}.endnote h2{font-size:21px}.endnote p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0}.endnote a{margin-left:auto;border:1px solid var(--line);width:40px;height:40px;display:grid;place-items:center;border-radius:50%}footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:16px;padding:0 5% 30px;color:#8a8e80;font-size:10px;letter-spacing:1px}footer span:last-child{font-size:9px;letter-spacing:2px}dialog{width:min(910px,calc(100% - 48px));border:0;padding:0;background:var(--paper);color:var(--ink);max-height:90dvh;overflow-y:auto;box-shadow:0 20px 100px #15221935}dialog::backdrop{background:#12221970;backdrop-filter:blur(5px)}.detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-visual{background:#e9ece1;position:relative;display:flex;align-items:center;justify-content:center;min-height:550px;flex-direction:column}.detail-visual>img{width:100%;height:auto}.detail-image-label{position:absolute;left:24px;top:26px;font-size:8px;letter-spacing:1.5px;color:#7b8572}.close-button{position:absolute;right:12px;top:12px;width:42px;height:42px;z-index:5;border:0;border-radius:50%;font-size:25px;font-weight:300;color:var(--ink);background:#ffffffb8;display:grid;place-items:center}.detail-swatches{display:flex;gap:10px;position:absolute;bottom:40px;align-items:center}.swatch{border:1px solid transparent;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:transparent;padding:5px}.swatch i{width:17px;height:17px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #00000015}.swatch[aria-pressed=true]{border-color:var(--ink)}.swatch-label{font-size:11px;margin-left:8px;color:#6c7864}.detail-content{padding:42px 32px 30px}.detail-content .eyebrow{color:var(--accent);font-size:9px;margin-bottom:12px}.detail-content h2{font-size:29px;margin-right:10px;line-height:1.4}.detail-code{font-size:10px;color:#8a9281;letter-spacing:1.5px;margin-top:10px}.detail-description{font-size:12px;line-height:1.9;color:#7b8373;margin:22px 0}.dimension-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.dimension-heading h3{font-size:14px;letter-spacing:1px;font-weight:500;margin:0}.dimension-heading>span{font-size:10px;color:#8d9386}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#ffffff50}.dimension{padding:15px 8px 12px;text-align:center;position:relative}.dimension+.dimension:before{content:"×";position:absolute;left:-5px;top:20px;color:#9ba38e;font-size:14px}.dimension strong{font-family:Georgia,serif;font-size:29px;font-weight:400;display:block}.dimension span{font-size:10px;color:#818a78;display:block;margin-top:7px}.dimension-note{font-size:10px;color:#75806b;line-height:1.9;margin:10px 0 24px}.dimension-note>span{font-size:10px;color:#a18a69}.specs{margin:0;border-top:1px solid var(--line)}.specs>div{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6}.specs dt{color:#929988;width:48px;flex-shrink:0}.specs dd{margin:0}.detail-actions{display:flex;gap:10px;margin-top:26px}.detail-actions button{flex:1;padding:12px 8px;white-space:nowrap;font-size:12px}.detail-tip{font-size:9px;color:#959b8c;margin-top:13px}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,12px);background:#253b32ed;color:#fff;padding:12px 22px;border-radius:4px;opacity:0;z-index:20;pointer-events:none;transition:.2s;font-size:12px;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1441px){.hero-copy{padding-left:72px}.endnote{max-width:1296px}}@media(max-width:1100px){.hero-copy{padding-top:45px}h1{font-size:49px}.hero{min-height:425px}.hero-art{min-height:425px}.hero-footnote{gap:12px}.product-grid{gap:28px 18px}.product-meta{display:block}.product-code{display:block;margin-top:5px}.endnote{margin-left:5%;margin-right:5%}.catalog-helper{display:none}}@media(max-width:760px){.site-header{padding:18px 5%;}.brand-seal{width:40px;height:40px;font-size:17px}.brand-text{font-size:16px;letter-spacing:1px}.brand-text small{font-size:7px;letter-spacing:1.5px;margin-top:6px}.header-note{display:none}.header-right{gap:0}.hero{min-height:0;grid-template-columns:1fr 1fr}.hero-copy{padding:32px 0 25px 10%}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:16px;gap:5px}h1{font-size:33px;letter-spacing:1px;margin:0 0 15px}.hero-description{font-size:10px;letter-spacing:0;line-height:1.9;margin-bottom:12px}.browse-link{font-size:10px;gap:20px;padding:5px 0}.browse-link span{font-size:16px}.hero-footnote{display:none}.hero-art{min-height:278px}.hero-art>img{width:146%;max-width:none;flex-shrink:0;margin-top:25px}.art-label{font-size:6px;left:16px;top:21px;letter-spacing:1px}.art-caption{font-size:7px;left:14px;bottom:16px;letter-spacing:0}.hero-number{display:none}.hero-orbit{width:110%;left:-5%;top:18%;}.catalog{padding:33px 5% 35px}.catalog-heading{display:block}.catalog-heading .eyebrow{font-size:8px;margin-bottom:10px}h2{font-size:23px}#result-count{font-size:10px;margin-left:10px}.search{margin-top:18px;width:100%;background:#efeee7;border:0;padding:10px 13px}.search input{font-size:12px;min-height:22px}.search kbd{display:none}.category-row{margin-top:8px;display:block}#categories{gap:25px}.category-button{font-size:12px;padding:15px 0;min-height:48px}.sample-notice{font-size:10px;line-height:1.7;margin:14px 0 19px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.product-art{aspect-ratio:1.04}.product-art img{width:112%;max-width:none;flex-shrink:0}.card-image-label{font-size:7px;left:10px;top:11px}.favorite-button{right:3px;top:1px;width:40px;height:40px}.favorite-button svg{width:16px;height:16px}.product-meta{margin-top:12px;display:block}.product-meta h3{font-size:13px;letter-spacing:.2px}.product-code{font-size:8px;margin-top:6px}.product-measure{font-size:10px;letter-spacing:0;margin-top:7px}.card-bottom{margin-top:10px}.card-detail{font-size:9px}.color-dots i{width:6px;height:6px}.card-arrow{display:none}.endnote{margin-bottom:27px;padding:24px 0;gap:14px}.endnote-mark{font-size:18px;padding-right:15px}.endnote h2{font-size:16px;line-height:1.6;letter-spacing:0}.endnote p{font-size:10px;margin-top:5px}.endnote a{flex-shrink:0;width:32px;height:32px}footer{flex-wrap:wrap;font-size:9px;padding-bottom:25px;gap:10px}footer span:last-child{display:none}.favorite-filter{padding:12px;font-size:11px;align-items:flex-start;gap:10px}.favorite-filter small{display:block;margin-left:0;margin-top:5px}.favorite-filter button{font-size:10px;padding:0;min-height:30px}dialog{width:calc(100% - 24px);max-height:93dvh;border-radius:7px}.detail-layout{display:block}.detail-visual{min-height:0;height:240px}.detail-visual>img{width:310px;height:235px;object-fit:contain;padding-bottom:15px}.detail-image-label{top:18px;left:18px;font-size:7px;letter-spacing:1px}.detail-swatches{bottom:14px;gap:6px}.swatch{width:25px;height:25px;padding:3px}.swatch i{width:15px;height:15px}.swatch-label{font-size:10px;margin-left:5px}.detail-content{padding:23px 23px 20px}.detail-content h2{font-size:25px}.detail-content .eyebrow{font-size:8px;margin-bottom:8px}.detail-description{margin:16px 0;font-size:11px}.dimension-heading{margin-top:19px}.dimension strong{font-size:28px}.dimension{padding:12px 8px}.dimension-note{margin-bottom:18px}.detail-actions{margin-top:20px}.close-button{top:10px;right:10px;width:36px;height:36px;font-size:23px}.toast{bottom:24px;white-space:nowrap}.empty-state{padding:40px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:760px){h1{font-size:28px}}
.product-art.real-photo img{width:100%;height:100%;object-fit:cover}.product-art.real-photo .card-image-label{background:#fffefad9;padding:4px 6px;border-radius:2px}.detail-visual.has-photo>img{height:420px;object-fit:contain;padding:25px 15px 70px}.detail-visual.has-photo .detail-image-label{background:#fffefabf;padding:5px 7px}.detail-visual.has-photo .detail-swatches{bottom:25px}.photo-thumb{border:1px solid transparent;background:transparent;border-radius:3px;width:42px;height:42px;padding:3px}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb[aria-pressed=true]{border-color:var(--ink)}@media(max-width:760px){.detail-visual.has-photo>img{width:100%;height:240px;padding:20px 12px 55px}.detail-visual.has-photo .detail-swatches{bottom:9px}.photo-thumb{width:32px;height:32px;padding:2px}footer a{margin-left:auto}}