.slab-showcase{max-width:1150px;margin:0 auto 80px;padding:40px 24px;text-align:center;border-top:1px solid #333}.slab-showcase h2{font-size:clamp(2rem,5vw,3.5rem);margin:10px}.slab-showcase>p{color:#c9c9c9}.spin-stage{perspective:1400px;background:radial-gradient(ellipse at 50% 35%,#fffdf8,#e7e1d6);border-radius:12px;margin:28px auto 20px;padding:45px 20px;overflow:hidden}.spin-slab{position:relative;width:min(300px,70vw);aspect-ratio: .59;margin:auto;transform-style:preserve-3d;will-change:transform}.slab-face{position:absolute;inset:0;padding:15px 14px 18px;border:7px ridge #d9dee5;border-radius:16px;background:linear-gradient(115deg,#f8fafb,#d4d9df 40%,#f5f6f7);box-shadow:inset 0 0 0 3px #aeb7c2,inset 0 0 0 7px #eef2f6,0 10px 18px #0002;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;gap:12px;transform:translateZ(4px)}.slab-face.back{transform:rotateY(180deg) translateZ(4px)}.sample-label{background:#f7f5ef;color:#111;border:3px solid #a92c2c;border-radius:3px;padding:6px;text-align:left;font:700 clamp(10px,2.7vw,13px)/1.3 Arial,sans-serif;display:grid;grid-template-columns:1fr auto;gap:3px}.sample-label strong{grid-column:1/-1}.sample-label small{font-size:8px;letter-spacing:1px}.slab-art{width:100%;min-height:0;flex:1;object-fit:contain;background:#fff;border:2px solid #aeb6c0;display:block}.spin-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.spin-controls button{padding:12px 18px;background:#171717;color:#fff;border:1px solid #b69b72;border-radius:4px;cursor:pointer}.spin-controls button:focus-visible{outline:3px solid #e6cb9d;outline-offset:3px}
/* Acrylic shell: separated faces, four solid edges and inset wells. */
.spin-stage{position:relative;padding:55px 20px 85px;background:radial-gradient(ellipse at 45% 20%,#fffefb 0,#ede9e1 65%,#d6d1c8 100%)}
.spin-stage:after{content:"";position:absolute;width:260px;max-width:65%;height:35px;bottom:29px;left:50%;transform:translateX(-50%);border-radius:50%;background:#38312b40;filter:blur(13px)}
.spin-slab{width:min(340px,70vw);aspect-ratio:.61;--depth:18px}
.slab-face{padding:18px 15px 20px;border:3px solid #dce2e8;border-radius:13px;gap:16px;background:linear-gradient(115deg,#eef3f6ec,#b3c1cdba 25%,#e9eff4e8 55%,#c3ced8e8);box-shadow:inset 0 0 0 2px #fff9,inset 0 0 0 5px #8998a580,inset 0 0 0 8px #f7fbff90,3px 5px 10px #29354030;transform:translateZ(9px)}
.slab-face.back{transform:rotateY(180deg) translateZ(9px)}
.slab-face:after{content:"";position:absolute;inset:5px;border-radius:9px;pointer-events:none;background:linear-gradient(115deg,#fff4 0%,#fff0 18%,#fff0 62%,#fff2 65%,#fff0 70%);border-top:2px solid #fffd;border-left:1px solid #fff9}
.sample-label{display:block;flex:0 0 auto;width:100%;aspect-ratio:3.12;overflow:hidden;padding:0;border:2px solid #96a3af;border-radius:4px;box-shadow:0 2px 1px #fff9,0 -2px 3px #586c7d70;background:#fff;position:relative}
.sample-label img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%);display:block}
.slab-art{flex:none;aspect-ratio:5/7;object-fit:contain;border:2px solid #9caab7;border-radius:3px;box-shadow:0 0 0 3px #eff5f9a0,0 0 0 5px #91a2b080,0 4px 5px #41546555;background:#fff}
.slab-edge{position:absolute;display:block;background:linear-gradient(90deg,#b4c4d1,#eef6fbee 20%,#91a5b6 43%,#dce8f0 52%,#8096a8 57%,#edf5f9 80%,#a1b2c0);border:1px solid #d9e5ef;box-shadow:inset 0 0 3px #445e7580;backface-visibility:visible}
.edge-left,.edge-right{width:var(--depth);height:calc(100% - 16px);top:8px;left:calc(50% - 9px)}
.edge-left{left:-9px;transform:rotateY(90deg)}.edge-right{left:calc(100% - 9px);transform:rotateY(90deg)}
.edge-top,.edge-bottom{height:var(--depth);width:calc(100% - 16px);left:8px;transform:rotateX(90deg)}.edge-top{top:-9px}.edge-bottom{bottom:-9px}