.rl-artists-wrapper{background-color:var(--bg-color);color:var(--text-color);padding:60px 20px;font-family:inherit}.rl-artists-container{max-width:1400px;margin:0 auto}.rl-header{text-align:center;margin-bottom:60px}.rl-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin:0 0 10px;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.rl-subtitle{font-size:1.2rem;text-transform:uppercase;letter-spacing:4px;color:#ff8a00;margin:0;font-weight:600}.rl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.rl-card{position:relative;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:#111;cursor:pointer;outline:none;box-shadow:0 10px 30px #0006;transform:translateZ(0)}.rl-card:focus-visible{box-shadow:0 0 0 4px #ff8a00}.rl-image-container{position:relative;width:100%;height:100%;overflow:hidden}.rl-img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.25,.46,.45,.94),filter .5s ease}.rl-default-overlay{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#000000e6,#0000);z-index:1;transition:opacity .4s ease}.rl-name-bold{position:absolute;bottom:25px;left:25px;right:25px;margin:0;font-size:2rem;font-weight:800;text-transform:uppercase;color:#fff;z-index:2;transition:transform .4s ease,opacity .3s ease;text-shadow:0 2px 10px rgba(0,0,0,.5)}.rl-interactive-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:3;display:flex;flex-direction:column;justify-content:center;padding:30px;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.rl-interactive-content{display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(20px);transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.rl-card:hover .rl-img,.rl-card:focus .rl-img{transform:scale(1.1)}.rl-card:hover .rl-default-overlay,.rl-card:focus .rl-default-overlay,.rl-card:hover .rl-name-bold,.rl-card:focus .rl-name-bold{opacity:0;transform:translateY(10px)}.rl-card:hover .rl-interactive-layer,.rl-card:focus .rl-interactive-layer{opacity:1;transform:translateY(0);pointer-events:auto}.rl-card:hover .rl-interactive-content,.rl-card:focus .rl-interactive-content{transform:translateY(0)}.rl-name-hover{font-size:1.8rem;font-weight:800;margin:0 0 15px;color:#fff;text-transform:uppercase;letter-spacing:2px}.rl-desc{font-size:.95rem;line-height:1.5;color:#fffc;margin-bottom:25px;max-height:120px;overflow-y:auto}.rl-desc p{margin:0 0 10px}.rl-audio-player{width:100%;margin-bottom:25px}.rl-audio-player audio{width:100%;height:40px;border-radius:30px}audio::-webkit-media-controls-panel{background-color:#ffffff26}audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-mute-button{background-color:#ff8a00;border-radius:50%}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{color:#fff}.rl-socials{display:flex;gap:15px;justify-content:center}.rl-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:#ffffff1a;color:#fff;text-decoration:none;transition:all .3s ease}.rl-icon:hover{transform:translateY(-5px);background:#fff}.rl-icon.yt:hover{color:red;box-shadow:0 10px 20px #ff00004d}.rl-icon.ig:hover{color:#e1306c;box-shadow:0 10px 20px #e1306c4d}.rl-icon.fb:hover{color:#1877f2;box-shadow:0 10px 20px #1877f24d}.rl-icon.tk:hover{color:#000;box-shadow:0 10px 20px #fff6}@media(max-width:768px){.rl-grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:20px;padding-bottom:20px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.rl-grid::-webkit-scrollbar{height:6px}.rl-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.rl-grid::-webkit-scrollbar-thumb{background:#ff8a00;border-radius:10px}.rl-card{flex:0 0 85%;scroll-snap-align:center;min-width:260px}.rl-title{font-size:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-artist.css.map */