.showcase-page{padding:var(--spacing-xl,2rem) 0;min-height:100vh}.showcase-page h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary)}.showcase-page .lead{font-size:1.125rem;color:var(--text-muted);margin-bottom:3rem}.audio-samples-section,.videos-section{margin-bottom:4rem}.audio-samples-section h2,.videos-section h2{font-size:2rem;margin-bottom:1.5rem;color:var(--primary)}.audio-grid{position:relative;margin-bottom:3rem}.audio-item{position:absolute;padding:10px;transition:opacity .3s,transform .3s}.audio-item .audio-player-mini{width:100%;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .2s}.audio-item:hover .audio-player-mini{box-shadow:0 4px 8px rgba(0,0,0,.15)}.sample-products{margin-top:.5rem;padding:0 8px;font-size:.75rem;color:var(--text-muted)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.video-item{cursor:pointer;transition:transform .2s}.video-item:hover{transform:translateY(-4px)}.video-thumbnail{position:relative;padding-bottom:56.25%;background:var(--background-alt);border-radius:8px;overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s}.video-item:hover .video-thumbnail img{opacity:.8}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;opacity:.8;transition:opacity .2s}.video-item:hover .play-button{opacity:1}.play-button svg{width:100%;height:100%}.video-item h3{margin-top:.75rem;font-size:1rem;font-weight:600;color:var(--primary)}.video-item p{margin-top:.25rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:9999}.video-modal.is-active{opacity:1;visibility:visible}.video-modal-content{position:relative;width:90%;max-width:1400px;max-height:90vh}.video-modal-close{position:absolute;top:-40px;right:0;width:40px;height:40px;background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.video-modal-close:hover{opacity:1}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1.125rem;background-color:var(--bg-muted,#f5f5f5);border-radius:8px;margin:1rem 0}.empty-state p{margin:0;line-height:1.6}.audio-samples-section .empty-state,.videos-section .empty-state{grid-column:1/-1}@media (max-width:768px){.showcase-page h1{font-size:2rem}.showcase-page .lead{font-size:1rem}.filter-buttons{gap:.25rem}.filter-btn{padding:.375rem .75rem;font-size:.8125rem}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.video-modal-content{width:95%}.video-modal-close{top:-30px;width:30px;height:30px;font-size:1.5rem}}@media (max-width:480px){.showcase-page{padding:var(--spacing-lg,1.5rem) 0}.audio-samples-section,.videos-section{margin-bottom:3rem}.videos-grid{grid-template-columns:1fr}}