:root{--ink:#24211e;--cream:#f4efe6;--paper:#fffdf8;--orange:#ef6b3a;--muted:#857e73;--line:#ded6ca;--side:232px;--player:94px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.5 Arial,sans-serif;padding-bottom:var(--player)}button,input,select,textarea{font:inherit}.side{position:fixed;z-index:20;inset:0 auto var(--player) 0;width:var(--side);padding:30px 22px;background:#272421;color:#fff;display:flex;flex-direction:column}.logo{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font:700 27px Georgia,serif}.logo>i{display:grid;place-items:center;width:40px;height:40px;background:var(--orange);border-radius:50%}.logo b,.mobile-logo b{color:var(--orange)}.side>small{color:#777169;letter-spacing:2px;margin:58px 13px 12px;font-size:10px}.side nav{display:grid;gap:7px}.side nav a,.studio{display:flex;gap:13px;align-items:center;color:#aaa49a;text-decoration:none;padding:12px 14px;border-radius:10px}.side nav a:hover,.side nav a.active{background:#393632;color:#fff}.side nav a.active{box-shadow:inset 3px 0 var(--orange)}.studio{margin-top:auto;background:#312e2a;color:#fff}.studio:hover{background:var(--orange)}.site{margin-left:var(--side)}.topbar{height:92px;padding:0 clamp(22px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:24px}.mobile-logo{display:none}.search{position:relative;width:min(480px,55vw)}.search i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted)}.search input{width:100%;padding:12px 15px 12px 42px;border:1px solid var(--line);border-radius:30px;background:#ffffff99;outline:0}.search input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ef6b3a16}.top-stats{display:flex;gap:22px;align-items:center}.top-stats span{color:var(--muted)}.top-stats a{color:var(--ink);font-weight:bold;text-decoration:none}.site main{max-width:1450px;margin:auto;padding:0 clamp(18px,4vw,58px)}.hero{--hero:none;min-height:440px;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;position:relative;background:linear-gradient(110deg,#d7e5df 0 58%,#a5cbd0 58%);box-shadow:0 25px 60px #3c302318}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#d7e5dff5 0 48%,#d7e5dfb8 63%,transparent 100%),var(--hero);background-size:cover;background-position:center}.hero-copy{position:relative;z-index:2;padding:70px clamp(34px,6vw,78px);align-self:center}.eyebrow{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:2.4px}.hero h1{font:italic clamp(58px,7vw,100px)/.9 Georgia,serif;letter-spacing:-5px;margin:20px 0}.hero p{max-width:600px;color:#58635e;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:28px}.hero-actions button,.comment-form button{display:flex;align-items:center;gap:8px;border:0;border-radius:30px;background:var(--ink);color:white;padding:13px 21px;font-weight:bold}.hero-actions button:hover,.comment-form button:hover{background:var(--orange)}.hero-actions a{color:var(--ink);font-weight:bold;text-decoration:none}.hero-card{position:relative;z-index:2;margin:auto;width:min(280px,80%);aspect-ratio:1;background:linear-gradient(145deg,#ed7154,#f7aa74);box-shadow:0 25px 50px #24333155;padding:27px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transform:rotate(3deg)}.hero-card .record{position:absolute;width:72%;height:72%;right:-25%;top:15%;border-radius:50%;background:#222;color:#ffffff44;display:grid;place-items:center}.record i{font-size:120px}.hero-card div:last-child{z-index:2}.hero-card small{display:block;letter-spacing:3px}.hero-card strong{display:block;font:42px Georgia,serif;margin-top:10px}.content-section{padding-top:72px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2{font:clamp(30px,3vw,42px) Georgia,serif;margin:7px 0 0}.section-head>a{color:var(--ink);text-decoration:none;font-weight:bold}.section-head>span{color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.album-card .cover{position:relative;width:100%;aspect-ratio:1;border:0;padding:0;text-align:left;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 15px 30px #3b30231d;color:white}.tone-0{background-color:#e65d54}.tone-1{background-color:#367f91}.tone-2{background-color:#68517e}.tone-3{background-color:#cf8d41}.cover .disc{position:absolute;width:70%;height:70%;border-radius:50%;right:-22%;top:15%;display:grid;place-items:center;background:#242220;color:#ffffff30}.disc i{font-size:95px}.cover b{position:absolute;z-index:2;left:18px;bottom:18px;font:italic 25px Georgia,serif}.cover .play{position:absolute;z-index:3;right:15px;bottom:15px;width:45px;height:45px;border-radius:50%;background:white;color:var(--ink);display:grid;place-items:center;opacity:0;transform:translateY(8px);transition:.2s}.album-card:hover .play{opacity:1;transform:none}.album-card h3{font:20px Georgia,serif;margin:14px 0 4px}.album-card p{color:var(--muted);font-size:12px}.track-list{border:1px solid var(--line);background:#ffffff88;border-radius:18px;overflow:hidden}.track{display:grid;grid-template-columns:42px 50px minmax(150px,1.4fr) minmax(130px,1fr) 95px 52px;gap:13px;align-items:center;padding:11px 18px;border-bottom:1px solid var(--line)}.track:last-child{border:0}.track:hover,.track.current{background:#ebe5da}.track-play{border:0;background:none;color:var(--muted)}.track-play i{display:none}.track:hover .track-play span,.track.current .track-play span{display:none}.track:hover .track-play i,.track.current .track-play i{display:inline}.thumb{width:48px;height:48px;background-size:cover;background-position:center;color:#fff;display:grid;place-items:center;border-radius:8px}.track-name strong,.track-name small{display:block}.track-name strong{font:16px Georgia,serif}.track-name small,.album-name,.plays,time{color:var(--muted);font-size:12px}.plays{display:flex;gap:6px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid figure{margin:0;position:relative;height:280px;overflow:hidden;border-radius:16px}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid figcaption{position:absolute;inset:auto 0 0;padding:45px 18px 18px;color:white;background:linear-gradient(transparent,#000b)}.gallery-grid figcaption strong,.gallery-grid figcaption span{display:block}.gallery-grid figcaption span{font-size:12px;color:#ddd}.community{padding-bottom:72px}.community-grid{display:grid;grid-template-columns:minmax(320px,.85fr) 1.15fr;gap:25px}.comment-form,.comments{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px}.form-intro{display:flex;gap:14px;align-items:center;margin-bottom:22px}.form-intro>i{font-size:26px;color:var(--orange)}.form-intro h3,.form-intro p{margin:0}.form-intro h3{font:22px Georgia,serif}.form-intro p{color:var(--muted);font-size:12px}.comment-form label{display:block;font-size:12px;font-weight:bold;margin-bottom:15px}.comment-form label b{color:var(--orange)}.comment-form input,.comment-form select,.comment-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.comment-form input:focus,.comment-form select:focus,.comment-form textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px #ef6b3a16}.comment-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trap{position:absolute!important;left:-9999px!important}.submit-row{display:flex;align-items:center;gap:14px}.submit-row small{color:var(--muted);font-size:11px}.comments article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.comments article:first-child{padding-top:0}.comments article:last-child{border:0}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9ded2;color:var(--orange);font:bold 17px Georgia}.comment-meta{display:flex;gap:8px;align-items:baseline}.comment-meta strong{font-family:Georgia,serif}.comment-meta span,.comments time{color:var(--muted);font-size:11px}.comments p{margin:7px 0;line-height:1.65}.flash{display:flex;gap:9px;align-items:center;padding:14px 17px;border-radius:10px;margin-bottom:18px}.flash.success{background:#e2f3e6;color:#32643a}.flash.error{background:#f9e1dd;color:#96392f}.empty{text-align:center;padding:45px;color:var(--muted)}.page-footer{border-top:1px solid var(--line);padding:35px clamp(18px,4vw,58px);display:flex;justify-content:space-between;align-items:center}.page-footer .logo{color:var(--ink);font-size:20px}.page-footer .logo>i{width:32px;height:32px}.page-footer p{margin:0;color:var(--muted)}.player{position:fixed;z-index:40;inset:auto 0 0;height:var(--player);display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:center;padding:12px 28px;background:#fffdf9f5;border-top:1px solid var(--line);box-shadow:0 -10px 30px #33271914;backdrop-filter:blur(15px)}.now{display:flex;gap:12px;align-items:center}.now-cover{width:55px;height:55px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),#f4a472);background-size:cover;background-position:center;color:white}.now strong,.now small{display:block}.now strong{font-family:Georgia,serif}.now small{color:var(--muted);font-size:11px}.transport>div:first-child{display:flex;justify-content:center;gap:14px}.transport button{border:0;background:none}.transport .main-play{width:42px;height:42px;border-radius:50%;background:var(--ink);color:white}.timeline{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.timeline input,.volume input{accent-color:var(--orange)}.volume{display:flex;justify-content:flex-end;align-items:center;gap:8px}.volume input{width:110px}
@media(max-width:980px){:root{--side:0}.side{inset:0 0 auto;width:100%;height:68px;padding:12px 18px;flex-direction:row;align-items:center}.side>small,.side nav,.studio{display:none}.site{margin-left:0;padding-top:68px}.hero{grid-template-columns:1fr}.hero-card{display:none}.album-grid{grid-template-columns:repeat(2,1fr)}.community-grid{grid-template-columns:1fr}.player{grid-template-columns:1fr 1fr}.volume{display:none}}
@media(max-width:620px){.topbar{height:78px;padding:0 14px}.top-stats{display:none}.search{width:100%}.site main{padding:0 14px}.hero{min-height:430px}.hero-copy{padding:45px 28px}.hero h1{letter-spacing:-3px}.hero-actions a{display:none}.content-section{padding-top:55px}.album-grid{gap:14px}.track{grid-template-columns:34px 46px 1fr 50px;padding:9px}.album-name,.plays{display:none}.gallery-grid{grid-template-columns:1fr}.comment-form,.comments{padding:20px}.comment-form .two{grid-template-columns:1fr}.submit-row{align-items:flex-start;flex-direction:column}.player{height:82px;padding:9px 13px}.now-cover{width:45px;height:45px}.timeline{display:none}.transport>div:first-child button:not(.main-play){display:none}.page-footer{padding-bottom:30px}}