<!-- MUSIC SECTION -->
        <section id="music" class="section">
            <h2>Music Traxxx</h2>
            <div style="text-align: right; margin-bottom: 1rem;">
                <button onclick="refreshMusic()" class="refresh-button">
                    <span>🎲 Randomize</span>
                </button>
            </div>
            <div class="music-grid" id="musicGrid">
                {{ $allMusic := slice }}
                {{ range $path, $entries := hugo.Data.music }}
                    {{ range $entries }}
                        {{ $allMusic = $allMusic | append . }}
                    {{ end }}
                {{ end }}

                {{ $musicData := jsonify $allMusic }}
                <script>
                    window.allMusicData = {{ $musicData | safeJS }};
                </script>
            </div>
        </section>
