:root{--parchment:#f9f7f2;--antique-gold:#c5a367;--deep-navy:#1b365d;--vibrant-blue:#2957a4;--white:#fff;--serif:"Playfair Display",serif;--sans:"Montserrat",sans-serif}.audio-vessel{background-color:var(--parchment);color:var(--deep-navy);min-height:100vh;padding:100px 8vw;position:relative}.audio-grain{opacity:.3;pointer-events:none;background:url(https://www.transparenttextures.com/patterns/natural-paper.png);width:100%;height:100%;position:absolute;top:0;left:0}.audio-header{text-align:left;z-index:2;margin-bottom:80px;position:relative}.audio-eyebrow{font-family:var(--sans);letter-spacing:5px;color:var(--antique-gold);text-transform:uppercase;margin-bottom:15px;font-size:.7rem;font-weight:800;display:block}.audio-main-title{font-family:var(--serif);color:var(--deep-navy);margin:0;font-size:clamp(3rem,10vw,6rem);font-weight:900;line-height:.9}.audio-main-title span{color:var(--antique-gold);font-style:italic;font-weight:400}.audio-list{z-index:2;max-width:1000px;margin:0 auto;position:relative}.audio-row{cursor:pointer;border-bottom:1px solid #c5a36726;align-items:center;gap:40px;padding:30px 20px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.audio-row:hover{background:#2957a408;padding-left:30px}.audio-row.is-playing{border-left:4px solid var(--vibrant-blue);background:#2957a40f}.track-id{flex-direction:column;align-items:center;min-width:60px;display:flex}.id-tag{font-family:var(--sans);color:var(--antique-gold);margin-bottom:10px;font-size:.65rem;font-weight:800}.play-arrow{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid var(--deep-navy);width:0;height:0;transition:border-left-color .3s}.audio-row:hover .play-arrow{border-left-color:var(--vibrant-blue)}.stop-square{background:var(--vibrant-blue);width:12px;height:12px}.wave-icon{align-items:flex-end;gap:3px;height:14px;display:flex}.wave-icon span{background:var(--vibrant-blue);width:2px;animation:.8s ease-in-out infinite waveGrow}.wave-icon span:nth-child(2){animation-delay:.2s}.wave-icon span:nth-child(3){animation-delay:.4s}@keyframes waveGrow{0%,to{height:4px}50%{height:14px}}.track-info{flex-grow:1;justify-content:space-between;align-items:center;display:flex}.track-title{font-family:var(--serif);color:var(--deep-navy);margin:0;font-size:1.8rem;transition:color .3s}.audio-row:hover .track-title{color:var(--vibrant-blue)}.track-narrator{font-family:var(--sans);color:var(--deep-navy);opacity:.6;text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem;font-weight:600}.track-meta{align-items:center;gap:30px;display:flex}.track-cat{font-family:var(--sans);color:var(--antique-gold);border:1px solid var(--antique-gold);letter-spacing:1px;text-transform:uppercase;padding:3px 10px;font-size:.6rem;font-weight:700}.track-time{font-family:var(--sans);color:var(--deep-navy);font-size:.85rem;font-weight:700}.track-progress-container{width:100%;position:absolute;bottom:0;left:0}.progress-bar-bg{background:#1b365d0d;width:100%;height:2px}.progress-fill{background:var(--vibrant-blue);width:40%;height:100%}.audio-footer{text-align:center;margin-top:80px}.gold-dot{background:var(--antique-gold);border-radius:50%;width:6px;height:6px;margin:0 auto 20px}.audio-footer p{font-family:var(--sans);letter-spacing:4px;color:var(--antique-gold);text-transform:uppercase;font-size:.6rem;font-weight:700}@media (max-width:900px){.track-info{flex-direction:column;align-items:flex-start;gap:10px}.track-meta{justify-content:space-between;width:100%;margin-top:5px}.track-title{font-size:1.5rem}}@media (max-width:600px){.audio-vessel{padding:60px 6vw}.audio-row{gap:20px;padding:25px 10px}.audio-main-title{font-size:3.5rem}.audio-row:hover{padding-left:15px}}.audio-row:active{transform:scale(.99)}