.hs-hotspots{aspect-ratio:16/9;margin:0 auto;max-height:100vh;max-width:100vw;overflow:hidden;position:relative;width:100%}.hs-hotspots .background-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .4s cubic-bezier(.52,.04,.33,1.05);width:100%}.hs-hotspots .hero-overlay{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,transparent);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:start;padding:70px 20px;pointer-events:none;position:absolute;text-align:center;z-index:25}.hs-hotspots .hero-subtitle{font-size:clamp(14px,2vw,20px);line-height:1.4;margin:0;opacity:.95;text-shadow:0 2px 6px rgba(0,0,0,.3)}.hs-hotspots .hotspot{background:transparent;border:3px solid transparent;border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.22);cursor:pointer;height:45px;position:absolute;transition:box-shadow .2s;width:45px}.hs-hotspots .hotspot:focus{outline:none}.hs-hotspots .hotspot.active{box-shadow:0 2px 20px rgba(255,204,3,.55)}.hs-hotspots .hotspot:after,.hs-hotspots .hotspot:before{border-radius:50%;content:"";inset:0;pointer-events:none;position:absolute}.hs-hotspots .hotspot:before{background:rgba(255,204,3,.8);z-index:30}.hs-hotspots .hotspot:after{background:transparent;border:3px solid #fff;box-sizing:border-box;z-index:31}.hs-hotspots .hotspot.active:after,.hs-hotspots .hotspot:focus:after,.hs-hotspots .hotspot:hover:after{border-color:#1e1e1e}.hs-hotspots .hotspot.active:before{background:#ffcc03}.hs-hotspots .hotspot .hotspot-label{align-items:center;background:#1e1e1e;border-radius:9999px;box-shadow:0 2px 8px rgba(0,0,0,.25);color:#fff;display:inline-flex;font-size:16px;font-weight:600;left:calc(100% - 3px);letter-spacing:.03em;line-height:1;margin-left:0;max-width:260px;opacity:0;padding:6px 12px 6px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-8px);transition:transform .25s cubic-bezier(.52,.04,.33,1.05),opacity .25s;white-space:nowrap;z-index:20}.hs-hotspots .hotspot .hotspot-label .label-text{margin-right:10px}.hs-hotspots .hotspot .hotspot-label .label-accent{background:#ffcc03;border-radius:2px;flex:0 0 4px;height:14px;width:4px}.hs-hotspots .hotspot.active .hotspot-label,.hs-hotspots .hotspot:focus .hotspot-label,.hs-hotspots .hotspot:hover .hotspot-label{opacity:1;transform:translateY(-50%) translateX(0)}.hs-hotspots .details-panel{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;box-shadow:0 16px 50px rgba(0,0,0,.5);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;left:50%;max-height:min(80vh,800px);opacity:0;padding:44px 20px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.98);transition:opacity .3s ease,transform .3s ease;width:min(760px,90vw);z-index:60}.hs-hotspots .details-panel .panel-content{flex:1 1 auto;overflow:auto;padding:0 34px;text-align:center}.hs-hotspots .details-panel .panel-content h2{display:inline-block;text-transform:uppercase}.hs-hotspots .details-panel .panel-content h2:after{background-color:#ffcc03;content:" ";display:block;height:3px;margin:0 auto;width:90%}.hs-hotspots .details-panel .panel-content h2,.hs-hotspots .details-panel .panel-content p{color:#fff}.hs-hotspots .details-panel .panel-content h2{margin-bottom:20px}.hs-hotspots .details-panel .panel-content .hotspot-subtitle{color:#fff;font-size:.9rem;font-weight:500;margin-top:-8px;opacity:.95}.hs-hotspots .details-panel .panel-content .card-subtitle{color:#fff;font-size:1.1rem;font-weight:600;margin-top:34px;text-transform:uppercase}.hs-hotspots .overlay-active{background:rgba(0,0,0,.38);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:background .3s,opacity .3s;width:100%;z-index:50}.hs-hotspots .details-panel.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.hs-hotspots .details-panel.active+.panel-nav~.overlay-active,.hs-hotspots .details-panel.active~.overlay-active{opacity:1;pointer-events:auto}.hs-hotspots .close-btn{align-self:flex-end;background:none;border:none;color:#ffcc03;cursor:pointer;font-size:2.5rem;position:absolute;right:20px;top:0;transition:color .2s}.hs-hotspots .close-btn:hover{color:#fffbe6}.hs-hotspots .panel-nav{height:0;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(760px,90vw);z-index:70}.hs-hotspots .nav-arrow{background:transparent;border:none;color:#fff;cursor:pointer;font-size:40px;height:auto;line-height:1;padding:8px 10px;position:absolute;top:50%;transform:translateY(-50%);width:80px}.hs-hotspots .nav-arrow svg{fill:#999}.hs-hotspots .nav-arrow:hover svg{fill:#fff}.hs-hotspots .nav-arrow:hover{opacity:.9}.hs-hotspots .nav-arrow:disabled{cursor:not-allowed;opacity:.35}.hs-hotspots .nav-arrow.prev-arrow{left:-8px}.hs-hotspots .nav-arrow.next-arrow{right:-8px}@keyframes hotspot-pulse{0%{box-shadow:0 0 0 0 rgba(255,204,3,.5)}70%{box-shadow:0 0 0 12px rgba(255,204,3,.08)}to{box-shadow:0 0 0 0 rgba(255,204,3,0)}}.hs-hotspots .hotspot.pulse-animate{animation:hotspot-pulse 1.6s infinite}.hs-hotspots .inner-image{margin:12px 0}.hs-hotspots .inner-image img{display:block;height:auto;max-width:100%}.hs-hotspots .footer-subheader{color:#ffcc03;font-weight:600;margin-top:16px}@media (max-width:768px){.hs-hotspots{aspect-ratio:9/16;max-height:100vh}.hs-hotspots .hotspot{border-width:3px;height:40px;width:40px}.hs-hotspots .hotspot .hotspot-label{display:none}.hs-hotspots .hotspot.active .hotspot-label{display:inline-flex;font-size:13px;opacity:1;padding:5px 12px 5px 9px;transform:translateY(-50%) translateX(0)}.hs-hotspots .details-panel .panel-content{padding:0 8px}.hs-hotspots .hotspot.active .hotspot-label .label-accent{height:16px}.hs-hotspots .details-panel{max-height:78vh;padding:18px 0 24px;width:98vw}.hs-hotspots .close-btn{font-size:2.25rem;position:relative;right:auto;top:auto}.hs-hotspots .nav-arrow{width:60px}.hs-hotspots .nav-arrow.prev-arrow{left:-10px}.hs-hotspots .nav-arrow.next-arrow{right:-10px}.hs-hotspots .hero-overlay{padding:24px 12px}.hs-hotspots .hero-overlay .title--h4{font-size:12px}.hs-hotspots .hero-overlay .title--h1{font-size:20px}}iframe.spotify-embed{border-radius:12px;display:block;height:352px;margin:0 auto;max-width:560px;width:100%}@media (max-width:400px){iframe.spotify-embed{height:400px;max-width:340px}}