*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden}body{font-family:Roboto,sans-serif;background-color:#000;color:#fff;min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:0;background:#fff;color:#000;padding:8px 16px;text-decoration:none;z-index:100;border:2px solid #000}.skip-link:focus{top:0}.site-header{width:100%;padding:2rem;text-align:center;background:linear-gradient(180deg,#111 0,#000 100%);border-bottom:1px solid #333}.site-header h1{font-size:2rem;letter-spacing:.5rem;font-weight:300;color:#fff}.artists-container{flex:1;display:flex;width:100%;position:relative}.artist-section{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:3rem;padding-top:10vh;position:relative;transition:background-color .3s ease;opacity:0;animation-fill-mode:forwards}.artist-section.subtlerage{background:linear-gradient(135deg,#0a0a0a 0,#1a0a1a 100%);animation:slideInLeft 1s ease-out .2s forwards}.artist-section.msfma{background:linear-gradient(135deg,#0a0a0a 0,#0a1a1a 100%);animation:fadeScaleIn 1s ease-out .5s forwards}.artist-section.solo-piano{background:linear-gradient(135deg,#0a0a0a 0,#1a1a0a 100%);animation:slideInRight 1s ease-out .8s forwards}.artist-section:hover{background-color:#111}.artist-content{text-align:center;max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center}.artist-name{font-size:2.8rem;letter-spacing:.3rem;margin-bottom:1.5rem;font-weight:700;min-height:3.6rem;display:flex;align-items:center}.artist-description{font-size:1.6rem;color:#fff;margin-bottom:2rem;line-height:1.1;letter-spacing:.05rem;max-width:480px}.artist-link{display:inline-block;padding:1rem 2rem;border:2px solid #fff;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1rem;font-size:1.15rem;transition:all .3s ease}.artist-link:hover{background-color:#fff;color:#000;transform:translateY(-2px)}.artist-link:focus{outline:3px solid #fff;outline-offset:4px}a:focus{outline:2px solid #fff;outline-offset:2px}.divider{position:absolute;top:10%;bottom:10%;width:1px;background:linear-gradient(180deg,transparent,#666,transparent);z-index:10;pointer-events:none}.divider-1{left:33.33%}.divider-2{left:66.67%}.site-footer{width:100%;padding:2rem 1.5rem;background-color:#111;text-align:center;border-top:1px solid #333;opacity:0;animation:slideInUp 1s ease-out 1.1s forwards}.site-footer .copyright{color:#fff;font-size:.99rem;letter-spacing:.05rem;margin-bottom:.75rem}.site-footer .dev-link{color:#ccc;text-decoration:none;font-size:.94rem;letter-spacing:.05rem;transition:color .3s ease}.site-footer .dev-link:hover{color:#fff}@media (max-width:1200px){.artists-container{flex-direction:column}.artist-section{min-height:33vh;padding:2rem}.divider{display:none}.artist-section:not(:last-child){border-bottom:1px solid #333}}@media (max-width:480px){.artist-link{padding:.8rem 1.5rem}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeScaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}