/* spatial-cards ring slider (shared with the home page) */
.xbtn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s}
.xbtn:hover{background:#fff;color:#1a1040;transform:scale(1.06)}
.sc-root{--sc-press:.94;--sc-dot-size:.56vw;--sc-dot-gap:.5vw;--sc-dot-dim:.35;position:relative;overflow:hidden;padding:1vw 0 2vw;direction:rtl}
.sc-stage{position:relative;display:flex;column-gap:1.935vw;width:100%;height:27vw;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.sc-root.is-dragging .sc-stage{cursor:grabbing}
.sc-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:21.5vw;padding:0;transition:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}
.sc-root:not(.is-ready) .sc-card:not(:first-child){visibility:hidden}
.sc-go{position:absolute;inset:0;z-index:4;border-radius:inherit}
.sc-in{position:relative;padding:.7vw;border-radius:18px;background:#fff;border:1px solid rgba(138,43,226,.16);box-shadow:0 24px 50px -24px rgba(90,40,160,.35);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.sc-card:hover .sc-in{transform:scale(1.12);box-shadow:0 40px 80px -24px rgba(90,40,160,.55)}
.sc-photo{pointer-events:none;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#f3ecff}
.sc-photo img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}
.sc-photo img.contain{object-fit:contain;padding:12px}
.sc-label{text-align:center;font-size:1.15vw;font-weight:800;line-height:1.1;padding:1.1vw 0 .3vw;display:block;background:linear-gradient(90deg,#8a2be2,#e0409a,#8a2be2);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradFlow 5s linear infinite}
.sc-sub{text-align:center;color:#6b5f86;font-size:.8vw;padding-bottom:.8vw}
.sc-nav{display:flex;justify-content:center;align-items:center;gap:1.4vw;margin-top:1.5vw}
.sc-nav .xbtn{color:#5b2bb0;border-color:rgba(91,43,176,.35);background:rgba(255,255,255,.7)}
.sc-nav .xbtn:hover{background:#5b2bb0;color:#fff}
.sc-dots{display:flex;flex-direction:row;align-items:center;gap:var(--sc-dot-gap);padding:0 .2vw}
.sc-dot{width:var(--sc-dot-size);height:var(--sc-dot-size);padding:0;margin:0;border:0;border-radius:50%;background:var(--sc-dot,#5b2bb0);opacity:var(--sc-dot-dim);cursor:pointer;transition:opacity .3s ease}
.sc-dot.is-active{opacity:1}
.sc-dot:focus-visible,.sc-nav .xbtn:focus-visible{outline:2px solid var(--sc-dot,#5b2bb0);outline-offset:3px}
.sc-nav .xbtn:active{transform:scale(var(--sc-press))}
@media(max-width:1024px){
.sc-root{--sc-dot-size:1.1vw;--sc-dot-gap:1vw}
.sc-stage{height:46vw;column-gap:3.24vw}
.sc-card{width:36vw}
.sc-in{padding:1.2vw;border-radius:16px}
.sc-label{font-size:2.5vw;padding:1.8vw 0 .5vw}
.sc-sub{font-size:1.6vw;padding-bottom:1.4vw}
.sc-nav{gap:2.2vw;margin-top:3vw}
}
@media(max-width:767px){
.sc-root{--sc-dot-size:2vw;--sc-dot-gap:1.8vw}
.sc-stage{height:80vw;column-gap:5.58vw}
.sc-card{width:62vw}
.sc-in{padding:2.1vw;border-radius:14px}
.sc-label{font-size:4.6vw;padding:3vw 0 1vw}
.sc-sub{font-size:3.2vw;padding-bottom:2.4vw}
.sc-nav{gap:3.6vw;margin-top:5vw}
}
@media(prefers-reduced-motion:reduce){.sc-label{animation:none}}
.sc-go{position:absolute;inset:0;z-index:4;border-radius:inherit}