.scroll-slider-body{color:var(--base-100)}.scroll-container{background:var(--base-400);width:100%;height:100svh;position:relative;overflow:hidden}.slider{perspective:250px;perspective-origin:50% 100%;width:100%;height:100%;transform-style:preserve-3d;position:absolute}.slide{will-change:transform,opacity;border-radius:.25rem;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:absolute;top:30%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.slide-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.slide-title{color:var(--base-100);letter-spacing:-.15rem;z-index:10;font-size:4rem;font-weight:450}.slide-title .word{will-change:transform}@media (max-width:700px){.slider{top:-40%}.slide{width:100px;height:100px;top:60%}}.listen-btn{z-index:20;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border:none;border-radius:999px;padding:6px 12px;font-size:.75rem;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--base-400);width:min(720px,95vw);max-height:88vh;color:var(--base-100);border-radius:12px;padding:18px;position:relative;overflow:auto;box-shadow:0 10px 40px #0009}.modal-close{color:var(--base-100);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:8px;right:10px}.modal-header{align-items:center;gap:14px;margin-bottom:10px;display:flex}.modal-cover{object-fit:cover;border-radius:6px;width:96px;height:96px}.platform-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.platform-list li a{color:var(--base-100);text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Big Shoulders Display,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.platform-list li a:hover{color:#000;background:#fff;border-color:#fff;transform:translateY(-2px)}.error{color:#ff6b6b}.scroll-indicator{pointer-events:none;flex-direction:column;gap:20px;display:flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.scroll-indicator-dot{background-color:var(--base-100);opacity:.2;border-radius:50%;width:4px;height:4px;transition:opacity .3s}.scroll-indicator-active{background-color:var(--base-100);border-radius:999px;width:4px;height:4px;position:absolute;top:0;left:0;transform:translateY(-10px);box-shadow:0 0 10px #ffffff80}@media (max-width:1000px){.scroll-indicator{gap:16px;display:none;right:20px}}.scroll-arrow{color:var(--base-100);opacity:.7;z-index:2;flex-direction:column;align-items:center;gap:4px;animation:2s infinite bounce;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-text{text-transform:uppercase;letter-spacing:.1rem;margin:0;font-size:.8rem;font-weight:500;transition:opacity .5s}.scroll-text.hidden{opacity:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}