:root{--gold:#d6b45b;--gold-soft:#ead39b;--gold-dim:#9f8450;--bg:#070506;--panel:#0d090a;--text:#eee4d4;--muted:#aa9b87;--line:rgba(214,180,91,.22);--player-space:120px}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body.player-page{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(214,180,91,.075),transparent 34%),linear-gradient(180deg,#0a0708 0%,#050405 100%);color:var(--text);font-family:Montserrat,Arial,sans-serif;padding-bottom:calc(var(--player-space) + 35px)}
body.player-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(214,180,91,.025) 50%,transparent 100%);z-index:0}
.topbar{height:66px;border-bottom:1px solid rgba(214,180,91,.12);background:rgba(6,4,5,.86);backdrop-filter:blur(12px);position:relative;z-index:10}
.topbar-inner{height:100%;max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;padding:0 24px}
.topnav{display:flex;align-items:center;gap:26px;font-size:10px;letter-spacing:.18em}
.topnav a,.contact-menu-btn{color:#cdbb98;text-decoration:none;background:none;border:0;font:500 10px Montserrat,Arial,sans-serif;letter-spacing:.18em;cursor:pointer;white-space:nowrap}
.topnav a:hover,.contact-menu-btn:hover{color:var(--gold-soft)}
.contact-menu{position:relative}.contact-menu-panel{position:absolute;right:0;top:28px;display:none;width:280px;padding:8px;background:#0b0809;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.55)}
.contact-menu.open .contact-menu-panel{display:block}.contact-item{display:flex!important;align-items:center;gap:12px;padding:12px!important;border-bottom:1px solid rgba(214,180,91,.1)}.contact-item:last-child{border:0}.ci-icon{color:var(--gold);font-size:9px;min-width:28px;text-align:center}
.player-wrap{position:relative;z-index:1;width:min(980px,calc(100% - 36px));margin:0 auto;padding:74px 0 40px}
.intro{text-align:center;max-width:800px;margin:0 auto 56px}.eyebrow{color:var(--gold);font:600 9px/1 Montserrat,Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase}.intro h1{margin:17px 0 3px;font:600 clamp(48px,8vw,86px)/.82 "Cormorant Garamond",Georgia,serif;letter-spacing:.16em;color:#f0dfb7}.subtitle{font:500 clamp(12px,2vw,17px)/1.3 Montserrat,Arial,sans-serif;letter-spacing:.38em;color:#b79c6c}.gold-rule{width:130px;height:1px;margin:25px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.lead{max-width:680px;margin:0 auto;color:#c2b5a2;font:400 18px/1.7 "Cormorant Garamond",Georgia,serif;letter-spacing:.025em}
.story{max-width:790px;margin:0 auto 58px;padding:34px 42px;background:linear-gradient(145deg,rgba(22,13,15,.9),rgba(8,6,7,.94));border:1px solid var(--line);box-shadow:0 22px 70px rgba(0,0,0,.28)}
.story h2,.music-section h2{margin:0 0 18px;color:#e6ce96;font:600 29px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.06em}.story h2:not(:first-child){margin-top:36px}.story p{margin:0 0 17px;color:#bdb09d;font:400 16px/1.75 "Cormorant Garamond",Georgia,serif}.story p:last-child{margin-bottom:0}.story strong{color:#e4d3ae;font-weight:600}.story em{color:#d8c08b}
.music-section{max-width:790px;margin:0 auto 48px;padding:30px 34px 20px;background:rgba(12,8,9,.78);border:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin-top:8px}.gold-button{border:1px solid rgba(214,180,91,.5);background:rgba(214,180,91,.08);color:#e7d19c;padding:11px 15px;font:600 9px Montserrat,Arial,sans-serif;letter-spacing:.16em;cursor:pointer}.gold-button:hover{background:rgba(214,180,91,.15);border-color:var(--gold)}
.tracklist{display:grid;gap:5px}.track{width:100%;display:grid;grid-template-columns:40px 12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;background:rgba(255,255,255,.012);color:#d9ccb7;text-align:left;cursor:pointer}.track:hover{background:rgba(214,180,91,.045);border-color:rgba(214,180,91,.12)}.track.active{background:rgba(214,180,91,.08);border-color:rgba(214,180,91,.3)}.track .num{color:#8f7950;font:600 9px Montserrat,Arial,sans-serif;letter-spacing:.1em}.track .thumb{width:7px;height:7px;border:1px solid rgba(214,180,91,.5);border-radius:50%}.track.active .thumb{background:var(--gold);box-shadow:0 0 10px rgba(214,180,91,.35)}.track-title{display:block;color:#e7ddcb;font:500 14px Montserrat,Arial,sans-serif;letter-spacing:.025em}.track-sub{display:block;margin-top:4px;color:#796d5e;font:500 7px Montserrat,Arial,sans-serif;letter-spacing:.18em}.track-time{color:#746957;font:400 10px Montserrat,Arial,sans-serif}.tracklist-bottom-spacer{height:5px}.track-empty{padding:20px;text-align:center;color:#8d806e;font:400 13px Montserrat,Arial,sans-serif}
.closing-note{max-width:680px;margin:0 auto;text-align:center;padding-bottom:20px}.closing-note .gold-rule{margin:0 auto 24px}.closing-note p{margin:0;color:#8f8270;font:400 14px/1.8 "Cormorant Garamond",Georgia,serif}
.player{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:rgba(8,5,6,.96);border-top:1px solid rgba(214,180,91,.32);box-shadow:0 -18px 60px rgba(0,0,0,.55);backdrop-filter:blur(16px)}.player-inner{width:min(980px,calc(100% - 28px));min-height:92px;margin:0 auto;display:grid;grid-template-columns:minmax(180px,1fr) minmax(310px,1.5fr) minmax(130px,.7fr);align-items:center;gap:24px;padding:14px 0}.now-title{color:#eadfcf;font:500 13px Montserrat,Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-row{display:flex;align-items:center;justify-content:center;gap:14px}.ctrl,.main-play,.mute{border:0;background:transparent;color:#d8c6a0;cursor:pointer;padding:7px;display:grid;place-items:center}.main-play{width:42px;height:42px;border:1px solid rgba(214,180,91,.55);border-radius:50%;background:rgba(214,180,91,.08);color:#ecd59d}.ctrl:hover,.mute:hover{color:#f0dca9}.main-play:hover{background:rgba(214,180,91,.16)}.player-svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.main-play .player-svg{width:19px;height:19px;fill:currentColor;stroke:none}.progress{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-top:5px;color:#766b5d;font:400 8px Montserrat,Arial,sans-serif}.progress input,.vol{accent-color:var(--gold);width:100%;height:3px}.right{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mute .player-svg{width:19px;height:19px}.vol{width:80px!important}
@media(max-width:760px){.topbar{height:54px}.topbar-inner{padding:0 14px}.topnav{gap:14px;font-size:8px}.topnav a,.contact-menu-btn{font-size:8px;letter-spacing:.12em}.player-wrap{width:min(100% - 22px,680px);padding-top:48px}.story,.music-section{padding:25px 20px}.story p{font-size:15px}.section-heading{align-items:flex-start;flex-direction:column}.player-inner{grid-template-columns:1fr auto;gap:8px;padding:10px 0}.now{grid-column:1/-1}.controls{grid-column:1/-1}.right{position:absolute;right:0;bottom:13px}.vol{display:none}.progress{grid-template-columns:32px 1fr 32px}.player{min-height:126px}.track-title{font-size:12px}.track{grid-template-columns:30px 10px minmax(0,1fr) auto;gap:8px}.contact-menu-panel{right:-5px;top:24px;width:245px}}
@media(max-width:430px){.topnav a:first-child{display:none}.intro h1{font-size:48px}.subtitle{font-size:10px;letter-spacing:.27em}.lead{font-size:16px}.story h2,.music-section h2{font-size:25px}.player-inner{width:calc(100% - 18px)}.track{padding:11px 7px}.track .num{font-size:8px}.track-title{font-size:11px}.track-sub{font-size:6px}.track-time{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}