:root{--bg:#080814;--ink:#f2edf2;--muted:#a9a1b1;--pink:#ec39b3;--blue:#26a8ff;--gold:#e0b260;--panel:#111120}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 22%,#192038 0,#0b0a18 42%,#07070f 76%);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.aurora{position:fixed;pointer-events:none;filter:blur(90px);opacity:.28;border-radius:50%}.aurora-one{width:48vw;height:42vw;background:#8e0b71;left:-18vw;top:18vh}.aurora-two{width:44vw;height:40vw;background:#765523;right:-17vw;top:22vh}.header{height:76px;position:fixed;z-index:15;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,88px);background:#080814bf;border-bottom:1px solid #ffffff14;backdrop-filter:blur(18px)}.identity{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;letter-spacing:.13em}.identity-mark{display:flex;align-items:end;gap:3px;height:34px}.identity-mark i{display:block;width:2px;border-radius:2px;background:linear-gradient(var(--gold),transparent)}.identity-mark i:nth-child(1){height:20px}.identity-mark i:nth-child(2){height:32px}.identity-mark i:nth-child(3){height:24px}.identity b,.identity small{display:block}.identity b{font-size:13px}.identity small{font-size:8px;color:var(--muted);margin-top:4px;letter-spacing:.18em}.header nav{display:flex;gap:30px}.header nav a,.language button{color:var(--muted);text-decoration:none;background:none;border:0;font-size:10px;letter-spacing:.16em;cursor:pointer}.header nav a:hover,.header nav .active{color:var(--ink)}.language{display:flex;gap:7px}.language button{padding:7px}.language .active{color:var(--gold);border:1px solid #e0b26088}.hero{min-height:100vh;position:relative;padding:112px 4vw 142px}.hero-title{text-align:center;margin-bottom:28px}.hero-title span{color:var(--gold);font-size:9px;letter-spacing:.24em}.hero-title h1{font:400 clamp(17px,2vw,28px) Georgia,serif;letter-spacing:.12em;margin:8px 0}.hero-title h1 i{color:#6e6875;font-style:normal;margin:0 .3em}.cards{height:min(65vh,680px);min-height:500px;display:grid;grid-template-columns:.36fr 1fr 1fr .36fr;gap:18px;align-items:center;max-width:1500px;margin:auto;perspective:1300px}.artist-card,.echo-card{height:100%;position:relative;overflow:hidden;border-radius:14px;border:1px solid #ffffff26;background:#10101b;box-shadow:0 25px 80px #000a;transition:transform .45s,border-color .45s,filter .45s}.artist-card{cursor:pointer}.artist-card:not(.is-active){transform:scale(.94);filter:saturate(.8) brightness(.82)}.artist-card:hover,.artist-card.is-active{transform:translateY(-6px) scale(1);filter:none}.evniya-card.is-active,.evniya-card:hover{border-color:#ec39b388}.phil-card.is-active,.phil-card:hover{border-color:#e0b26088}.artist-card>img,.echo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-glow{position:absolute;inset:0;background:linear-gradient(180deg,#08081500 20%,#08081544 48%,#080815f4 86%)}.evniya-card .card-glow{box-shadow:inset 0 -130px 120px #3e052f55}.phil-card .card-glow{box-shadow:inset 0 -130px 120px #2d231255}.card-code{position:absolute;top:19px;left:21px;color:#ffffff70;font:9px monospace;letter-spacing:.12em}.card-copy{position:absolute;left:28px;right:24px;bottom:90px}.card-copy p{font-size:9px;letter-spacing:.19em;color:var(--gold);margin:0 0 10px}.evniya-card .card-copy p{color:#ff68c7}.card-copy h2{font:600 clamp(37px,4.2vw,71px)/.85 Arial,sans-serif;letter-spacing:-.055em;margin:0;text-shadow:0 5px 24px #000}.phil-card .card-copy h2{font-family:Georgia,serif;font-weight:400;color:#f2c879;letter-spacing:-.035em}.card-copy strong{display:block;margin-top:16px;font-size:11px;letter-spacing:.16em}.album-buttons{position:absolute;left:25px;right:20px;bottom:25px;display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.album-buttons::-webkit-scrollbar{display:none}.album-buttons button{flex:0 0 auto;border:1px solid #ffffff30;border-radius:100px;background:#251d30d9;color:#eee8ef;padding:8px 13px;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s}.evniya-card .album-buttons button:hover,.evniya-card .album-buttons button.active{border-color:var(--pink);background:#4b1741}.phil-card .album-buttons button:hover,.phil-card .album-buttons button.active{border-color:var(--gold);background:#49391f;color:#ffe1a0}.echo-card{height:82%;opacity:.43;filter:blur(.2px) saturate(.75)}.echo-left{transform:translateX(20%) rotateY(14deg)}.echo-right{transform:translateX(-20%) rotateY(-14deg)}.note{position:absolute;color:var(--gold);font-size:52px;text-shadow:0 0 18px #e0b26088;animation:float 5s ease-in-out infinite}.note-a{left:8%;top:21%;transform:rotate(18deg)}.note-b{right:10%;top:16%;font-size:74px;animation-delay:-2s}.note-c{right:6%;bottom:24%;font-size:38px;animation-delay:-3s}@keyframes float{50%{translate:0 -15px;rotate:5deg}}.dock{position:absolute;z-index:12;left:50%;bottom:29px;translate:-50% 0;width:min(1040px,88vw);height:88px;padding:13px 19px;display:flex;align-items:center;gap:12px;border:1px solid #ffffff37;border-radius:15px;background:#11111fd9;box-shadow:0 16px 50px #000b;backdrop-filter:blur(18px)}.transport{flex:0 0 auto;background:none;color:#aaa3b3;border:0;cursor:pointer;font-size:23px}.transport.play{width:48px;height:48px;border:1px solid var(--pink);border-radius:50%;color:var(--pink);font-size:16px}.now-playing{width:190px;min-width:0}.now-playing span,.now-playing b,.now-playing small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing span{font-size:7px;letter-spacing:.2em;color:var(--gold)}.now-playing b{font-size:12px;margin:4px 0}.now-playing small{font-size:9px;color:var(--muted)}#visualizer{height:50px;flex:1;min-width:100px}#seek{width:100px;accent-color:var(--gold)}.dock time{font-size:9px;color:var(--muted)}.about{padding:56px 10vw 70px;border-top:1px solid #ffffff12;background:#080811}.about p{max-width:850px;margin:auto;text-align:center;color:#9993a1;line-height:1.8;font-size:14px}footer{display:flex;justify-content:space-between;padding:23px 7vw;background:#07070e;border-top:1px solid #ffffff12;color:#686371;font-size:9px;letter-spacing:.13em}footer a{color:#a49dab;text-decoration:none}@media(max-width:920px){.cards{grid-template-columns:1fr 1fr}.echo-card{display:none}.card-copy h2{font-size:43px}.header nav{display:none}.dock{width:94vw}.now-playing{width:140px}#seek,.dock time{display:none}}@media(max-width:640px){.hero{padding:95px 14px 160px}.hero-title h1{font-size:14px}.cards{height:auto;min-height:0;display:block}.artist-card{height:56vh;min-height:430px;margin-bottom:18px}.artist-card:not(.is-active){transform:none;filter:none}.card-copy{bottom:88px}.card-copy h2{font-size:44px}.dock{position:fixed;bottom:8px;height:74px;padding:8px 12px}.transport.subtle{display:none}.now-playing{width:120px}#visualizer{min-width:60px}.note{display:none}.about{padding:45px 24px 100px}}