/* A quiet entrance. The stone is the only moving element. */
:root{--bg:#000;--panel:#0b0c10;--line:#ffffff1a;--text:#efedf3;--muted:#92929f;--accent:#d1ccef}
html{scroll-padding-top:0}
body{background:#000}
.splash{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;padding:38px 24px 38px;background:#000;isolation:isolate}
.splash:focus,#catalog:focus{outline:none}
.splash-brand{font:400 25px/1.3 var(--serif);letter-spacing:.3em;padding-left:.3em;margin:0;color:#e1dfe8}
.splash-stone{width:min(88vw,510px,65svh);max-width:100%;min-width:0;padding:24px 0 30px}
.collection-entry{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;min-height:52px;padding:12px 22px;border:1px solid #ffffff35;border-radius:2px;color:#e3e1e9;font-size:12px;letter-spacing:.025em;transition:border-color .4s,background .4s}
.collection-entry span{font-size:17px;color:#b9b6c6}
.collection-entry:hover{border-color:#ffffff70;background:#ffffff09}
#veleva-emerald-turn{width:100%;color:#dce5f5;font-family:'Manrope',Arial,sans-serif;display:flex;flex-direction:column;align-items:center}
#veleva-emerald-turn .stage{width:100%;aspect-ratio:21/17;position:relative;isolation:isolate}
#veleva-emerald-turn .stone,#veleva-emerald-turn .gem-fallback{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#veleva-emerald-turn .stone{touch-action:pan-y;cursor:grab;opacity:0}
#veleva-emerald-turn[data-gem-state="ready"] .stone{opacity:1}
#veleva-emerald-turn[data-gem-state="ready"] .gem-fallback{visibility:hidden}
#veleva-emerald-turn[data-gem-state="fallback"] .controls{visibility:hidden}
#veleva-emerald-turn .stone.dragging{cursor:grabbing}
#veleva-emerald-turn .name{font-size:10px;font-weight:400;letter-spacing:.32em;padding-left:.32em;margin:12px 0 12px;min-height:17px;color:#9496a8}
#veleva-emerald-turn .controls{display:flex;gap:4px}
#veleva-emerald-turn button{background:transparent;color:#9293a1;border:0;border-radius:2px;padding:0 15px;min-height:44px;font:400 11px 'Manrope',Arial,sans-serif;transition:color .25s}
#veleva-emerald-turn button:hover{color:#fff}
#veleva-emerald-turn button:disabled{opacity:.35;cursor:default}
.collection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:68px}
.collection-header .logo{font-size:24px;color:#e1dfe8}
.back-intro{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:12px;color:#92929f}
.back-intro:hover{color:#fff}
.catalog{background:#08090c;border-top:1px solid #ffffff12;padding:30px 6% 80px;max-width:none!important}
.catalog>.section-heading,.catalog>.catalog-tools,.catalog>.filter-panel,.catalog>.products-grid,.catalog>.collection-header{max-width:1440px;margin-left:auto;margin-right:auto}
.catalog .section-heading{align-items:center;margin-bottom:34px}
.catalog .section-heading h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-.02em}
.catalog #totalCount{font-size:12px}
.catalog .category-tabs button{border-radius:20px;font-size:12px;padding:9px 16px}
.catalog .category-tabs .selected{background:#c8c4e410;border-color:#a1a0bb;color:#e5e1f7}
.catalog .filter-panel{grid-template-columns:repeat(4,minmax(0,1fr)) auto auto}
.product-image{background:radial-gradient(ellipse at 50% 40%,#15141c,#0c0d11 76%);border-color:#ffffff0e}
.sample-gem{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:20px}
.sample-gem .sample-art{display:block;width:80%;max-width:270px;aspect-ratio:1;background-image:url('/assets/gem-atlas.webp');background-size:400% 400%;background-repeat:no-repeat;background-position:var(--gem-x) var(--gem-y);mix-blend-mode:screen;transform:rotate(-8deg)}
.sample-gem small{position:absolute;bottom:24px;left:10px;right:10px;text-align:center;font-size:11px;letter-spacing:.025em;color:#a39bad}
.detail-photo .sample-gem{min-height:400px}
.detail-photo .sample-art{max-width:340px;width:90%}
.detail-photo .sample-gem small{font-size:12px;bottom:28px}
.card-number{z-index:1;color:#8b829c}
.product-meta h3{color:#e5e1eb}
.price-row{gap:12px}
.stock{white-space:nowrap}
footer{background:#08090c}
footer>span{margin-left:auto}
@media(max-width:1050px){.catalog .filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .splash{padding:30px 18px 28px}
 .splash-brand{font-size:23px}
 .splash-stone{width:min(94vw,420px,68svh);padding:20px 0}
 .collection-entry{min-height:50px;font-size:12px;gap:38px}
 #veleva-emerald-turn .name{margin-top:8px}
 .catalog{padding:22px 6% 48px}
 .collection-header{margin-bottom:46px}
 .collection-header .logo{font-size:22px}
 .catalog .section-heading{flex-direction:row;align-items:center;gap:12px}
 .catalog .section-heading h2{font-size:32px}
 .catalog #totalCount{font-size:11px;text-align:right}
 .catalog .filter-panel{grid-template-columns:1fr 1fr}
 .sample-gem{padding:12px 12px 36px}
 .sample-gem .sample-art{width:93%}
 .sample-gem small{font-size:10px;bottom:11px}
 .detail-photo .sample-gem{min-height:280px}
 .detail-photo .sample-gem small{font-size:11px;bottom:18px}
 .price-row{gap:5px}
 footer{display:flex;flex-wrap:wrap;gap:20px}
 footer .logo{font-size:20px}
 footer>span{font-size:10px}
 footer>a:last-child{font-size:11px}
}
@media(max-height:570px) and (min-width:701px){
 .splash{padding:22px 24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 30px}
 .splash-brand{grid-column:2;grid-row:1;align-self:end}
 .splash-stone{grid-column:1;grid-row:1/3;width:min(60svh,420px);padding:0}
 .collection-entry{grid-column:2;grid-row:2;align-self:start;margin-top:25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collection-entry{transition:none}}