body:has(.content-section:is(:hover,:focus-within,:target,:active)) .navbar{opacity:0;pointer-events:none}.navbar.hide-navbar,body.hide-navbar .navbar{opacity:0;pointer-events:none}:root{--hero-overlay-gradient:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 100%);--content-bg:#000;--content-fg:#fff;--btn-warning:#ffc107;--spacing-lg:6rem;--spacing-md:2rem;--spacing-sm:1rem;--waveform-height:46px;--track-row-padding:0.6em 0.6em;--track-row-gap:1em}body,html{height:100%;margin:0;padding:0;font-family:Arial,sans-serif;background:#000;scroll-behavior:smooth}.navbar{top:0;left:0;width:100%;z-index:100;background:0 0!important;color:#fff!important;box-shadow:none;transition:opacity .4s}.navbar .navbar-brand,.navbar .navbar-nav .nav-link,.navbar .navbar-toggler{color:#fff!important;fill:#fff!important}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none;opacity:1}.hero-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--hero-overlay-gradient);z-index:1;pointer-events:none}.hero-section{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--content-fg);overflow:hidden}.hero-content{position:relative;z-index:3;padding:var(--spacing-lg) var(--spacing-md);width:100%}.hero-actions,.hero-lead,.hero-title{opacity:1;transform:none;transition:none}.content-section{position:relative;z-index:5;margin-top:-4rem;background:var(--content-bg);color:var(--content-fg);box-shadow:0 -5px 30px rgba(0,0,0,.15);padding:var(--spacing-lg) var(--spacing-md);min-height:100vh}@media (max-width:767px){.content-section,.hero-content{padding:var(--spacing-md) var(--spacing-sm)}.panel-arrows-group{gap:1.5rem}.content-section{margin-top:-2rem;padding-top:var(--spacing-md)}}.panel-viewport{width:100%;max-width:500px;aspect-ratio:1/1;background:#111;border-radius:1rem;overflow:hidden;position:relative;box-shadow:0 6px 32px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.panel-viewport .panel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.panel-viewport .panel.active{opacity:1;pointer-events:auto;z-index:2}.panel-viewport audio,.panel-viewport img,.panel-viewport video{max-width:90%;max-height:90%;object-fit:contain;border-radius:.5rem}.panel-arrows-group{margin-top:.5rem;gap:2rem;display:flex;justify-content:center;align-items:center}.panel-arrow{display:flex;justify-content:center;align-items:center;color:#fff;background:0 0;border:none;outline:0;cursor:pointer;transition:color .2s;font-size:2rem;padding:0;user-select:none;text-decoration:none!important}.panel-arrow:focus,.panel-arrow:hover{color:var(--btn-warning,#ffc107);text-decoration:none!important}.img-fluid{max-width:100%;display:block}.item{width:100%;box-sizing:border-box;min-height:180px}body{font-family:'Segoe UI',sans-serif;margin:0;padding:2em 0;background-color:#f4f4f4}.track-container{display:flex;flex-direction:column-reverse;gap:var(--track-row-gap);width:100%;align-items:stretch}.track-row{display:flex;align-items:center;gap:.6em;background-color:#1e1d1d;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:var(--track-row-padding);border-radius:4px;transition:filter .2s,background .2s;width:100%}.track-row:hover{filter:brightness(1.16)}.waveform-container{flex:1 1 0;height:var(--waveform-height);background-color:#252525;overflow:hidden;position:relative;cursor:pointer;border-radius:2px;min-width:0;width:100%}.waveform-container canvas{opacity:0;transition:opacity .7s;display:block;width:100%!important;height:100%!important}.waveform-container canvas.waveform-visible{opacity:1}.icon-container{width:var(--waveform-height);height:var(--waveform-height);display:flex;align-items:center;justify-content:center;background-color:#262626;cursor:pointer;border-radius:2px;flex-shrink:0;border:2px solid #333;outline:0;box-shadow:none;transition:background-color .2s,border-color .2s;padding:0}.icon-container:hover{background-color:#303030;border-color:#444}.icon-container:focus,.icon-container:focus-visible{outline:0;border-color:#444;box-shadow:0 0 0 2px #222}.icon{width:28px;height:28px;fill:#666;transition:fill .2s}.icon-container.active .icon{fill:#FF6138}.error-message{color:#f55;font-size:1em;text-align:center;padding:1em 0}@media (max-width:600px){:root{--track-row-padding:0.5em 0.4em;--track-row-gap:0.8em}.track-row{flex-direction:column;align-items:stretch;gap:.4em}.icon-container{width:40px;height:40px}}