.sth-event-slider{position:relative;width:100%;max-width:100%;height:100vh;min-height:320px;overflow:hidden;background:#080808;color:#fff;font-family:Arial,Helvetica,system-ui,sans-serif;box-sizing:border-box}
.sth-event-slider *{box-sizing:border-box}
.sth-event-slide{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .7s ease,visibility .7s}
.sth-event-slider .is-active{opacity:1;visibility:visible}
.sth-event-slide__image,.sth-event-slide__image img,.sth-event-slide__image-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sth-event-slide__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.04) 68%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 48%)}
.sth-event-slide__image-placeholder{background:linear-gradient(135deg,#171717,#3a0b2f)}

.sth-event-slide__content,.sth-event-slide__info{position:absolute;left:clamp(70px,var(--sth-vw-7,7vw),270px);bottom:clamp(110px,var(--sth-vh-11,11vh),240px);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:auto;max-width:min(var(--sth-vw-74,74vw),2500px);overflow:visible;overflow-wrap:anywhere}
.sth-event-slide__artist{display:inline-block;width:fit-content;max-width:100%;margin:0;padding:0 38px;color:#ea1e8d;background:#fff;box-shadow:10px 10px 0 0 #ea1e8d;font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:90px;font-weight:800;line-height:130px;letter-spacing:-4px;transform:rotate(-4deg);transform-origin:left center}
.sth-event-slide__program-date{display:inline-flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;padding:8px 38px 20px;color:#fff;background:#ea1e8d;box-shadow:10px 10px 0 0 #fff;transform:rotate(-4deg);transform-origin:50% 50% -50px;transform-style:preserve-3d;perspective:600px;backface-visibility:visible}
.sth-event-slide__program,.sth-event-slide__content h2{max-width:100%;margin:0;color:#fff;font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:35px;font-weight:700;line-height:65px;letter-spacing:-1px}
.sth-event-slide__date{display:flex;align-items:baseline;gap:18px;max-width:100%;margin:0;color:#fff;font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:64px;font-weight:700;line-height:65px;letter-spacing:-1px}
.sth-event-slide__date .fa{flex:0 0 auto;color:#fff;font-size:1.2em}
.sth-event-slide__date-text{min-width:0}.sth-event-slide__date-text+.sth-event-slide__time:before{content:" · "}
.sth-event-slide__type{margin:4px 0 0;color:#fff;font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:20px;font-weight:600;line-height:30px;letter-spacing:0;text-transform:uppercase}
.sth-event-slide.is-active .sth-event-slide__artist{animation:sth-artist 1000ms cubic-bezier(.65,0,.35,1) 390ms both}
.sth-event-slide.is-active .sth-event-slide__program-date{animation:sth-program-date 1750ms cubic-bezier(.77,0,.175,1) 710ms both}

.sth-event-slider__ribbon{position:absolute;right:-1.5rem;top:clamp(2rem,var(--sth-vh-6,6vh),5rem);z-index:3;width:clamp(15rem,var(--sth-vw-27,27vw),31rem);padding:1rem 2rem 1.1rem;color:#fff;background:#e5007d;box-shadow:0 .3rem 1rem #0008;text-align:center;transform:rotate(4deg)}
.sth-event-slider__ribbon span,.sth-event-slider__ribbon small{display:block;font-weight:900}
.sth-event-slider__ribbon span{font-size:clamp(1.3rem,var(--sth-vw-2-6,2.6vw),3rem)}
.sth-event-slider__ribbon small{font-size:clamp(.65rem,var(--sth-vw-1,1vw),1rem);letter-spacing:.08em}
.sth-event-slide__counter{position:absolute;z-index:2;bottom:24px;font-weight:600}
.sth-event-slide__counter{left:clamp(70px,var(--sth-vw-7,7vw),270px);font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:18px;line-height:24px;opacity:.72}
.sth-event-slide__qr{position:absolute;right:0;bottom:0;z-index:2;display:grid;place-items:center;width:clamp(150px,var(--sth-vw-13,13vw),250px);height:clamp(150px,var(--sth-vw-13,13vw),250px);background:rgba(0,0,0,.7)}.sth-event-slide__qr svg{display:block;width:80%;height:80%;opacity:1;transform:none;filter:none}

@keyframes sth-artist{0%{opacity:0;transform:translateY(100%) rotate(70deg) scale(2)}100%{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}}
@keyframes sth-program-date{0%{opacity:0;transform:perspective(600px) rotate(-4deg) rotateX(70deg)}100%{opacity:1;transform:perspective(600px) rotate(-4deg) rotateX(0deg)}}
@media (prefers-reduced-motion:reduce){.sth-event-slide,.sth-event-slide__artist,.sth-event-slide__program-date{animation:none!important;transition:none!important}.sth-event-slide__artist{transform:translateY(0) rotate(-4deg) scale(1)}.sth-event-slide__program-date{transform:perspective(600px) rotate(-4deg) rotateX(0deg)}}