*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070706;color:#e8e0d4;font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}.piano{position:fixed;z-index:10;left:0;top:0;width:22vw;min-width:245px;height:100vh;background:#050505;overflow:hidden}.keyboard{height:100%;display:grid;grid-template-rows:repeat(14,1fr);position:relative;opacity:.8}.white-key{background:linear-gradient(90deg,#eee7da 0,#d5c9b6 36%,#746959 69%,#050505 100%);border-bottom:1px solid #393126}.black-key{position:absolute;right:0;width:70%;height:4.6%;background:linear-gradient(90deg,#191611,#070605 62%,#050505);border-radius:4px 0 0 4px;box-shadow:-5px 3px 12px #000d}.bk1{top:5%}.bk2{top:12%}.bk4{top:26%}.bk5{top:33%}.bk6{top:40%}.bk8{top:55%}.bk9{top:62%}.bk11{top:76%}.bk12{top:83%}.bk13{top:90%}.listen-rail{position:absolute;z-index:3;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:18px}.listen-rail>span{font:8px Arial;letter-spacing:.25em;color:#b28c55;writing-mode:vertical-rl;transform:rotate(180deg)}.platforms{display:flex;flex-direction:column;gap:13px}.platforms a,.follow a{width:27px;height:27px;display:grid;place-items:center;opacity:.72;transition:.2s}.platforms a:hover,.follow a:hover{opacity:1;transform:scale(1.08)}.platforms img,.follow img{width:19px;height:19px;filter:invert(86%) sepia(16%) saturate(424%) hue-rotate(353deg) brightness(96%)}main{margin-left:max(22vw,245px)}.topbar{position:fixed;z-index:28;left:max(22vw,245px);right:0;top:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 115px 0 4vw;background:linear-gradient(#070706e8,#07070600)}.brand{color:#e7ded1;text-decoration:none;font-size:21px;letter-spacing:.04em}.lang{display:flex;gap:5px}.lang button{border:0;background:none;color:#746b61;font:9px Arial;letter-spacing:.1em;padding:6px;cursor:pointer}.lang button.active{color:#c9a064}.menu-button{position:fixed;z-index:30;right:25px;top:24px;background:none;border:0;color:#c6a15e;display:flex;align-items:center;gap:7px;cursor:pointer}.menu-button span{display:block;width:17px;height:1px;background:#c6a15e;position:absolute;right:48px}.menu-button span:first-child{transform:translateY(-4px)}.menu-button span:nth-child(2){transform:translateY(4px)}.menu-button b{font:9px Arial;letter-spacing:.2em}.overlay{position:fixed;z-index:39;inset:0;background:#000b;opacity:0;visibility:hidden;transition:.3s}.overlay.on{opacity:1;visibility:visible}.drawer{position:fixed;z-index:40;right:0;top:0;width:min(360px,85vw);height:100vh;background:#080808;border-left:1px solid #4d3c27;padding:80px 42px;transform:translateX(102%);transition:.35s}.drawer.open{transform:none}.close{position:absolute;right:20px;top:15px;background:none;border:0;color:#ddd;font-size:31px}.drawer a{display:block;padding:18px 0;border-bottom:1px solid #272119;color:#d8d1c7;text-decoration:none;font-size:17px}.hero{min-height:100vh;padding:90px 5vw 50px;display:flex;align-items:center;background:radial-gradient(circle at 50% 45%,#17130f,#070706 68%)}.slider{position:relative;width:100%;height:min(78vh,760px);overflow:hidden}.slides{height:100%;position:relative}.slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(280px,560px) 1fr;gap:5vw;align-items:center;opacity:0;transform:translateX(5%);pointer-events:none;transition:opacity .8s,transform .8s}.slide.active{opacity:1;transform:none;pointer-events:auto}.slide img{width:100%;max-height:70vh;object-fit:contain;box-shadow:0 28px 80px #000;border:1px solid #33291e}.slide-copy small,.section header small,.detail-title small{font:9px Arial;letter-spacing:.35em;color:#b99254}.slide-copy h1{font-size:clamp(42px,5vw,76px);font-weight:400;letter-spacing:.05em;margin:14px 0}.slide-copy p{font:10px Arial;letter-spacing:.25em;color:#8f7a5d}.button{display:inline-block;width:max-content;margin-top:18px;padding:13px 20px;border:1px solid #9c7744;background:none;color:#d2ac6c;text-decoration:none;font:9px Arial;letter-spacing:.16em;cursor:pointer}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;border:1px solid #7c633f;background:#080706a8;color:#c9a465;width:44px;height:44px;border-radius:50%;font-size:28px;cursor:pointer}.prev{left:12px}.next{right:12px}.dots{position:absolute;z-index:6;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.dots button{width:30px;height:2px;border:0;background:#5d5142;padding:0;cursor:pointer;transition:.3s}.dots button.active{width:58px;background:#c29a5d}.section{min-height:80vh;padding:10vh 6vw;border-top:1px solid #251e16;scroll-margin-top:20px}.section.compact{min-height:55vh}.section header h2{font-size:clamp(40px,5vw,70px);font-weight:400;margin:13px 0}.section header p{max-width:900px;color:#9b9389;line-height:1.8}.album-meta{display:grid;grid-template-columns:minmax(210px,330px) 1fr;gap:50px;align-items:start;margin:42px 0 60px}.album-cover{width:100%;border:1px solid #35291c}.album-meta>div>p{color:#aaa196;line-height:1.85;max-width:760px}.release-big{color:#c9a365!important;font-size:20px}.album-credit{display:grid;gap:9px;margin-top:25px;color:#b7ada0;font-size:14px}.album-credit span:first-child{font-size:23px;color:#e1d6c8}.album-credit b{font-weight:400;color:#7f7467}.track-list{border-top:1px solid #30271d}.track-card{width:100%;display:grid;grid-template-columns:45px 1fr auto 25px;gap:10px;align-items:center;text-align:left;padding:19px 0;background:none;border:0;border-bottom:1px solid #30271d;color:#e7e0d6;cursor:pointer}.track-card:hover,.track-card.active{color:#d0aa68}.track-no,.track-status{font:8px Arial;letter-spacing:.18em;color:#927548}.track-name{font:17px Georgia}.track-detail{margin-top:70px;padding-top:45px;border-top:1px solid #30271d}.detail-title{display:flex;justify-content:space-between;align-items:center}.detail-title h3{font-size:clamp(30px,4vw,54px);font-weight:400;margin:10px 0}.round-play{width:70px;height:70px;border-radius:50%;border:1px solid #a07b45;background:none;color:#d1aa67;cursor:pointer}audio{width:100%;height:42px;margin:25px 0 5px}.audio-state{min-height:18px;color:#a17f4e;font:10px Arial}.detail-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;margin-top:35px}.detail-columns h4{color:#c7a05f;font-weight:400;font-size:23px}.lyrics{white-space:pre-line;line-height:1.9;color:#d2cbc1}.detail-columns dt{font:8px Arial;letter-spacing:.17em;color:#8f744a;margin-top:16px}.detail-columns dd{margin:5px 0 0;font-size:16px}.feature-text{max-width:900px;font-size:24px;line-height:1.7;color:#c7beb2}.bio-section{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:6vw;align-items:center}.portrait-wrap{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden}.portrait-wrap:after{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:inset 0 0 70px 35px #070706}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transform:scale(1.04)}.bio{max-width:900px;font-size:18px;line-height:1.8;color:#c8c0b5}.contact form{max-width:780px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea{width:100%;background:#090909;border:1px solid #30271d;color:#eee;padding:15px;margin-bottom:12px;font:13px Arial}textarea{height:150px;resize:vertical}.trap{position:absolute;left:-9999px}.form-result{max-width:780px;padding:14px;margin:20px 0;border:1px solid}.success{border-color:#657b54;color:#b9ceaa}.error{border-color:#84594f;color:#d6a299}.follow{margin-top:45px;border-top:1px solid #30271d;padding-top:25px;display:flex;align-items:center;gap:25px}.follow>span{font:8px Arial;letter-spacing:.24em;color:#8f744a}.follow>div{display:flex;gap:12px}.follow a{width:34px;height:34px}.follow img{width:21px;height:21px}footer{padding:30px 6vw;color:#514b43;font:8px Arial;letter-spacing:.18em}[dir=rtl] .drawer{right:auto;left:0;transform:translateX(-102%);border-left:0;border-right:1px solid #4d3c27}[dir=rtl] .drawer.open{transform:none}[dir=rtl] .track-card{text-align:right}[dir=rtl] .listen-rail>span{transform:none}
@media(max-width:1050px){.piano{width:160px;min-width:160px}main{margin-left:160px}.topbar{left:160px}.slide{grid-template-columns:1fr}.slide img{max-width:470px;max-height:52vh}.slide-copy{position:absolute;right:4%;bottom:8%;padding:25px;background:#070706d9}.album-meta{grid-template-columns:220px 1fr}.bio-section{grid-template-columns:300px 1fr}}
@media(max-width:700px){.piano{width:64px;min-width:64px}.listen-rail{left:8px}.listen-rail>span{display:none}.platforms{gap:10px}.platforms a{width:20px;height:20px}.platforms img{width:15px;height:15px}main{margin-left:64px}.topbar{left:64px;padding:0 90px 0 18px}.brand{font-size:17px}.menu-button{right:13px;top:25px}.menu-button b{display:none}.menu-button span{right:0}.hero,.section{padding-left:22px;padding-right:22px}.hero{padding-top:75px}.slider{height:82vh}.slide{display:block}.slide img{width:100%;max-height:none;margin-top:5vh}.slide-copy{left:12px;right:12px;bottom:38px;padding:18px}.slide-copy h1{font-size:34px}.slider-arrow{width:36px;height:36px}.album-meta{grid-template-columns:1fr}.album-cover{max-width:280px}.track-card{grid-template-columns:32px 1fr auto 15px}.track-name{font-size:14px}.detail-columns{grid-template-columns:1fr}.bio-section{grid-template-columns:1fr}.portrait-wrap{max-width:320px}.feature-text{font-size:20px}.form-row{grid-template-columns:1fr}.lang{gap:0}.lang button{font-size:8px;padding:4px}}
@media(max-width:420px){.piano{width:54px;min-width:54px}main{margin-left:54px}.topbar{left:54px}.section header h2{font-size:36px}.track-card{grid-template-columns:26px 1fr 14px}.track-status{display:none}.drawer{width:88vw}}
/* Piano streaming controls: each platform sits directly on a piano key */
.piano-listen{position:absolute;z-index:8;top:16px;left:12px;right:12px;text-align:center;color:#17130f;font:700 clamp(10px,1vw,15px) Arial,sans-serif;letter-spacing:.13em;text-shadow:0 1px 0 #fff8;background:rgba(238,231,218,.86);padding:10px 5px;border-radius:2px;pointer-events:none}
.platform-key{position:relative;z-index:4}
.platform-key a{position:absolute;z-index:7;left:9%;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0a0908e8;box-shadow:0 3px 12px #0008;border:1px solid #8f744a;text-decoration:none;transition:.2s}
.platform-key a:hover{transform:translateY(-50%) scale(1.1);background:#17120d}
.platform-key img{width:25px;height:25px;filter:invert(86%) sepia(16%) saturate(424%) hue-rotate(353deg) brightness(96%)}
@media(max-width:700px){.piano-listen{top:8px;left:4px;right:4px;padding:6px 2px;font-size:7px;letter-spacing:.04em}.platform-key a{left:7%;width:30px;height:30px}.platform-key img{width:18px;height:18px}}
@media(max-width:420px){.platform-key a{width:27px;height:27px}.platform-key img{width:16px;height:16px}}

/* v3 piano labels */
.listen-key{position:relative;z-index:5}
.piano-listen{position:absolute;inset:0!important;display:flex;align-items:center;justify-content:flex-start;padding-left:24px!important;background:transparent!important;border-radius:0!important;color:#17130f!important;font:700 clamp(11px,1vw,15px) Arial,sans-serif!important;letter-spacing:.12em!important;text-align:left!important;text-shadow:0 1px 0 #fff8;pointer-events:none}
.platform-key a{left:8%!important;right:8%!important;width:auto!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#17130f!important;font:700 clamp(10px,.9vw,14px) Arial,sans-serif!important;letter-spacing:.04em!important}
.platform-key a:hover{transform:translateY(-50%) scale(1.02)!important;background:rgba(255,255,255,.08)!important}
.platform-key img{flex:0 0 auto;width:34px!important;height:34px!important;padding:7px;border-radius:50%;background:#0a0908;filter:invert(86%) sepia(16%) saturate(424%) hue-rotate(353deg) brightness(96%);box-shadow:0 3px 10px #0008}
.platform-key span{display:block;white-space:nowrap}
@media(max-width:1050px){.piano-listen{padding-left:10px!important;font-size:9px!important;letter-spacing:.04em!important}.platform-key a{left:5%!important;right:3%!important;gap:7px!important;font-size:9px!important}.platform-key img{width:28px!important;height:28px!important;padding:6px}}
@media(max-width:700px){.piano-listen{justify-content:center!important;padding:0!important;font-size:6px!important;letter-spacing:0!important}.platform-key a{left:0!important;right:0!important;justify-content:center!important}.platform-key img{width:28px!important;height:28px!important}.platform-key span{display:none}}

/* v4 responsive piano controls */
.piano{width:260px;min-width:260px}
main{margin-left:260px}
.topbar{left:260px}
.keyboard{grid-template-rows:repeat(14,minmax(0,1fr))}
.listen-key,.platform-key{position:relative;overflow:hidden}
.piano-listen{inset:0!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font:700 12px Arial,sans-serif!important;letter-spacing:.13em!important;white-space:nowrap!important}
.platform-key a{inset:0!important;transform:none!important;width:100%!important;height:100%!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;font:700 12px Arial,sans-serif!important;color:#17130f!important;line-height:1!important}
.platform-key a:hover{transform:none!important;background:rgba(255,255,255,.14)!important}
.platform-key img{width:34px!important;height:34px!important;padding:7px!important;object-fit:contain!important}
.platform-key span{display:block!important;white-space:nowrap!important;color:#17130f!important;text-decoration:none!important}
.platform-key a:link,.platform-key a:visited,.platform-key a:hover,.platform-key a:active{text-decoration:none!important;color:#17130f!important}
@media(max-width:1050px){
 .piano{width:205px;min-width:205px} main{margin-left:205px}.topbar{left:205px}
 .platform-key a{padding:0 11px!important;gap:8px!important;font-size:10px!important}.platform-key img{width:29px!important;height:29px!important;padding:6px!important}.piano-listen{font-size:10px!important}
}
@media(max-width:700px){
 .piano{position:relative;width:100%;min-width:0;height:auto;overflow:visible;background:#0a0908}
 main{margin-left:0}.topbar{left:0;position:sticky;background:#070706f2}
 .keyboard{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:1px;background:#30291f;padding:0}
 .keyboard>.white-key{min-height:68px;background:linear-gradient(180deg,#eee7da,#cfc4b3);border:0!important}
 .keyboard>.listen-key{grid-column:1/-1;min-height:52px!important}
 .keyboard>.platform-key a{position:relative!important;inset:auto!important;min-height:68px!important;padding:7px 3px!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;font-size:8px!important;text-align:center!important}
 .platform-key img{width:30px!important;height:30px!important;padding:6px!important}
 .platform-key span{display:block!important;white-space:normal!important}
 .piano-listen{font-size:11px!important;letter-spacing:.12em!important}
 .black-key{display:none!important}
 .hero{padding-top:34px}
}
@media(max-width:420px){
 .keyboard{grid-template-columns:repeat(4,minmax(0,1fr))}
 .keyboard>.white-key{min-height:62px}.keyboard>.listen-key{min-height:48px!important}
 .keyboard>.platform-key a{min-height:62px!important;font-size:7px!important}.platform-key img{width:27px!important;height:27px!important}
}

/* v5: dedicated mobile layout */
@media (max-width:700px){
  body{min-width:0;width:100%;overflow-x:hidden}
  .topbar{position:absolute!important;top:0!important;left:0!important;right:0!important;height:60px!important;padding:0 92px 0 18px!important;background:#070706!important;border-bottom:1px solid #251e16!important}
  .menu-button{top:20px!important;right:16px!important}
  .piano{position:relative!important;top:auto!important;left:auto!important;width:100%!important;min-width:0!important;height:auto!important;margin-top:60px!important;z-index:9!important;background:#0a0908!important;overflow:hidden!important}
  .keyboard{width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:1px!important;padding:0!important;background:#30291f!important;opacity:1!important}
  .keyboard>.white-key:not(.listen-key):not(.platform-key){display:none!important}
  .keyboard>.listen-key{display:block!important;grid-column:1/-1!important;min-height:48px!important;background:#e4dccf!important}
  .keyboard>.platform-key{display:block!important;min-width:0!important;min-height:76px!important;background:linear-gradient(180deg,#eee7da,#cfc4b3)!important;border:0!important;overflow:hidden!important}
  .piano-listen{position:absolute!important;inset:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#17130f!important;font:700 12px Arial,sans-serif!important;letter-spacing:.13em!important;white-space:nowrap!important}
  .platform-key a{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:8px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#17130f!important;font:700 9px Arial,sans-serif!important;line-height:1.05!important;text-align:center!important;text-decoration:none!important;transform:none!important}
  .platform-key img{width:32px!important;height:32px!important;padding:6px!important;flex:0 0 32px!important}
  .platform-key span{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#17130f!important;text-decoration:none!important}
  .black-key{display:none!important}
  main{margin-left:0!important;width:100%!important}
  .hero{min-height:auto!important;padding:28px 16px 42px!important;display:block!important}
  .slider{height:auto!important;min-height:0!important;overflow:hidden!important;padding-bottom:42px!important}
  .slides{height:auto!important;min-height:0!important}
  .slide{position:relative!important;inset:auto!important;display:none!important;grid-template-columns:1fr!important;gap:0!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
  .slide.active{display:block!important}
  .slide img{display:block!important;width:min(100%,430px)!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0 auto!important;object-fit:contain!important}
  .slide-copy{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;padding:22px 4px 0!important;background:transparent!important;text-align:center!important}
  .slide-copy h1{font-size:36px!important;margin:9px 0!important;line-height:1.05!important}
  .slide-copy .button{margin-left:auto!important;margin-right:auto!important}
  .slider-arrow{top:40%!important;width:38px!important;height:38px!important;background:#070706d9!important}
  .prev{left:5px!important}.next{right:5px!important}
  .dots{bottom:8px!important}
  .section{min-height:0!important;padding:64px 18px!important}
  .section header h2{font-size:38px!important;line-height:1.08!important}
  .album-meta{display:block!important;margin:30px 0 45px!important}
  .album-cover{display:block!important;width:min(100%,330px)!important;max-width:100%!important;margin:0 auto 28px!important}
  .album-meta>div>p{font-size:15px!important;line-height:1.7!important}
  .album-credit{font-size:13px!important;line-height:1.45!important}
  .track-card{grid-template-columns:28px minmax(0,1fr) auto!important;padding:16px 0!important}
  .track-status{display:none!important}.track-name{font-size:15px!important;min-width:0!important}
  .track-detail{margin-top:45px!important;padding-top:32px!important}.round-play{width:54px!important;height:54px!important;flex:0 0 54px!important}
  .detail-title h3{font-size:30px!important}.detail-columns{display:block!important}.detail-columns article+article{margin-top:45px!important}
  .feature-text{font-size:19px!important;line-height:1.65!important}
  .bio-section{display:block!important}.portrait-wrap{width:min(82vw,320px)!important;margin:0 auto 38px!important}.bio{font-size:16px!important;line-height:1.75!important}
  .form-row{display:block!important}.follow{align-items:flex-start!important;flex-direction:column!important;gap:15px!important}
  footer{padding:28px 18px!important}
}
@media (max-width:390px){
  .keyboard{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .keyboard>.platform-key{min-height:70px!important}
  .platform-key a{font-size:8px!important}.platform-key img{width:29px!important;height:29px!important;flex-basis:29px!important}
  .brand{font-size:17px!important}.lang button{font-size:8px!important;padding:4px!important}
  .slide-copy h1{font-size:32px!important}.section{padding-left:16px!important;padding-right:16px!important}
}

/* v6 mobile piano + local icons */
.platform-key img,.follow img{filter:none!important;color:#c8a263!important}
@media(max-width:700px){
 html.mobile-ui body{width:100%!important;min-width:0!important;overflow-x:hidden!important}
 html.mobile-ui .topbar{position:fixed!important;z-index:50!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:58px!important}
 html.mobile-ui .piano{position:relative!important;z-index:9!important;width:100%!important;min-width:0!important;height:auto!important;margin:58px 0 0!important;overflow:hidden!important;background:#080706!important}
 html.mobile-ui .keyboard{position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(8,44px)!important;width:100%!important;height:352px!important;gap:0!important;background:#090807!important;opacity:1!important;overflow:hidden!important}
 html.mobile-ui .keyboard>.white-key{display:block!important;position:relative!important;min-height:44px!important;height:44px!important;background:linear-gradient(90deg,#f0e9dd 0,#ddd2c0 72%,#a99b86 100%)!important;border-bottom:1px solid #766c5e!important;overflow:visible!important}
 html.mobile-ui .keyboard>.listen-key{grid-column:1!important;min-height:44px!important;height:44px!important}
 html.mobile-ui .piano-listen{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 18px!important;font:700 11px Arial,sans-serif!important;letter-spacing:.14em!important;color:#17130f!important;background:transparent!important}
 html.mobile-ui .platform-key a{position:absolute!important;inset:0!important;width:100%!important;height:44px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:0 18px!important;font:700 10px Arial,sans-serif!important;color:#17130f!important;text-decoration:none!important;text-align:left!important}
 html.mobile-ui .platform-key img{width:27px!important;height:27px!important;flex:0 0 27px!important;padding:4px!important;border-radius:50%!important;background:#0b0a09!important;color:#c8a263!important}
 html.mobile-ui .platform-key span{display:block!important;color:#17130f!important;white-space:nowrap!important}
 html.mobile-ui .black-key{display:block!important;z-index:12!important;right:0!important;width:42%!important;height:25px!important;border-radius:4px 0 0 4px!important;background:linear-gradient(90deg,#1a1712,#050505 72%)!important;box-shadow:-4px 2px 8px #0009!important;pointer-events:none!important}
 html.mobile-ui .bk1{top:31px!important}.bk2{top:75px!important}.bk4{top:163px!important}.bk5{top:207px!important}.bk6{top:251px!important}.bk8{top:339px!important}.bk9,.bk11,.bk12,.bk13{display:none!important}
 html.mobile-ui main{margin-left:0!important;width:100%!important}
 html.mobile-ui .hero{padding-top:28px!important}
 html.mobile-ui[dir=rtl] .platform-key a{justify-content:flex-start!important;text-align:right!important;direction:rtl!important}
 html.mobile-ui[dir=rtl] .piano-listen{justify-content:flex-start!important;direction:rtl!important}
 html.mobile-ui[dir=rtl] .black-key{right:auto!important;left:0!important;border-radius:0 4px 4px 0!important}
}

/* v7: true compact piano on mobile — continuous keys, no card/grid look */
@media (max-width:700px){
 html.mobile-ui .piano{height:272px!important;background:#050505!important;border-bottom:1px solid #2d261d!important}
 html.mobile-ui .keyboard{display:block!important;position:relative!important;width:100%!important;height:272px!important;padding:0!important;background:#050505!important;overflow:hidden!important;opacity:1!important}
 html.mobile-ui .keyboard>.white-key{display:block!important;position:absolute!important;left:0!important;width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;border:0!important;border-bottom:1px solid #857b6d!important;border-radius:0!important;background:linear-gradient(90deg,#f5efe5 0%,#e7dece 66%,#b4a895 100%)!important;box-shadow:inset 0 -1px 0 #fff8!important;overflow:visible!important}
 html.mobile-ui .keyboard>.white-key:nth-child(1){top:0!important}
 html.mobile-ui .keyboard>.white-key:nth-child(2){top:34px!important}
 html.mobile-ui .keyboard>.white-key:nth-child(3){top:68px!important}
 html.mobile-ui .keyboard>.white-key:nth-child(4){top:102px!important}
 html.mobile-ui .keyboard>.white-key:nth-child(5){top:136px!important}
 html.mobile-ui .keyboard>.white-key:nth-child(6){top:170px!important}
 html.mobile-ui .keyboard>.white-key:nth-child(7){top:204px!important}
 html.mobile-ui .keyboard>.white-key:nth-child(8){top:238px!important}
 html.mobile-ui .keyboard>.white-key:nth-child(n+9){display:none!important}
 html.mobile-ui .piano-listen{position:absolute!important;inset:0 46% 0 0!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;color:#17130f!important;font:700 10px Arial,sans-serif!important;letter-spacing:.12em!important;white-space:nowrap!important}
 html.mobile-ui .platform-key a{position:absolute!important;inset:0 46% 0 0!important;width:auto!important;height:34px!important;padding:0 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;color:#17130f!important;font:700 9px Arial,sans-serif!important;text-decoration:none!important;text-align:left!important;line-height:1!important}
 html.mobile-ui .platform-key img{width:23px!important;height:23px!important;flex:0 0 23px!important;padding:3px!important;border-radius:50%!important;background:#0b0a09!important}
 html.mobile-ui .platform-key span{display:block!important;color:#17130f!important;white-space:nowrap!important;text-decoration:none!important}
 html.mobile-ui .black-key{display:block!important;position:absolute!important;z-index:20!important;right:0!important;left:auto!important;width:46%!important;height:20px!important;margin:0!important;border:0!important;border-radius:3px 0 0 3px!important;background:linear-gradient(90deg,#211d17 0%,#090807 52%,#020202 100%)!important;box-shadow:-5px 3px 8px #0009!important;pointer-events:none!important}
 html.mobile-ui .bk1{top:24px!important}.bk2{top:58px!important}.bk4{top:126px!important}.bk5{top:160px!important}.bk6{top:194px!important}.bk8{top:228px!important}.bk9,.bk11,.bk12,.bk13{display:none!important}
 html.mobile-ui main{margin-left:0!important}
 html.mobile-ui[dir=rtl] .piano-listen,html.mobile-ui[dir=rtl] .platform-key a{inset:0 0 0 46%!important;direction:rtl!important;text-align:right!important;justify-content:flex-start!important}
 html.mobile-ui[dir=rtl] .black-key{left:0!important;right:auto!important;border-radius:0 3px 3px 0!important}
}
@media (max-width:390px){
 html.mobile-ui .piano{height:240px!important}
 html.mobile-ui .keyboard{height:240px!important}
 html.mobile-ui .keyboard>.white-key{height:30px!important;min-height:30px!important}
 html.mobile-ui .keyboard>.white-key:nth-child(1){top:0!important}.mobile-ui .keyboard>.white-key:nth-child(2){top:30px!important}.mobile-ui .keyboard>.white-key:nth-child(3){top:60px!important}.mobile-ui .keyboard>.white-key:nth-child(4){top:90px!important}.mobile-ui .keyboard>.white-key:nth-child(5){top:120px!important}.mobile-ui .keyboard>.white-key:nth-child(6){top:150px!important}.mobile-ui .keyboard>.white-key:nth-child(7){top:180px!important}.mobile-ui .keyboard>.white-key:nth-child(8){top:210px!important}
 html.mobile-ui .platform-key a{height:30px!important;font-size:8px!important;padding-left:11px!important;gap:7px!important}.mobile-ui .platform-key img{width:21px!important;height:21px!important;flex-basis:21px!important}.mobile-ui .piano-listen{font-size:9px!important;padding-left:11px!important}
 html.mobile-ui .black-key{height:18px!important}.mobile-ui .bk1{top:21px!important}.mobile-ui .bk2{top:51px!important}.mobile-ui .bk4{top:111px!important}.mobile-ui .bk5{top:141px!important}.mobile-ui .bk6{top:171px!important}.mobile-ui .bk8{top:201px!important}
}

/* v8 MOBILE: horizontal piano across top */
@media (max-width:760px){
 html.mobile-ui .piano{position:relative!important;top:auto!important;left:auto!important;width:100%!important;min-width:0!important;height:154px!important;margin:58px 0 0!important;background:#0a0908!important;overflow:hidden!important;border-bottom:1px solid #33291e!important}
 html.mobile-ui .keyboard{position:relative!important;height:154px!important;width:100%!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;grid-template-rows:36px 118px!important;gap:0!important;opacity:1!important;background:#0a0908!important}
 html.mobile-ui .keyboard>.listen-key{display:block!important;position:relative!important;grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:36px!important;min-height:36px!important;background:#e8e0d3!important;border:0!important;border-bottom:1px solid #9d9488!important}
 html.mobile-ui .piano-listen{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;color:#17130f!important;font:700 10px Arial,sans-serif!important;letter-spacing:.16em!important;white-space:nowrap!important}
 html.mobile-ui .keyboard>.platform-key{display:block!important;position:relative!important;grid-row:2!important;width:auto!important;height:118px!important;min-height:118px!important;background:linear-gradient(90deg,#f4efe7,#ddd5c8)!important;border:0!important;border-right:1px solid #9f9689!important;overflow:visible!important}
 html.mobile-ui .keyboard>.platform-key:nth-of-type(2){grid-column:1!important} html.mobile-ui .keyboard>.platform-key:nth-of-type(3){grid-column:2!important} html.mobile-ui .keyboard>.platform-key:nth-of-type(4){grid-column:3!important} html.mobile-ui .keyboard>.platform-key:nth-of-type(5){grid-column:4!important} html.mobile-ui .keyboard>.platform-key:nth-of-type(6){grid-column:5!important} html.mobile-ui .keyboard>.platform-key:nth-of-type(7){grid-column:6!important} html.mobile-ui .keyboard>.platform-key:nth-of-type(8){grid-column:7!important}
 html.mobile-ui .platform-key a{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:50px 2px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;color:#17130f!important;font:700 7px Arial,sans-serif!important;line-height:1.05!important;text-align:center!important;text-decoration:none!important}
 html.mobile-ui .platform-key img{width:29px!important;height:29px!important;flex:0 0 29px!important;padding:0!important;border-radius:0!important;background:transparent!important;object-fit:contain!important;filter:none!important}
 html.mobile-ui .platform-key span{display:block!important;max-width:100%!important;color:#17130f!important;white-space:normal!important;text-decoration:none!important}
 html.mobile-ui .keyboard>.white-key:not(.listen-key):not(.platform-key){display:none!important}
 html.mobile-ui .black-key{display:block!important;position:absolute!important;z-index:6!important;top:36px!important;width:7.4%!important;height:54px!important;background:linear-gradient(90deg,#171513,#020202)!important;border-radius:0 0 4px 4px!important;box-shadow:0 4px 7px #0008!important;right:auto!important}
 html.mobile-ui .bk1{left:10.55%!important}.mobile-ui .bk2{left:24.85%!important}.mobile-ui .bk4{left:53.4%!important}.mobile-ui .bk5{left:67.7%!important}.mobile-ui .bk6{left:82%!important}
 html.mobile-ui .bk8,.mobile-ui .bk9,.mobile-ui .bk11,.mobile-ui .bk12,.mobile-ui .bk13{display:none!important}
 html.mobile-ui[dir=rtl] .platform-key a{direction:ltr!important;text-align:center!important;justify-content:flex-start!important}
 html.mobile-ui main{margin-left:0!important}
}

/* v9 final mobile lock: horizontal piano, all languages */
@media (max-width:760px){
 html.mobile-ui body{margin:0!important;width:100%!important;min-width:0!important;overflow-x:hidden!important}
 html.mobile-ui .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:58px!important;z-index:100!important}
 html.mobile-ui .piano{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;min-width:0!important;height:154px!important;margin:58px 0 0!important;overflow:hidden!important;z-index:20!important}
 html.mobile-ui .keyboard{position:relative!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-template-rows:36px 118px!important;width:100%!important;height:154px!important;margin:0!important;padding:0!important;gap:0!important;overflow:hidden!important}
 html.mobile-ui .keyboard>.listen-key{position:relative!important;display:block!important;grid-column:1/-1!important;grid-row:1!important;left:auto!important;top:auto!important;width:100%!important;height:36px!important;min-height:36px!important;background:#e8e0d3!important;border:0!important;border-bottom:1px solid #9d9488!important}
 html.mobile-ui .piano-listen{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font:700 10px Arial,sans-serif!important;letter-spacing:.15em!important;color:#17130f!important;white-space:nowrap!important;direction:ltr!important}
 html.mobile-ui .keyboard>.platform-key{position:relative!important;display:block!important;grid-row:2!important;left:auto!important;top:auto!important;width:auto!important;height:118px!important;min-height:118px!important;background:linear-gradient(90deg,#f4efe7,#ddd5c8)!important;border:0!important;border-right:1px solid #9f9689!important;overflow:visible!important}
 html.mobile-ui .keyboard>.platform-key:nth-child(2){grid-column:1!important} html.mobile-ui .keyboard>.platform-key:nth-child(3){grid-column:2!important} html.mobile-ui .keyboard>.platform-key:nth-child(4){grid-column:3!important} html.mobile-ui .keyboard>.platform-key:nth-child(5){grid-column:4!important} html.mobile-ui .keyboard>.platform-key:nth-child(6){grid-column:5!important} html.mobile-ui .keyboard>.platform-key:nth-child(7){grid-column:6!important} html.mobile-ui .keyboard>.platform-key:nth-child(8){grid-column:7!important}
 html.mobile-ui .platform-key a{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:50px 2px 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;font:700 7px Arial,sans-serif!important;line-height:1.05!important;text-align:center!important;color:#17130f!important;text-decoration:none!important;direction:ltr!important}
 html.mobile-ui .platform-key img{display:block!important;width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;flex:0 0 29px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;object-fit:contain!important;filter:none!important;opacity:1!important}
 html.mobile-ui .platform-key span{display:block!important;color:#17130f!important;white-space:normal!important;text-decoration:none!important}
 html.mobile-ui .keyboard>.white-key:not(.listen-key):not(.platform-key){display:none!important}
 html.mobile-ui .black-key{display:block!important;position:absolute!important;z-index:30!important;top:36px!important;right:auto!important;width:7.4%!important;height:54px!important;margin:0!important;background:linear-gradient(90deg,#171513,#020202)!important;border:0!important;border-radius:0 0 4px 4px!important;box-shadow:0 4px 7px #0008!important;pointer-events:none!important}
 html.mobile-ui .bk1{left:10.55%!important}.mobile-ui .bk2{left:24.85%!important}.mobile-ui .bk4{left:53.4%!important}.mobile-ui .bk5{left:67.7%!important}.mobile-ui .bk6{left:82%!important}
 html.mobile-ui .bk8,.mobile-ui .bk9,.mobile-ui .bk11,.mobile-ui .bk12,.mobile-ui .bk13{display:none!important}
 html.mobile-ui main{margin-left:0!important;width:100%!important;min-width:0!important}
 html.mobile-ui[dir=rtl] .piano,html.mobile-ui[dir=rtl] .keyboard{direction:ltr!important}
}

/* v10 — authentic piano keyboard, platform labels overlay the keys */
.piano .keyboard{position:relative!important;display:grid!important;grid-template-rows:repeat(14,1fr)!important;height:100%!important;overflow:hidden!important;opacity:1!important;background:#0a0908!important}
.piano .white-key{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;background:linear-gradient(90deg,#f5f0e8 0%,#e6ded1 55%,#c9bda9 78%,#8e8270 100%)!important;border:0!important;border-bottom:1px solid #8f8578!important}
.piano .black-key{display:block!important;position:absolute!important;z-index:4!important;right:0!important;width:70%!important;height:4.6%!important;background:linear-gradient(90deg,#171511 0%,#050505 72%,#000 100%)!important;border-radius:4px 0 0 4px!important;box-shadow:-5px 3px 12px #000b!important}
.piano .piano-listen{position:absolute!important;z-index:8!important;top:10px!important;left:18px!important;color:#17130f!important;font:700 11px Arial,sans-serif!important;letter-spacing:.14em!important;white-space:nowrap!important;pointer-events:none!important}
.piano-platforms{position:absolute!important;z-index:7!important;inset:0!important;pointer-events:none!important}
.piano-platform{position:absolute!important;left:16px!important;width:44%!important;height:7.142857%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;color:#17130f!important;text-decoration:none!important;font:700 10px Arial,sans-serif!important;pointer-events:auto!important}
.piano-platform img{width:28px!important;height:28px!important;object-fit:contain!important;filter:none!important;flex:0 0 28px!important}
.piano-platform span{display:block!important;color:#17130f!important;white-space:nowrap!important;text-decoration:none!important}
.pp1{top:7.142857%!important}.pp2{top:14.285714%!important}.pp3{top:21.428571%!important}.pp4{top:28.571428%!important}.pp5{top:35.714285%!important}.pp6{top:42.857142%!important}.pp7{top:50%!important}

@media(max-width:760px){
 html.mobile-ui .piano{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;min-width:0!important;height:150px!important;margin:58px 0 0!important;overflow:hidden!important;background:#0a0908!important;border-bottom:1px solid #33291e!important;z-index:20!important}
 html.mobile-ui .piano .piano-listen{position:absolute!important;z-index:12!important;top:0!important;left:0!important;width:100%!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e8e0d3!important;border-bottom:1px solid #8f8578!important;color:#17130f!important;font:700 10px Arial,sans-serif!important;letter-spacing:.14em!important}
 html.mobile-ui .piano .keyboard{position:absolute!important;left:0!important;right:0!important;top:34px!important;bottom:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-template-rows:1fr!important;overflow:hidden!important;background:#0a0908!important;direction:ltr!important}
 html.mobile-ui .piano .white-key{display:none!important}
 html.mobile-ui .piano .wk1,html.mobile-ui .piano .wk2,html.mobile-ui .piano .wk3,html.mobile-ui .piano .wk4,html.mobile-ui .piano .wk5,html.mobile-ui .piano .wk6,html.mobile-ui .piano .wk7{display:block!important;position:relative!important;width:auto!important;height:100%!important;background:linear-gradient(180deg,#f7f2e9 0%,#e6ded1 76%,#cfc4b3 100%)!important;border-right:1px solid #8f8578!important;border-bottom:0!important}
 html.mobile-ui .piano .wk1{grid-column:1!important}.mobile-ui .piano .wk2{grid-column:2!important}.mobile-ui .piano .wk3{grid-column:3!important}.mobile-ui .piano .wk4{grid-column:4!important}.mobile-ui .piano .wk5{grid-column:5!important}.mobile-ui .piano .wk6{grid-column:6!important}.mobile-ui .piano .wk7{grid-column:7!important}
 html.mobile-ui .piano .black-key{display:none!important;position:absolute!important;z-index:5!important;top:0!important;width:7.5%!important;height:58%!important;right:auto!important;background:linear-gradient(180deg,#181612,#020202 85%)!important;border-radius:0 0 4px 4px!important;box-shadow:2px 5px 7px #0008!important}
 html.mobile-ui .piano .bk1{display:block!important;left:10.55%!important}.mobile-ui .piano .bk2{display:block!important;left:24.85%!important}.mobile-ui .piano .bk4{display:block!important;left:53.4%!important}.mobile-ui .piano .bk5{display:block!important;left:67.7%!important}.mobile-ui .piano .bk6{display:block!important;left:82%!important}
 html.mobile-ui .piano-platforms{position:absolute!important;z-index:8!important;inset:0!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;direction:ltr!important;pointer-events:none!important}
 html.mobile-ui .piano-platform{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;padding:0 1px 8px!important;text-align:center!important;font:700 6.5px Arial,sans-serif!important;line-height:1.05!important;overflow:hidden!important;pointer-events:auto!important}
 html.mobile-ui .piano-platform img{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important;filter:none!important;object-fit:contain!important}
 html.mobile-ui .piano-platform span{display:block!important;max-width:100%!important;white-space:normal!important;color:#17130f!important}
 html.mobile-ui .pp1{grid-column:1!important}.mobile-ui .pp2{grid-column:2!important}.mobile-ui .pp3{grid-column:3!important}.mobile-ui .pp4{grid-column:4!important}.mobile-ui .pp5{grid-column:5!important}.mobile-ui .pp6{grid-column:6!important}.mobile-ui .pp7{grid-column:7!important}
 html.mobile-ui[dir=rtl] .piano,html.mobile-ui[dir=rtl] .piano .keyboard,html.mobile-ui[dir=rtl] .piano-platforms{direction:ltr!important}
}
@media(max-width:390px){html.mobile-ui .piano-platform span{font-size:5.7px!important}html.mobile-ui .piano-platform img{width:22px!important;height:22px!important;min-width:22px!important;flex-basis:22px!important}}

/* v11 final piano rebuild */
@media (min-width:761px){
.piano{width:260px!important;min-width:260px!important;background:#120f0b!important;overflow:hidden!important}
main{margin-left:260px!important}.topbar{left:260px!important}
.piano .keyboard{height:100vh!important;display:grid!important;grid-template-rows:repeat(8,1fr)!important;background:#15110d!important;position:relative!important}
.piano .white-key{display:block!important;background:linear-gradient(90deg,#fbf8f0 0%,#eee7da 63%,#c9bdab 100%)!important;border-bottom:1px solid #8e8578!important;box-shadow:inset -10px 0 18px #9f958733!important}
.piano .wk9,.piano .wk10,.piano .wk11,.piano .wk12,.piano .wk13,.piano .wk14{display:none!important}
.piano .black-key{display:block!important;position:absolute!important;right:0!important;width:70%!important;height:7.4%!important;background:linear-gradient(90deg,#211d18,#050403 78%,#000)!important;border-radius:5px 0 0 5px!important;box-shadow:-5px 5px 10px #0009!important;z-index:4!important}
.piano .bk1{top:8.8%!important}.piano .bk2{top:21.3%!important}.piano .bk4{top:46.3%!important}.piano .bk5{top:58.8%!important}.piano .bk6{top:71.3%!important}.piano .bk8,.piano .bk9,.piano .bk11,.piano .bk12,.piano .bk13{display:none!important}
.piano .piano-listen{top:0!important;left:0!important;width:54%!important;height:12.5%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;font:700 12px Arial,sans-serif!important;letter-spacing:.12em!important;color:#17130f!important;z-index:8!important}
.piano-platforms{position:absolute!important;inset:0!important;z-index:7!important;pointer-events:none!important}
.piano-platform{left:16px!important;width:48%!important;height:12.5%!important;display:flex!important;align-items:center!important;gap:9px!important;color:#17130f!important;text-decoration:none!important;font:700 11px Arial,sans-serif!important;pointer-events:auto!important}
.piano-platform img{width:27px!important;height:27px!important;filter:none!important}.piano-platform span{color:#17130f!important}
.piano-platform.pp1{top:12.5%!important}.piano-platform.pp2{top:25%!important}.piano-platform.pp3{top:37.5%!important}.piano-platform.pp4{top:50%!important}.piano-platform.pp5{top:62.5%!important}.piano-platform.pp6{top:75%!important}.piano-platform.pp7{top:87.5%!important}
}

@media (max-width:760px){
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.piano{display:block!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;width:100vw!important;min-width:0!important;height:174px!important;margin:58px 0 0!important;background:#15110d!important;overflow:hidden!important;z-index:20!important}
main{margin-left:0!important;width:100%!important}.topbar{left:0!important;width:100%!important}
.piano .piano-listen{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:linear-gradient(#fbf8f0,#e9e1d4)!important;border-bottom:1px solid #8e8578!important;color:#17130f!important;font:700 11px Arial,sans-serif!important;letter-spacing:.14em!important;z-index:12!important}
.piano .keyboard{position:absolute!important;left:0!important;right:0!important;top:38px!important;bottom:0!important;width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;grid-template-rows:1fr!important;background:#15110d!important;overflow:hidden!important;direction:ltr!important}
.piano .white-key{display:none!important}.piano .wk1,.piano .wk2,.piano .wk3,.piano .wk4,.piano .wk5,.piano .wk6,.piano .wk7{display:block!important;position:relative!important;width:100%!important;height:100%!important;background:linear-gradient(180deg,#fffdf7 0%,#eee7da 76%,#cfc4b3 100%)!important;border-right:1px solid #8e8578!important;border-bottom:0!important;box-shadow:inset -3px 0 5px #9f958733!important}
.piano .wk1{grid-column:1!important}.piano .wk2{grid-column:2!important}.piano .wk3{grid-column:3!important}.piano .wk4{grid-column:4!important}.piano .wk5{grid-column:5!important}.piano .wk6{grid-column:6!important}.piano .wk7{grid-column:7!important}
.piano .black-key{display:none!important;position:absolute!important;z-index:6!important;top:0!important;width:8.2%!important;height:59%!important;right:auto!important;background:linear-gradient(180deg,#24201b,#050403 84%,#000)!important;border-radius:0 0 4px 4px!important;box-shadow:2px 5px 7px #0008!important}
.piano .bk1{display:block!important;left:10.2%!important}.piano .bk2{display:block!important;left:24.5%!important}.piano .bk4{display:block!important;left:53.1%!important}.piano .bk5{display:block!important;left:67.4%!important}.piano .bk6{display:block!important;left:81.7%!important}
.piano-platforms{position:absolute!important;inset:0!important;z-index:8!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;direction:ltr!important;pointer-events:none!important}
.piano-platform{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;padding:0 2px 9px!important;color:#17130f!important;text-decoration:none!important;text-align:center!important;font:700 7px Arial,sans-serif!important;line-height:1.05!important;pointer-events:auto!important;overflow:hidden!important}
.piano-platform img{display:block!important;width:25px!important;height:25px!important;min-width:25px!important;filter:none!important;object-fit:contain!important}.piano-platform span{display:block!important;color:#17130f!important;white-space:normal!important;text-decoration:none!important}
.piano-platform.pp1,.piano-platform.pp2,.piano-platform.pp3,.piano-platform.pp4,.piano-platform.pp5,.piano-platform.pp6,.piano-platform.pp7{top:auto!important}
html[dir=rtl] .piano,html[dir=rtl] .piano .keyboard,html[dir=rtl] .piano-platforms{direction:ltr!important}
}
@media (max-width:390px){.piano{height:164px!important}.piano-platform{font-size:6.2px!important}.piano-platform img{width:22px!important;height:22px!important;min-width:22px!important}}

/* v12 definitive piano layout */
/* Desktop: 8 large white keys, realistic ivory/ebony depth. Labels sit on top, right aligned. */
@media (min-width:761px){
  .piano{display:block!important;position:fixed!important;left:0!important;top:0!important;width:260px!important;min-width:260px!important;height:100vh!important;overflow:hidden!important;background:#0b0907!important;z-index:10!important;box-shadow:8px 0 28px #0009!important}
  .piano .keyboard{display:grid!important;grid-template-rows:repeat(8,1fr)!important;position:relative!important;width:100%!important;height:100%!important;background:#0b0907!important;overflow:hidden!important}
  .piano .white-key{display:block!important;position:relative!important;width:100%!important;height:auto!important;background:linear-gradient(90deg,#fffdf8 0%,#f3eee5 45%,#ddd3c4 76%,#b5a995 100%)!important;border-bottom:1px solid #8d8478!important;box-shadow:inset 0 2px 2px #fff,inset -18px 0 24px #8c806c38!important}
  .piano .wk9,.piano .wk10,.piano .wk11,.piano .wk12,.piano .wk13,.piano .wk14{display:none!important}
  .piano .black-key{display:block!important;position:absolute!important;right:0!important;z-index:6!important;width:70%!important;height:8.2%!important;background:linear-gradient(90deg,#24211d 0%,#0d0c0a 40%,#020202 82%,#111 100%)!important;border:1px solid #25211d!important;border-right:0!important;border-radius:4px 0 0 4px!important;box-shadow:-7px 7px 12px #000b,inset 0 2px 2px #ffffff18!important}
  .piano .bk1{top:8.4%!important}.piano .bk2{top:20.9%!important}.piano .bk4{top:45.9%!important}.piano .bk5{top:58.4%!important}.piano .bk6{top:70.9%!important}
  .piano .bk8,.piano .bk9,.piano .bk11,.piano .bk12,.piano .bk13{display:none!important}
  .piano .piano-listen{position:absolute!important;z-index:12!important;top:0!important;left:0!important;width:48%!important;height:12.5%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding-right:13px!important;color:#17130f!important;font:700 10px Arial,sans-serif!important;letter-spacing:.09em!important;white-space:nowrap!important}
  .piano-platforms{position:absolute!important;inset:0!important;z-index:10!important;pointer-events:none!important}
  .piano-platform{position:absolute!important;left:0!important;width:48%!important;height:12.5%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;padding:0 12px 0 5px!important;text-align:right!important;color:#17130f!important;text-decoration:none!important;font:700 9px Arial,sans-serif!important;pointer-events:auto!important}
  .piano-platform img{width:23px!important;height:23px!important;flex:0 0 23px!important;object-fit:contain!important;filter:none!important;order:2!important}
  .piano-platform span{display:block!important;color:#17130f!important;white-space:nowrap!important;order:1!important}
  .pp1{top:12.5%!important}.pp2{top:25%!important}.pp3{top:37.5%!important}.pp4{top:50%!important}.pp5{top:62.5%!important}.pp6{top:75%!important}.pp7{top:87.5%!important}
  main{margin-left:260px!important}.topbar{left:260px!important}
}

/* Phone/tablet portrait: piano is horizontal, full-width and always visible. */
@media (max-width:760px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .topbar{position:relative!important;left:0!important;right:auto!important;top:0!important;width:100%!important;height:58px!important;padding:0 82px 0 22px!important;background:#070706!important;z-index:100!important}
  .menu-button{position:absolute!important;top:22px!important;right:14px!important;z-index:110!important}
  .piano{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;left:0!important;right:auto!important;top:auto!important;width:100vw!important;min-width:0!important;max-width:none!important;height:158px!important;margin:0!important;background:#0a0908!important;overflow:hidden!important;z-index:25!important;border-top:1px solid #282119!important;border-bottom:1px solid #282119!important;box-shadow:0 8px 20px #0007!important}
  .piano .piano-listen{display:flex!important;position:absolute!important;z-index:20!important;left:0!important;top:0!important;width:100%!important;height:32px!important;align-items:center!important;justify-content:center!important;padding:0!important;background:linear-gradient(180deg,#f5efe5,#ddd4c6)!important;border-bottom:1px solid #9b9184!important;color:#17130f!important;font:700 10px Arial,sans-serif!important;letter-spacing:.14em!important;white-space:nowrap!important}
  .piano .keyboard{display:grid!important;position:absolute!important;left:0!important;right:0!important;top:32px!important;bottom:0!important;width:100%!important;height:auto!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-template-rows:1fr!important;background:#0a0908!important;overflow:hidden!important;direction:ltr!important}
  .piano .white-key{display:none!important}
  .piano .wk1,.piano .wk2,.piano .wk3,.piano .wk4,.piano .wk5,.piano .wk6,.piano .wk7{display:block!important;position:relative!important;width:auto!important;height:100%!important;background:linear-gradient(180deg,#fffdf8 0%,#f4eee5 60%,#d8cdbd 100%)!important;border-right:1px solid #8f867a!important;border-bottom:0!important;box-shadow:inset 0 2px 2px #fff,inset -4px 0 8px #8b806f30!important}
  .piano .wk1{grid-column:1!important}.piano .wk2{grid-column:2!important}.piano .wk3{grid-column:3!important}.piano .wk4{grid-column:4!important}.piano .wk5{grid-column:5!important}.piano .wk6{grid-column:6!important}.piano .wk7{grid-column:7!important}
  .piano .black-key{display:none!important;position:absolute!important;z-index:12!important;top:0!important;right:auto!important;width:8.2%!important;height:60%!important;background:linear-gradient(180deg,#25221e 0%,#090807 38%,#010101 88%,#171411 100%)!important;border:1px solid #27231e!important;border-top:0!important;border-radius:0 0 4px 4px!important;box-shadow:3px 7px 8px #0009,inset 1px 0 1px #ffffff16!important;pointer-events:none!important}
  .piano .bk1{display:block!important;left:10.2%!important}.piano .bk2{display:block!important;left:24.5%!important}.piano .bk4{display:block!important;left:53.1%!important}.piano .bk5{display:block!important;left:67.4%!important}.piano .bk6{display:block!important;left:81.7%!important}
  .piano .bk8,.piano .bk9,.piano .bk11,.piano .bk12,.piano .bk13{display:none!important}
  .piano-platforms{display:grid!important;position:absolute!important;z-index:15!important;inset:0!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;direction:ltr!important;pointer-events:none!important}
  .piano-platform{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;padding:0 2px 8px!important;text-align:center!important;font:700 6.5px Arial,sans-serif!important;line-height:1.05!important;color:#201b16!important;text-decoration:none!important;overflow:hidden!important;pointer-events:auto!important}
  .piano-platform img{display:block!important;width:23px!important;height:23px!important;min-width:23px!important;flex:0 0 23px!important;object-fit:contain!important;filter:none!important;order:1!important}
  .piano-platform span{display:block!important;max-width:100%!important;color:#2b241d!important;white-space:normal!important;text-decoration:none!important;order:2!important;text-shadow:0 1px 0 #fff8!important}
  .pp1{grid-column:1!important}.pp2{grid-column:2!important}.pp3{grid-column:3!important}.pp4{grid-column:4!important}.pp5{grid-column:5!important}.pp6{grid-column:6!important}.pp7{grid-column:7!important}
  main{margin-left:0!important;width:100%!important;min-width:0!important}
  .hero{padding-top:20px!important}
  [dir=rtl] .piano,[dir=rtl] .piano .keyboard,[dir=rtl] .piano-platforms{direction:ltr!important}
}
@media (max-width:390px){
  .piano{height:150px!important}.piano .piano-listen{height:30px!important}.piano .keyboard{top:30px!important}
  .piano-platform{font-size:5.7px!important;padding-bottom:7px!important}.piano-platform img{width:21px!important;height:21px!important;min-width:21px!important;flex-basis:21px!important}
}
/* v13 approved top horizontal piano */
html,body{overflow-x:hidden!important}
.top-piano{position:relative!important;width:100%!important;height:205px!important;background:linear-gradient(#15110d,#070605)!important;border-bottom:2px solid #3b2b1b!important;box-shadow:0 8px 26px #000a!important;z-index:50!important;padding:10px 12px 12px!important;box-sizing:border-box!important}
.real-keyboard{position:relative!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;width:100%!important;height:100%!important;max-width:1600px!important;margin:auto!important;background:#0b0907!important;border:5px solid #17120d!important;border-radius:5px!important;box-shadow:inset 0 4px 10px #000,0 3px 10px #000!important;overflow:hidden!important;direction:ltr!important}
.real-key{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;padding:0 5px 18px!important;min-width:0!important;background:linear-gradient(90deg,#d5c8b4 0%,#fffaf0 13%,#f4eadb 70%,#c9b9a3 100%)!important;border-right:1px solid #766b5e!important;border-bottom:7px solid #b4a38e!important;box-shadow:inset 2px 0 2px #fff9,inset -5px 0 8px #7e6f5c35!important;color:#17120e!important;text-decoration:none!important;font:700 13px Arial,sans-serif!important;text-align:center!important;z-index:1!important}
.real-key:active{transform:translateY(2px)}
.real-key img{width:34px!important;height:34px!important;object-fit:contain!important;filter:none!important;display:block!important}
.real-key span{color:#17120e!important;text-decoration:none!important;white-space:nowrap!important}
.real-key.listen{justify-content:flex-end!important;padding-bottom:25px!important;font-size:12px!important;letter-spacing:.08em!important;line-height:1.15!important}
.real-key.listen span{white-space:normal!important;max-width:110px!important}
.rk-black{position:absolute!important;top:0!important;width:8.2%!important;height:59%!important;background:linear-gradient(90deg,#27211b,#050403 48%,#17120f)!important;border:1px solid #332a21!important;border-top:0!important;border-radius:0 0 5px 5px!important;box-shadow:4px 7px 8px #000b,inset 2px 0 2px #ffffff12!important;z-index:4!important;pointer-events:none!important}
.rk-black.b1{left:10.4%!important}.rk-black.b2{left:22.9%!important}.rk-black.b4{left:47.9%!important}.rk-black.b5{left:60.4%!important}.rk-black.b6{left:72.9%!important}
/* old piano never participates */
.piano{display:none!important}
.topbar{position:relative!important;left:0!important;width:100%!important;min-height:54px!important;padding:0 28px!important;justify-content:flex-end!important}
.brand{display:none!important}
.page,.main,.site-main,main{margin-left:0!important;padding-left:0!important}
@media (max-width:760px){
 .top-piano{display:block!important;width:100vw!important;height:132px!important;padding:5px 3px 6px!important;overflow:hidden!important}
 .real-keyboard{width:100%!important;height:100%!important;border-width:3px!important;grid-template-columns:repeat(8,minmax(0,1fr))!important}
 .real-key{gap:3px!important;padding:0 1px 8px!important;border-bottom-width:4px!important;font-size:6.4px!important;line-height:1.02!important;overflow:hidden!important}
 .real-key img{width:22px!important;height:22px!important;min-width:0!important}
 .real-key span{white-space:normal!important;max-width:100%!important;color:#18130f!important;text-align:center!important}
 .real-key.listen{font-size:6px!important;padding:0 1px 10px!important;letter-spacing:.03em!important}
 .real-key.listen span{max-width:46px!important}
 .rk-black{height:57%!important;width:8.1%!important;border-radius:0 0 3px 3px!important}
 .topbar{margin:0!important;top:auto!important;position:relative!important;min-height:52px!important;padding:0 16px!important}
 html.mobile-ui .topbar{top:auto!important;margin-top:0!important}
 html.mobile-ui .page,html.mobile-ui main{margin-left:0!important;padding-left:0!important}
}
@media (max-width:390px){.top-piano{height:122px!important}.real-key{font-size:5.8px!important}.real-key img{width:20px!important;height:20px!important}.real-key.listen{font-size:5.5px!important}}
html[dir=rtl] .top-piano,html[dir=rtl] .real-keyboard{direction:ltr!important}
\n\n/* v14: elongated top piano, bottom-centered platform marks, unified nav, back-to-top */
.top-piano{height:270px!important;padding:10px 12px 14px!important}
.real-keyboard{border-width:5px!important}
.real-key{justify-content:flex-end!important;gap:7px!important;padding:0 8px 18px!important;border-bottom-width:9px!important;background:linear-gradient(90deg,#c9bba6 0%,#fffdf7 11%,#f7efe3 66%,#c6b59f 100%)!important;box-shadow:inset 3px 0 3px #fff,inset -7px 0 12px #6e604d40,0 7px 8px #0005!important}
.real-key img{width:36px!important;height:36px!important;flex:0 0 36px!important}
.real-key span{display:block!important;width:100%!important;text-align:center!important}
.real-key.listen{padding:0 8px 21px!important;justify-content:flex-end!important}
.real-key.listen span{max-width:none!important;text-align:center!important}
.rk-black{height:62%!important;background:linear-gradient(90deg,#312b25 0%,#080706 45%,#020202 72%,#1b1713 100%)!important;box-shadow:5px 10px 11px #000c,inset 2px 0 2px #ffffff17,inset -2px 0 2px #000!important}
.topbar{height:56px!important;min-height:56px!important;padding:0 24px!important;background:#080807!important;border-bottom:1px solid #2c241b!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;position:relative!important;z-index:60!important}
.top-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;margin-left:auto!important}
.lang{display:flex!important;align-items:center!important;gap:4px!important}
.menu-button{position:relative!important;inset:auto!important;right:auto!important;top:auto!important;display:flex!important;align-items:center!important;gap:8px!important;height:34px!important;padding:0 4px 0 30px!important;margin:0!important}
.menu-button span{right:auto!important;left:4px!important;width:17px!important}
.menu-button b{display:block!important}
.back-home{position:fixed;right:18px;bottom:22px;z-index:35;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;background:#0a0908e8;border:1px solid #9b7747;color:#d2ac6c;padding:11px 14px;font:700 9px Arial,sans-serif;letter-spacing:.13em;cursor:pointer;box-shadow:0 6px 20px #0008;backdrop-filter:blur(6px)}
.back-home.show{opacity:1;visibility:visible;transform:none}
[dir=rtl] .top-controls{margin-left:0!important;margin-right:auto!important;flex-direction:row-reverse!important}
[dir=rtl] .back-home{right:auto;left:18px}
@media(max-width:760px){
 .top-piano{height:190px!important;padding:5px 3px 7px!important}
 .real-keyboard{border-width:3px!important}
 .real-key{gap:3px!important;padding:0 2px 10px!important;border-bottom-width:5px!important;font-size:6.5px!important}
 .real-key img{width:23px!important;height:23px!important;flex-basis:23px!important}
 .real-key.listen{padding:0 2px 11px!important;font-size:6px!important}
 .rk-black{height:61%!important}
 .topbar,html.mobile-ui .topbar{height:52px!important;min-height:52px!important;padding:0 12px!important;position:relative!important;top:auto!important;left:0!important;right:auto!important}
 .top-controls{gap:8px!important}
 .lang button{font-size:8px!important;padding:5px!important}
 .menu-button{height:32px!important;padding-left:27px!important}
 .menu-button b{display:block!important;font-size:8px!important}
 .menu-button span{left:3px!important;width:15px!important}
 .back-home{right:10px;bottom:12px;padding:10px 11px;font-size:8px}
 [dir=rtl] .back-home{right:auto;left:10px}
}
@media(max-width:390px){
 .top-piano{height:178px!important}
 .real-key{font-size:5.7px!important;padding-bottom:9px!important}
 .real-key img{width:21px!important;height:21px!important;flex-basis:21px!important}
 .real-key.listen{font-size:5.5px!important;padding-bottom:10px!important}
}

/* v15 DESKTOP ONLY: taller, slimmer piano keys. Mobile v14 rules intentionally untouched. */
@media (min-width:761px){
  .top-piano{height:360px!important;padding:10px 12px 14px!important}
  .real-key{padding-bottom:22px!important}
  .real-key.listen{padding-bottom:25px!important}
  .rk-black{height:60%!important;width:7.6%!important}
}

/* v16 follow icons: high contrast on dark footer/contact background only */
.follow a{opacity:.9!important;border:1px solid #3a3026!important;border-radius:50%!important;background:#0d0c0a!important}
.follow a:hover{opacity:1!important;border-color:#9b7747!important;background:#15120e!important}
.follow img{filter:none!important;width:22px!important;height:22px!important}

/* v17 contact email */
.contact-email{margin:18px 0 24px;color:var(--muted,#cfc8bc);font-size:1rem}.contact-email a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28)}.contact-email a:hover{color:#fff;border-color:#fff}

/* v19 performance + accessibility, visual design preserved */
.lang button{color:#a79d91}
.lang button.active{color:#d2aa6b}
.section header p,.album-meta>div>p{color:#b7afa5}
.album-credit{color:#c2b8ab}.album-credit b{color:#a89d90}
footer{color:#8f877d}
@media(max-width:760px){
 .lang button{min-width:36px;min-height:36px}
 .menu-button{min-width:44px;min-height:44px}
 .slider-arrow{min-width:44px;min-height:44px}
 .follow a{min-width:44px!important;min-height:44px!important}
 .back-home{min-height:44px}
}

/* v20: preserve artwork aspect ratio + Lighthouse cleanup */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.slide img,.album-cover{height:auto!important;aspect-ratio:1/1!important;object-fit:contain!important}
.slide img{max-width:min(100%,560px)!important}
.album-cover{max-width:330px!important}
@media(max-width:1050px){.slide img{max-width:min(100%,470px)!important;height:auto!important}}
@media(max-width:760px){.slide img{width:min(100%,430px)!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1!important}.album-cover{width:min(100%,330px)!important;height:auto!important}}