@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{color:#f3efe5;font-synthesis:none;--gold:#d6a85b;--muted:#a9afa7;background:#111815;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 8%,#28332d 0,#0000 35%),#111815;margin:0}button,a{font:inherit}button{color:inherit}main{max-width:1240px;margin:auto;padding:0 34px}nav{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;height:92px;display:flex}.wordmark,.blog-link{color:#f3efe5;align-items:center;gap:11px;font-size:14px;text-decoration:none;display:flex}.wordmark span{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold);border-radius:50%;place-items:center;font-family:Libre Caslon Display;font-size:17px;display:grid}.blog-link{color:#cdd1ca}.hero{max-width:900px;padding:92px 0 68px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:var(--gold);font-size:12px;font-weight:600}.hero h1,.now h2,.section-head h2{margin:18px 0;font-family:Libre Caslon Display,serif;font-weight:400}.hero h1{letter-spacing:-.035em;font-size:clamp(56px,8vw,104px);line-height:.92}.hero h1 em{color:var(--gold);font-weight:400}.hero>p{color:var(--muted);max-width:670px;margin-top:30px;font-size:18px;line-height:1.7}.player{background:#1a221e;border:1px solid #ffffff13;grid-template-columns:minmax(310px,520px) 1fr;display:grid;box-shadow:0 30px 90px #0005}.cover-wrap{aspect-ratio:1;position:relative;overflow:hidden}.cover-wrap img{object-fit:cover;width:100%;height:100%;display:block}.cover-wrap:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #0005}.cover-count{z-index:2;letter-spacing:.13em;background:#111815db;border:1px solid #ffffff20;border-radius:30px;padding:8px 13px;font-size:11px;position:absolute;bottom:18px;right:20px}.now{flex-direction:column;justify-content:center;padding:clamp(36px,6vw,76px);display:flex}.label{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:11px;font-weight:600}.now h2{margin:20px 0 15px;font-size:clamp(42px,5vw,66px);line-height:1}.now>p{color:var(--muted);line-height:1.6}.timeline{margin-top:36px}.timeline input,.volume input{width:100%;accent-color:var(--gold)}.timeline input{appearance:none;background:linear-gradient(to right,var(--gold) var(--progress),#59605c var(--progress));border-radius:2px;height:3px}.timeline input::-webkit-slider-thumb{appearance:none;background:#f3efe5;border-radius:50%;width:13px;height:13px}.times{color:#848b85;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.controls{align-items:center;gap:12px;margin-top:24px;display:flex}.controls button,.round{cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.controls .play{background:var(--gold);color:#111815;border:0;width:66px;height:66px}.volume{color:#aeb3ae;align-items:center;gap:10px;width:115px;margin-left:auto;display:flex}.collection{padding:110px 0}.section-head{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.section-head h2{margin-bottom:0;font-size:45px}.section-head p{color:var(--muted)}.tracklist{border-top:1px solid #ffffff19}.track{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff19;grid-template-columns:42px 76px 1fr 50px;align-items:center;gap:18px;width:100%;padding:18px 12px;transition:all .2s;display:grid}.track:hover,.track.active{background:#ffffff09}.track.active{box-shadow:inset 3px 0 var(--gold)}.track .num{color:#818781;font-size:11px}.track img{object-fit:cover;width:76px;height:76px}.track-text{flex-direction:column;gap:7px;display:flex}.track-text strong{font-family:Libre Caslon Display;font-size:24px;font-weight:400}.track-text small{color:var(--muted);font-size:13px}.round{width:38px;height:38px;color:var(--gold);justify-self:end}footer{color:var(--muted);border-top:1px solid #ffffff18;justify-content:space-between;align-items:center;padding:42px 0 55px;font-size:13px;display:flex}footer div{flex-direction:column;gap:7px;display:flex}footer strong{color:#f3efe5;font-family:Libre Caslon Display;font-size:20px;font-weight:400}footer a{color:var(--gold);align-items:center;gap:6px;text-decoration:none;display:flex}@media (width<=780px){main{padding:0 18px}nav{height:74px}.wordmark{font-size:13px}.blog-link{font-size:0}.blog-link svg{width:22px;height:22px}.hero{padding:70px 4px 52px}.hero h1{font-size:55px}.hero>p{font-size:16px}.player{grid-template-columns:1fr}.now{padding:36px 25px}.now h2{font-size:43px}.collection{padding:80px 0}.section-head{display:block}.section-head h2{font-size:38px}.section-head p{margin-top:12px}.track{grid-template-columns:28px 62px 1fr 40px;gap:11px;padding:14px 4px}.track img{width:62px;height:62px}.track-text strong{font-size:19px}.track-text small{display:none}.volume{width:86px}.controls{gap:8px}.controls button{width:42px;height:42px}.controls .play{width:58px;height:58px}footer{flex-direction:column;align-items:flex-start;gap:24px}}