:root{color:#f8f4eb;background:#121211;font-family:Montserrat,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 0,#2c3528 0,transparent 35%),#121211}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c5ff4a;outline-offset:3px}.site-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.site-header,.content-section,.artist-profile,.site-footer{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid #ffffff1f}.brand{font:700 1.5rem/1 Montserrat,sans-serif;letter-spacing:-.08em}.brand span{display:block;margin-top:7px;font:500 .63rem Montserrat,sans-serif;letter-spacing:.02em;color:#aaa79f}nav{display:flex;gap:24px;font-size:.85rem}nav a{color:#aaa79f}nav a.active{color:#f8f4eb}.playlist-link{justify-self:end;color:#c5ff4a;font-size:.85rem}.hero{width:min(900px,calc(100% - 48px));margin:0 auto;padding:110px 0 86px;text-align:center}.eyebrow{margin:0 0 12px;color:#c5ff4a;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1,.category-page h1,.artist-profile h1{margin:0;font:400 clamp(3.7rem,10vw,7.8rem)/.83 Georgia,serif;letter-spacing:-.075em}.hero h1 em{color:#c5ff4a}.hero>p:not(.eyebrow),.page-intro{max-width:620px;margin:28px auto;color:#c8c5be;line-height:1.7}.search-bar{max-width:620px;margin:35px auto 0;display:flex;gap:12px;align-items:center;background:#20211e;border:1px solid #ffffff26;border-radius:99px;padding:0 20px;color:#c5ff4a}.search-bar input{width:100%;padding:17px 0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.search-bar input::placeholder{color:#8c8a84}.catalogue-controls{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 32px;padding:16px;border:1px solid #ffffff14;border-radius:15px;background:linear-gradient(110deg,#1f211d,#191a18)}.filter-group{min-width:0}.filter-label{display:block;margin:0 0 8px 3px;color:#898880;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.category-filter,.sort-filter{display:flex;flex-wrap:wrap;gap:6px}.category-filter button,.sort-filter button{padding:9px 13px;border:1px solid transparent;border-radius:8px;background:#2a2c27;color:#bdbcb5;cursor:pointer;font:inherit;font-size:.76rem;transition:background .18s,color .18s,border-color .18s}.category-filter button:hover,.sort-filter button:hover{border-color:#ffffff35;color:#f8f4eb}.category-filter button.active,.sort-filter button.active{border-color:#c5ff4a;background:#c5ff4a;color:#182011;font-weight:800}@media (max-width: 650px){.catalogue-controls{align-items:stretch;flex-direction:column;gap:16px}.category-filter button,.sort-filter button{flex:1;text-align:center}}.content-section,.artist-profile{padding:36px 0 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2,.song-section h2{margin:0;font:400 clamp(2rem,5vw,3.5rem)/1 Georgia,serif;letter-spacing:-.05em}.section-heading>p{color:#aaa79f;font-size:.8rem}.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.artist-card{display:flex;flex-direction:column;min-width:0;padding:12px;background:#1b1c19;border:1px solid #ffffff12;border-radius:16px;transition:transform .2s,border-color .2s}.artist-card:hover{transform:translateY(-4px);border-color:#c5ff4a}.artist-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#292a27}.artist-card>div{flex:1;padding:20px 6px 10px}.artist-card h2{margin:0 0 9px;font:400 1.6rem/1 Georgia,serif}.artist-card p:not(.eyebrow){display:-webkit-box;overflow:hidden;margin:0;color:#aaa79f;font-size:.8rem;line-height:1.6;-webkit-line-clamp:3;-webkit-box-orient:vertical}.text-link{padding:10px 6px 4px;color:#c5ff4a;font-size:.8rem;font-weight:700}.empty-state{padding:48px 0;color:#aaa79f;text-align:center}.category-page .search-bar{max-width:none;margin:35px 0}.artist-profile__hero{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:clamp(32px,7vw,90px);align-items:center;margin-top:38px}.artist-profile__hero>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#292a27}.artist-profile__hero h1{margin-bottom:27px}.artist-profile__hero p:not(.eyebrow){color:#c8c5be;line-height:1.8}.primary-button{display:inline-block;margin-top:16px;padding:14px 20px;border-radius:99px;background:#c5ff4a;color:#182011;font-size:.83rem;font-weight:800}.back-link{color:#aaa79f;font-size:.8rem}.song-section{margin-top:80px;padding-top:32px;border-top:1px solid #ffffff1f}.site-footer{padding:28px 0;border-top:1px solid #ffffff1f;color:#77766f;font-size:.72rem;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width: 760px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-column:1 / -1;grid-row:2}.hero{padding:76px 0 55px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.artist-card{padding:8px}.artist-card>div{padding:15px 4px 7px}.artist-card h2{font-size:1.3rem}.artist-card p:not(.eyebrow){-webkit-line-clamp:4}.artist-profile__hero{grid-template-columns:1fr}.artist-profile__hero>img{max-width:450px}.content-section,.artist-profile{padding-bottom:60px}}@media (max-width: 430px){.site-header,.content-section,.artist-profile,.site-footer,.hero{width:min(100% - 32px,1160px)}.artist-grid{grid-template-columns:1fr}.hero h1{font-size:3.7rem}.section-heading{align-items:flex-start;gap:12px;flex-direction:column}}.song-list{margin:24px 0 0;padding:0;list-style:none}.song-list li{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #ffffff1f}.song-list a{padding:8px 15px;border-radius:99px;background:#c5ff4a;color:#182011;font-size:.8rem;font-weight:700}.song-unavailable{color:#aaa79f;font-size:.78rem}
