.ks-drum{position:relative;padding:clamp(5rem,10vh,8rem) 0 clamp(3rem,5vh,4rem);overflow:visible;background:radial-gradient(ellipse at 50% 45%,rgba(201,162,39,.04) 0%,transparent 45%),var(--espresso)}.ks-drum-header{text-align:center;margin-bottom:clamp(2.5rem,5vh,4rem);padding:0 5vw}.ks-drum-label{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}.ks-drum-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.2rem);font-weight:300;color:var(--text-on-dark);line-height:1.15}.ks-drum-stage{position:relative;overflow:visible;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;padding-bottom:clamp(1rem,2vh,1.5rem)}.ks-drum-stage:active{cursor:grabbing}.ks-drum-scene{width:100%;height:clamp(400px,50vh,520px);position:relative;perspective:1100px;perspective-origin:50% 50%;overflow:visible}.ks-drum-cylinder{width:100%;height:100%;position:relative;transform-style:preserve-3d}.ks-drum-card{position:absolute;width:clamp(240px,22vw,340px);height:clamp(300px,27vw,400px);left:50%;top:50%;margin-left:calc(clamp(240px,22vw,340px)/-2);margin-top:calc(clamp(300px,27vw,400px)/-2);backface-visibility:hidden;text-decoration:none;color:inherit;display:block;filter:brightness(.4) saturate(.5);transition:filter .6s var(--ease-smooth),opacity .6s var(--ease-smooth)}.ks-drum-card.is-active{filter:brightness(1) saturate(1)}.ks-drum-card-inner{width:100%;height:100%;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 8px 40px #0006;transition:box-shadow .6s var(--ease-smooth)}.ks-drum-card.is-active .ks-drum-card-inner{box-shadow:0 12px 60px #00000080,0 0 80px #c9a22714}.ks-drum-card-img-wrap{width:100%;height:100%;overflow:hidden;border-radius:12px}.ks-drum-card-inner img,.ks-drum-card-img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block;will-change:transform}.ks-drum-card-placeholder{background:var(--charcoal)}.ks-drum-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1rem,1.5vw,1.5rem);background:linear-gradient(to top,rgba(42,37,32,.9) 0%,rgba(42,37,32,.35) 35%,rgba(201,162,39,.03) 60%,transparent 75%);border-radius:12px;opacity:0;transition:opacity .5s var(--ease-smooth)}.ks-drum-card.is-active .ks-drum-card-overlay{opacity:1}.ks-drum-card-num{position:absolute;top:clamp(.8rem,1.2vw,1.2rem);right:clamp(.8rem,1.2vw,1.2rem);font-family:var(--font-body);font-size:.6rem;font-weight:500;letter-spacing:.15em;color:var(--gold);opacity:.7}.ks-drum-card-price{font-family:var(--font-body);font-size:.55rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin-bottom:.25rem}.ks-drum-card-title{font-family:var(--font-heading);font-size:clamp(1rem,1.5vw,1.35rem);font-weight:400;color:var(--text-on-dark);margin:0 0 .15rem;line-height:1.2}.ks-drum-ground{position:absolute;bottom:-30px;left:15%;width:70%;height:100px;background:radial-gradient(ellipse at 50% 0%,rgba(201,162,39,.06) 0%,transparent 65%);pointer-events:none}.ks-drum-controls{display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,3vw,2.5rem);position:relative;z-index:10;padding:clamp(1.5rem,2.5vh,2rem) 0 clamp(.5rem,1vh,.8rem)}.ks-drum-prev,.ks-drum-next{width:44px;height:44px;border-radius:50%;border:1px solid rgba(201,162,39,.35);background:transparent;color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-elegant)}.ks-drum-prev:hover,.ks-drum-next:hover{background:var(--gold);color:var(--espresso);border-color:var(--gold)}.ks-drum-counter{display:flex;align-items:center;gap:.6rem;font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:.1em}.ks-drum-counter-current{font-size:1.1rem;font-weight:500;color:var(--gold);min-width:1.8em;text-align:right;transition:opacity .2s var(--ease-smooth)}.ks-drum-counter-sep{color:#c9a22759}.ks-drum-counter-total{color:var(--text-on-dark-muted);min-width:1.8em}.ks-drum-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 0 clamp(1rem,2vh,1.5rem);font-family:var(--font-body);font-size:.6rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--text-on-dark-muted);opacity:.5;transition:opacity .5s var(--ease-smooth)}.ks-drum-hint svg{opacity:.5}.ks-drum-hint.is-hidden{opacity:0;pointer-events:none}@media(max-width:749px){.ks-drum-card{width:clamp(170px,40vw,230px);height:clamp(230px,55vw,310px);margin-left:calc(clamp(170px,40vw,230px)/-2);margin-top:calc(clamp(230px,55vw,310px)/-2)}.ks-drum-scene{height:clamp(300px,60vw,400px)}.ks-drum-hint{display:none}}@media(max-width:480px){.ks-drum-card{width:clamp(150px,50vw,200px);height:clamp(200px,65vw,270px);margin-left:calc(clamp(150px,50vw,200px)/-2);margin-top:calc(clamp(200px,65vw,270px)/-2)}.ks-drum-scene{height:clamp(250px,70vw,340px)}.ks-drum-title{font-size:clamp(1.6rem,6vw,2.2rem)}}@media(prefers-reduced-motion:reduce){.ks-drum-card{filter:none;transition:none}.ks-drum-card-overlay{opacity:1}.ks-drum-card:not(.is-active) .ks-drum-card-overlay{opacity:.6}.ks-drum-card-inner img,.ks-drum-card-img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ks-drum.css.map */