.landing-hero{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);padding:5rem 2rem 3rem;border-bottom:1px solid #e2e8f0}.landing-hero-content{max-width:800px;margin:0 auto;text-align:center}.landing-hero h1{font-family:"DM Serif Display",Georgia,serif;font-size:2.5rem;font-weight:400;color:#1e293b;margin:0 0 1rem;line-height:1.2}.landing-hero-description{color:#475569;font-size:1.0625rem;line-height:1.75;margin:0 0 1.25rem}.landing-hero-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;color:#94a3b8;font-size:.8125rem}.landing-hero-meta span{display:flex;align-items:center;gap:.375rem}.landing-breadcrumb{max-width:1100px;margin:0 auto;padding:1rem 2rem;font-size:.8125rem;color:#94a3b8}.landing-breadcrumb a{color:#64748b;text-decoration:none;transition:color .2s}.landing-breadcrumb a:hover{color:var(--color-burgundy)}.landing-breadcrumb-sep{margin:0 .5rem;color:#cbd5e1}.landing-tracks{max-width:1100px;margin:0 auto;padding:2rem}.editorial-track-card{position:relative;border-radius:12px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;margin-bottom:1.5rem;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.editorial-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(50px) brightness(1.05) saturate(1.2);transform:scale(1.3);opacity:.9}.editorial-card-bg.editorial-card-bg--preblurred{filter:blur(8px) brightness(1.05) saturate(1.2)}.editorial-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ffffffd1,#ffffffe0,#ffffffeb);pointer-events:none}.editorial-track-card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;transform:translateY(-1px)}.editorial-track-top{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem}.editorial-track-position{font-family:"DM Serif Display",Georgia,serif;font-size:1.5rem;color:#cbd5e1;min-width:2rem;text-align:center;flex-shrink:0}.editorial-track-cover{width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0}.editorial-track-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.editorial-track-cover a{display:block;width:100%;height:100%}.editorial-track-info{flex:1;min-width:0}.editorial-track-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.editorial-track-title a{color:inherit;text-decoration:none;transition:color .2s}.editorial-track-title a:hover{color:var(--color-burgundy)}.editorial-track-artist{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.editorial-track-artist a{color:inherit;text-decoration:none;transition:color .2s}.editorial-track-artist a:hover{color:var(--color-burgundy)}.editorial-track-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#94a3b8}.editorial-track-meta-item{display:flex;align-items:center;gap:.25rem}.editorial-track-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.editorial-tag{display:inline-block;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;border-radius:4px;text-decoration:none;transition:background-color .2s,color .2s}.editorial-tag-genre{background:#fef3c7;color:#92400e}.editorial-tag-genre:hover{background:#fde68a;color:#78350f}.editorial-tag-mood{background:#dbeafe;color:#1e40af}.editorial-tag-mood:hover{background:#bfdbfe;color:#1e3a8a}.editorial-track-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.editorial-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.editorial-action-play{background:var(--color-burgundy);color:#fff}.editorial-action-play:hover{background:var(--color-burgundy-dark)}.editorial-action-download{background:#f1f5f9;color:#475569}.editorial-action-download:hover{background:#e2e8f0;color:#1e293b}.editorial-action-attribution{background:transparent;color:#94a3b8;padding:.5rem}.editorial-action-attribution:hover{color:#475569}.editorial-track-waveform{position:relative;z-index:1;padding:0 1.5rem 0 4.5rem}.editorial-track-description{position:relative;z-index:1;padding:0 1.5rem 1.25rem 4.5rem}.editorial-track-description p{color:#475569;font-size:.9375rem;line-height:1.7;margin:.5rem 0 0}.editorial-track-description-text{max-height:4.2em;overflow:hidden;transition:max-height .35s ease;-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 100%);mask-image:linear-gradient(to bottom,#000 40%,transparent 100%)}.editorial-track-description--expanded .editorial-track-description-text{max-height:none;-webkit-mask-image:none;mask-image:none}.editorial-description-toggle{display:inline-block;margin-top:.375rem;padding:0;background:none;border:none;color:var(--color-burgundy);font-size:.8125rem;font-weight:500;cursor:pointer}.editorial-description-toggle:hover{text-decoration:underline}.landing-hero--colored{position:relative;overflow:hidden;border-bottom:none;margin-top:-70px;padding-top:calc(70px + 5rem)}.landing-hero--colored:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.18) 0%,transparent 70%);pointer-events:none}.landing-hero--colored .landing-hero-content{position:relative;z-index:1}.landing-hero--colored h1{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.15)}.landing-hero--colored .landing-hero-description{color:#ffffffe6}.landing-hero--colored .landing-hero-meta{color:#ffffffb3}.landing-hero--colored .landing-breadcrumb{padding:0 0 1.5rem;color:#fff9}.landing-hero--colored .landing-breadcrumb a{color:#fffc}.landing-hero--colored .landing-breadcrumb a:hover{color:#fff}.landing-hero--colored .landing-breadcrumb-sep{color:#fff6}@keyframes landingSlideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-hero--colored .landing-hero-content>*{opacity:0;animation:landingSlideUpFadeIn .9s cubic-bezier(.16,1,.3,1) forwards}.landing-hero--colored .landing-hero-content>*:nth-child(1){animation-delay:.1s}.landing-hero--colored .landing-hero-content>*:nth-child(2){animation-delay:.2s}.landing-hero--colored .landing-hero-content>*:nth-child(3){animation-delay:.3s}.landing-hero--colored .landing-hero-content>*:nth-child(4){animation-delay:.4s}.landing-hero--colored .landing-hero-content>*:nth-child(5){animation-delay:.5s}.landing-tracks .editorial-track-card{opacity:0;animation:landingSlideUpFadeIn .7s cubic-bezier(.16,1,.3,1) forwards}.landing-tracks .editorial-track-card:nth-child(1){animation-delay:.3s}.landing-tracks .editorial-track-card:nth-child(2){animation-delay:.4s}.landing-tracks .editorial-track-card:nth-child(3){animation-delay:.5s}.landing-tracks .editorial-track-card:nth-child(4){animation-delay:.55s}.landing-tracks .editorial-track-card:nth-child(5){animation-delay:.6s}.landing-tracks .editorial-track-card:nth-child(n+6){animation-delay:.65s}.landing-faq{max-width:800px;margin:0 auto;padding:3rem 2rem}.landing-faq-title{font-family:"DM Serif Display",Georgia,serif;font-size:1.75rem;font-weight:400;color:#1e293b;text-align:center;margin:0 0 2rem}.landing-faq-list{display:flex;flex-direction:column;gap:0}.landing-faq-item{border-bottom:1px solid #e2e8f0}.landing-faq-item:first-child{border-top:1px solid #e2e8f0}.landing-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 0;background:none;border:none;cursor:pointer;text-align:left;font-size:1rem;font-weight:500;color:#1e293b;line-height:1.5;gap:1rem}.landing-faq-question:hover{color:var(--color-burgundy)}.landing-faq-chevron{flex-shrink:0;color:#94a3b8;transition:transform .3s ease}.landing-faq-item--open .landing-faq-chevron{transform:rotate(180deg)}.landing-faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.landing-faq-item--open .landing-faq-answer{max-height:300px}.landing-faq-answer p{color:#475569;font-size:.9375rem;line-height:1.75;margin:0;padding:0 0 1.25rem}.landing-cta{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:3rem 2rem;text-align:center;border-top:1px solid #e2e8f0}.landing-cta h2{font-family:"DM Serif Display",Georgia,serif;font-size:1.75rem;font-weight:400;color:#1e293b;margin:0 0 .75rem}.landing-cta p{color:#64748b;font-size:1rem;margin:0 0 1.5rem}.landing-cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--color-burgundy);color:#fff;text-decoration:none;border-radius:8px;font-size:.9375rem;font-weight:500;transition:background-color .2s,transform .15s}.landing-cta-button:hover{background:var(--color-burgundy-dark);transform:translateY(-1px)}.browse-index-hero{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);padding:4rem 2rem 3rem;text-align:center;border-bottom:1px solid #e2e8f0}.browse-index-hero h1{font-family:"DM Serif Display",Georgia,serif;font-size:2.25rem;font-weight:400;color:#1e293b;margin:0 0 .75rem}.browse-index-hero p{color:#64748b;font-size:1.0625rem;margin:0}.browse-index-grid{max-width:1100px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.browse-index-card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}.browse-index-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.browse-index-card-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.browse-index-card-desc{color:#64748b;font-size:.875rem;line-height:1.6;margin:0 0 .75rem}.browse-index-card-count{font-size:.75rem;color:#94a3b8;font-weight:500}@media(max-width:768px){.landing-hero{padding:4rem 1.25rem 2rem}.landing-hero h1{font-size:1.75rem}.landing-hero-description{font-size:.9375rem}.landing-breadcrumb{padding:.75rem 1.25rem}.landing-tracks{padding:1rem}.editorial-track-top{flex-wrap:wrap;padding:1rem;gap:.75rem}.editorial-track-position{font-size:1.125rem;min-width:1.5rem}.editorial-track-cover{width:72px;height:72px}.editorial-track-info{flex-basis:calc(100% - 100px)}.editorial-track-actions{width:100%;justify-content:flex-start;padding-left:2.25rem}.editorial-track-waveform{padding:0 1rem}.editorial-track-description{padding:0 1rem 1rem}.editorial-track-description p{font-size:.875rem}.landing-cta h2{font-size:1.375rem}.landing-faq{padding:2rem 1.25rem}.landing-faq-title{font-size:1.375rem}.landing-faq-question{font-size:.9375rem;padding:1rem 0}.landing-faq-answer p{font-size:.875rem}.landing-hero--colored{padding:calc(70px + 3rem) 1.25rem 2rem}.landing-hero--colored h1{font-size:1.75rem}}