.gem-cabinet{--cabinet-dark:#152d29;--cabinet-paper:#efeddf;--cabinet-ink:#28443a;color:var(--cabinet-ink)}
.cabinet-hero{display:grid;grid-template-columns:1fr 1.35fr;min-height:505px;background:var(--cabinet-dark);color:#e9e0c6;position:relative;isolation:isolate;overflow:hidden;margin:35px -45px 50px;padding:65px 65px 50px;border:1px solid #9d967655;box-shadow:0 14px 45px -30px #061e17}.cabinet-hero:before{content:'';position:absolute;inset:14px;border:1px solid #b9b29433;pointer-events:none;z-index:-1}.cabinet-hero-copy{z-index:2;padding-bottom:10px}.cabinet-mark{font:13px KaiTi,serif;letter-spacing:6px;color:#b8c5ac;border-left:2px solid #b59c67;padding-left:14px;display:inline-block}.cabinet-hero h1{font:clamp(43px,4vw,62px)/1.3 var(--title-font,ShiyuBrush,serif);font-weight:400;letter-spacing:7px;margin:27px 0 20px;color:#eee7d1}.cabinet-hero-copy p{font:14px/2.2 KaiTi,serif;color:#bbc7b7;margin:0}.cabinet-hero-copy>a{display:inline-flex;gap:45px;border-bottom:1px solid #9d9e7e;color:#e6d4a9;font-size:12px;text-decoration:none;padding:12px 0;margin-top:26px}.cabinet-side-note{writing-mode:vertical-rl;position:absolute;right:25px;top:45px;font:11px KaiTi,serif;letter-spacing:6px;color:#a9b79b}.cabinet-display{position:relative;min-width:0;height:385px;align-self:center;isolation:isolate;perspective:800px}.cabinet-moon{position:absolute;width:310px;height:310px;border:1px solid #c5b88755;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(circle,#748d6630,transparent 68%)}.cabinet-moon:before,.cabinet-moon:after{content:'';position:absolute;inset:13px;border:1px solid #c7b78c22;border-radius:50%}.cabinet-moon:after{inset:-15px;border-style:dashed;opacity:.6}.cabinet-specimen{position:absolute;width:110px;height:145px;display:flex;align-items:center;flex-direction:column;gap:3px;background:none;border:0;cursor:pointer;color:#dcdcc5;font-family:inherit;padding:6px;transition:transform .5s,filter .5s;z-index:1}.cabinet-specimen:hover{transform:translateY(-10px);filter:drop-shadow(0 0 14px var(--stone-color));z-index:2}.specimen-0{left:37%;top:1%}.specimen-1{right:0;top:32%}.specimen-2{right:10%;bottom:-1%}.specimen-3{left:8%;bottom:-1%}.specimen-4{left:-3%;top:32%}.specimen-gem{display:block;width:85px;height:86px;filter:drop-shadow(0 10px 13px #0008)}.specimen-gem svg{width:100%;height:100%;animation:cabinet-breathe 7s ease-in-out infinite;animation-delay:calc(var(--specimen-i)*-.9s)}.specimen-caption{display:flex;align-items:center;gap:8px}.specimen-caption b{font:23px LXGWSeal,serif;color:var(--stone-color)}.specimen-caption small{font-size:9px;letter-spacing:1px}.cabinet-display-note{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:3px;white-space:nowrap;color:#b5bba1}
#view-gem>.cabinet-collection{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0}.cabinet-filters{scroll-margin-top:110px;padding-bottom:20px;border-bottom:1px solid #8b9b7566;margin-bottom:35px}.cabinet-collection-title{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:25px}.cabinet-collection-title h2{font:36px var(--title-font);font-weight:400;letter-spacing:4px;margin:0}.cabinet-collection-title p{font-size:12px;line-height:1.9;color:#64725c;max-width:330px;margin:0}.cabinet-element-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:25px}.cabinet-element-tabs button{padding:17px 5px 14px;border:1px solid #7b927455;background:#f6f5e8;display:grid;gap:9px;place-items:center;font-family:inherit;color:#36523e;cursor:pointer;position:relative;overflow:hidden;transition:background .4s,color .4s,border-color .4s}.cabinet-element-tabs b{font:34px LXGWSeal,serif;font-weight:400}.cabinet-element-tabs button:first-child b{font-family:KaiTi,serif}.cabinet-element-tabs span{font-size:10px}.cabinet-element-tabs button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--stone-color,#b8bd9c);transform:scaleX(0);transition:transform .4s}.cabinet-element-tabs button[aria-pressed=true]{background:#233e33;color:#eee9d0;border-color:#233e33}.cabinet-element-tabs button[aria-pressed=true]:after,.cabinet-element-tabs button:hover:after{transform:scaleX(1)}.cabinet-element-tabs button[aria-pressed=true] b{color:var(--stone-color,#e6dbb5)}.cabinet-filter-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1.45fr;gap:15px}.cabinet-filter-fields label{font-size:11px;letter-spacing:2px;color:#586f51;display:grid;gap:9px}.cabinet-filter-fields select,.cabinet-filter-fields input{box-sizing:border-box;font:13px STSong,SimSun,serif;background:#f9f7ec;border:1px solid #a5af915f;border-radius:0;padding:12px;color:#2f4938;height:44px;width:100%;min-width:0;letter-spacing:0}.cabinet-filter-fields select{cursor:pointer}.cabinet-filter-fields input::placeholder{color:#6d7965}.cabinet-filter-summary{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.cabinet-filter-summary output{font:15px KaiTi,serif;letter-spacing:2px}.cabinet-filter-summary button{border:0;border-bottom:1px solid #7b8d6f;background:none;color:#526849;font:11px inherit;cursor:pointer;padding:6px 0}.cabinet-filter-note{font-size:10px;line-height:1.9;color:#6b7862;margin:0}
.gem-cabinet #gemGroups{--chroma-x:-9999px;--chroma-y:-9999px;--chroma-power:0;position:relative}.gem-cabinet .gem-group+.gem-group{margin-top:50px}.gem-cabinet .gem-group{scroll-margin-top:130px}.gem-cabinet .gem-group-head{align-items:center;margin-bottom:22px;gap:16px}.gem-cabinet .gem-group-head .gw{font:40px LXGWSeal,serif;font-weight:400;color:var(--stone-color);background:var(--cabinet-dark);border:1px solid #8b997866;border-radius:0;width:63px;height:66px;display:grid;place-items:center}.gem-cabinet .gem-group-head .gt{font:28px var(--title-font);font-weight:400;letter-spacing:3px;margin:0;color:#344e3c}.gem-cabinet .gem-group-head p{font:12px KaiTi,serif;color:#66745e;margin:7px 0 0;letter-spacing:2px}.gem-cabinet .gem-group-head .gd{color:#63725c;font-size:11px}.gem-cabinet .gems{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.gem-cabinet .gem.clickable{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0;border:1px solid #96a18455;background:#f6f3e7;color:#274237;box-shadow:none;border-radius:2px;padding:0;overflow:hidden;min-width:0;font-family:inherit;cursor:pointer;isolation:isolate}.gem-cabinet .gem-extra{display:none!important}.gem-cabinet .expanded .gem-extra{display:flex!important}.gem-cabinet .gem-visual{position:relative;width:100%;height:195px;display:grid;place-items:center;border-radius:0;overflow:hidden;border:0;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--gem-color) 13%,transparent),transparent 67%),#e5e9dd;flex:auto}.gem-cabinet .gem-visual:after{content:'';position:absolute;left:13%;right:13%;bottom:21px;height:1px;background:#7b8b6a44}.gem-cabinet .gem-visual>svg{width:112px;height:112px;filter:drop-shadow(0 14px 10px #142d242b);position:relative;z-index:1;transition:transform .65s cubic-bezier(.2,.9,.2,1),filter .65s}.gem-cabinet .gem:hover .gem-visual>svg,.gem-cabinet .gem:focus-visible .gem-visual>svg{transform:translateY(-8px) rotate(7deg) scale(1.08);filter:drop-shadow(0 20px 12px #142d2440)}.cabinet-halo{position:absolute;width:132px;height:132px;left:50%;top:49%;transform:translate(-50%,-50%);border:1px solid #97a98655;border-radius:50%;transition:transform .7s,border-color .7s}.gem:hover .cabinet-halo{transform:translate(-50%,-50%) scale(1.13);border-color:var(--gem-color)}.cabinet-stone-shape{position:absolute;bottom:7px;right:12px;font-size:9px;color:#627457;letter-spacing:2px}.gem-cabinet .gem-body{display:block;flex:1;padding:16px 14px 12px;min-width:0}.cabinet-card-meta{display:flex;justify-content:space-between;font-size:9px;color:#67765f;letter-spacing:1px}.cabinet-gem-name{display:block;font:23px/1.3 var(--title-font);font-weight:400;margin:10px 0;color:#2a4939}.cabinet-gem-desc{font-size:11px;line-height:1.9;display:block;min-height:63px;color:#5c6d55}.cabinet-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #a2ad9144;margin-top:17px;padding-top:11px;font-size:9px;color:#65765a}.cabinet-open{color:#385d43;white-space:nowrap}.cabinet-open i{font-size:14px;font-style:normal;margin-left:2px}.cabinet-card-rim{position:absolute;inset:0;z-index:3;border:1px solid var(--gem-color);pointer-events:none;opacity:calc(var(--chroma-power)*.85);mask-image:radial-gradient(circle 240px at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)),var(--chroma-stops));-webkit-mask-image:radial-gradient(circle 240px at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)),var(--chroma-stops))}.cabinet-card-rim:after{content:'';position:absolute;inset:0;background:linear-gradient(150deg,color-mix(in srgb,var(--gem-color) 10%,transparent),transparent 60%)}.gem-cabinet .more-btn{width:100%;border-radius:0;border:0;border-block:1px solid #94a27c66;background:transparent;color:#426041;font-size:12px;min-height:47px;margin-top:20px;justify-content:center;gap:20px}.gem-cabinet .more-btn:hover{background:#dde5cf}.cabinet-empty{text-align:center;padding:70px 20px;border:1px dashed #8a9c7566}.cabinet-empty>span{font:65px KaiTi,serif;color:#9aab86}.cabinet-empty h3{font:30px var(--title-font);font-weight:400;margin:15px 0}.cabinet-empty p{font-size:13px;line-height:2;color:#68775e}.cabinet-empty button{font-family:inherit;font-size:12px;margin-top:20px;padding:12px 25px;border:1px solid #8c9e76;background:#e0e7d3;color:#324c38;cursor:pointer}
.cabinet-guide{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;margin-top:60px;padding:35px 30px;background:#e2e6d5;border:1px solid #a4ad9055;color:#344f39}.cabinet-guide header>span{font-size:11px;letter-spacing:4px;color:#617357}.cabinet-guide h2{font:31px/1.6 var(--title-font);font-weight:400;margin:20px 0;max-width:220px}.cabinet-guide details{border-bottom:1px solid #93a27b66;padding:14px 0}.cabinet-guide summary{font:18px KaiTi,serif;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.cabinet-guide summary::-webkit-details-marker{display:none}.cabinet-guide summary>span{font:18px KaiTi;transition:transform .3s}.cabinet-guide details[open] summary>span{transform:rotate(45deg)}.cabinet-guide details p{font-size:12px;line-height:2;margin:15px 0 3px;color:#5c7053}
.cabinet-detail{color:#2e4b39;padding-top:20px}.cabinet-detail .gd-back-row{margin:15px 0 25px}.cabinet-detail .gd-back{border-radius:0;background:none;border:0;border-bottom:1px solid #899c74;color:#43633e;font-size:12px}.cabinet-detail .gd-hero{border:1px solid #a3ae8f66;border-radius:2px;box-shadow:none;background:#f2f0e2;padding:40px;gap:40px;grid-template-columns:1fr 1.25fr;min-width:0}.cabinet-detail .gd-visual-wrap{border-radius:2px;background:#172f28;aspect-ratio:1;max-width:none;position:relative;overflow:hidden}.cabinet-detail .gd-ring{border-color:#a5af7677}.cabinet-detail .gd-gem{transition:transform .65s;transform:rotate(var(--specimen-turn,0deg));width:65%;height:65%;left:17.5%;top:12%;position:absolute;display:grid;place-items:center}.cabinet-detail .gd-gem.specimen-enlarged{transform:rotate(var(--specimen-turn,0deg)) scale(1.35)}.cabinet-detail .gd-gem svg{width:100%;height:100%;animation:none}.cabinet-detail .gd-name{font-size:48px!important;margin:18px 0}.cabinet-detail .gd-desc{font-size:14px;line-height:2.1;color:#536b4e}.cabinet-detail .gd-suit{border-radius:0;background:#e0e5d1;border:0;color:#5a6e4c;font-size:12px;line-height:2;margin-top:20px}.cabinet-detail-controls{position:absolute;bottom:14px;left:12px;right:12px;display:flex;justify-content:center;gap:10px;z-index:4}.cabinet-detail-controls button{font:11px STSong,SimSun,serif;background:#1e392ecc;border:1px solid #9baf7e66;padding:9px 12px;color:#d6dabd;cursor:pointer}.cabinet-detail .gd-grid{gap:16px;margin-top:25px}.cabinet-detail .gd-card{border-radius:1px;background:#f6f4e8;border:1px solid #9baa7f55;padding:25px;box-shadow:none}.cabinet-detail .gd-card h5{font:24px var(--title-font);font-weight:400;color:#3b5d3a;padding-bottom:15px;margin:0 0 15px;border-bottom:1px solid #9cae8066}.cabinet-detail .gc-body p{font-size:13px;line-height:2;margin:0 0 8px}.cabinet-detail .gc-body small{display:block;font-size:11px;line-height:1.9;color:#6a7c5b}.cabinet-detail>.block{border-radius:1px;box-shadow:none;background:#edf0df;border-color:#9eaf8066}.cabinet-detail .gd-sib{border-radius:1px;border:1px solid #a2b18155;background:#f7f6e8}.cabinet-detail .gd-sib:hover{background:#dfe6ce}.gem-cabinet button:focus-visible,.gem-cabinet a:focus-visible,.gem-cabinet input:focus-visible,.gem-cabinet select:focus-visible,.cabinet-detail button:focus-visible{outline:2px solid #9e6840;outline-offset:4px}.gem-cabinet summary:focus-visible{outline:2px solid #9e6840;outline-offset:4px}
.cabinet-detail .gd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@keyframes cabinet-breathe{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@media(max-width:1050px){.cabinet-hero{margin-inline:0;padding:48px 40px;grid-template-columns:1fr 1.3fr}.cabinet-side-note{right:19px}.cabinet-display{height:350px}.cabinet-moon{width:260px;height:260px}.cabinet-specimen{width:90px;height:122px}.specimen-gem{width:72px;height:76px}.specimen-0{left:35%}.specimen-1{right:0}.specimen-4{left:0}.cabinet-detail .gd-hero{padding:30px;gap:25px}}
@media(max-width:760px){.cabinet-hero{margin:20px 0 35px;padding:40px 28px 55px;grid-template-columns:1fr;gap:0;min-height:0}.cabinet-hero h1{font-size:46px;letter-spacing:5px;margin:20px 0 15px}.cabinet-hero-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:15px}.cabinet-mark{grid-column:1/-1;font-size:12px}.cabinet-hero h1{grid-row:2/4}.cabinet-hero-copy p{font-size:12px;line-height:2.1;margin-top:25px}.cabinet-hero-copy>a{font-size:11px;gap:20px;margin-top:10px;width:max-content}.cabinet-side-note{display:none}.cabinet-display{height:300px;width:min(100%,350px);justify-self:center;margin-top:15px}.cabinet-moon{width:225px;height:225px}.cabinet-specimen{width:82px;height:115px}.specimen-gem{width:68px;height:70px}.specimen-caption{gap:4px}.specimen-caption b{font-size:21px}.specimen-caption small{font-size:8px}.specimen-0{top:0;left:calc(50% - 41px)}.specimen-1{top:31%;right:-4%}.specimen-4{top:31%;left:-4%}.specimen-2{right:6%;bottom:-4px}.specimen-3{left:6%;bottom:-4px}.cabinet-display-note{bottom:-25px}.cabinet-collection-title{display:block}.cabinet-collection-title h2{font-size:31px}.cabinet-collection-title p{margin-top:12px;max-width:none}.cabinet-element-tabs{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:22px}.cabinet-element-tabs button{padding:13px 5px 11px;display:flex;justify-content:center;gap:12px}.cabinet-element-tabs b{font-size:28px}.cabinet-element-tabs span{font-size:9px}.cabinet-filter-fields{grid-template-columns:repeat(3,1fr);gap:14px 10px}.cabinet-search{grid-column:1/-1}.cabinet-filters{scroll-margin-top:135px}.cabinet-filter-summary output{font-size:13px;letter-spacing:1px}.gem-cabinet .gems{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gem-cabinet .gem-visual{height:165px}.gem-cabinet .gem-visual>svg{width:98px;height:98px}.cabinet-halo{width:115px;height:115px}.gem-cabinet .gem-body{padding:14px 12px 12px}.cabinet-gem-name{font-size:22px}.cabinet-gem-desc{font-size:11px;min-height:84px}.cabinet-card-bottom{font-size:8px;gap:2px}.cabinet-open i{margin-left:0}.gem-cabinet .gem-group-head .gw{width:53px;height:57px;font-size:34px}.gem-cabinet .gem-group-head .gt{font-size:25px}.gem-cabinet .gem-group-head p{font-size:10px;letter-spacing:1px}.gem-cabinet .gem-group-head .gd{font-size:10px}.cabinet-guide{grid-template-columns:1fr;padding:25px 22px;gap:5px;margin-top:40px}.cabinet-guide h2{max-width:none;font-size:27px;margin:14px 0}.cabinet-detail .gd-hero{grid-template-columns:1fr;padding:23px;gap:25px}.cabinet-detail .gd-visual-wrap{width:100%;max-width:330px;margin:auto}.cabinet-detail .gd-name{font-size:40px!important}.cabinet-detail .gd-grid{grid-template-columns:1fr}.cabinet-detail .gd-card{padding:23px}.cabinet-detail .gd-tags{flex-wrap:wrap}.cabinet-card-rim{display:none}}
@media(max-width:760px){.cabinet-hero h1{grid-column:1/-1;grid-row:auto;font-size:42px;margin:20px 0}.cabinet-hero-copy p{grid-column:1;margin-top:0}.cabinet-hero-copy>a{grid-column:2;align-self:end;margin-bottom:5px}.cabinet-display{height:280px}.cabinet-guide{scroll-margin-top:135px}}
@media(prefers-reduced-motion:reduce){.gem-cabinet *,.cabinet-detail *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.gem-cabinet .gem:hover .gem-visual>svg{transform:none}.cabinet-specimen:hover{transform:none}}