*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:EB Garamond,Garamond,serif;line-height:1.6;color:#fff;background-color:#000}a{text-decoration:none;color:inherit}ul{list-style:none}.navbar{background-color:#000;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:center;align-items:center;position:relative}.nav-blog{font-family:EB Garamond,Garamond,serif;color:#fff;font-weight:400;font-size:2.2rem;padding:.5rem 1rem;transition:opacity .3s ease;position:absolute;left:2rem}.nav-blog:hover{opacity:.7}.nav-brand{font-family:EB Garamond,Garamond,serif;font-size:2.5rem;color:#fff;font-weight:400;letter-spacing:.05em;transition:opacity .3s ease}.nav-brand:hover{opacity:.7}.nav-link{font-family:EB Garamond,Garamond,serif;color:#fff;font-weight:400;font-size:2.2rem;padding:.5rem 1rem;transition:opacity .3s ease;position:absolute;right:2rem}.nav-link:hover{opacity:.7}.app-root{min-height:calc(100vh - 60px)}.about-container{max-width:800px;margin:0 auto;padding:3rem 2rem}.blog-container{max-width:900px;margin:0 auto;padding:3rem 2rem}.blog-post{margin-bottom:4rem}.blog-post:last-child{margin-bottom:2rem}.blog-post-image{width:100%;height:auto;border-radius:8px;display:block;background-color:#0a0a0a}.blog-post-caption{display:flex;justify-content:space-between;align-items:baseline;margin-top:1rem;gap:1rem}.blog-post-credit{color:#888;font-size:1rem;text-align:left;flex-shrink:0}.blog-post-title{color:#888;font-size:1rem;text-align:right;flex-grow:1}.blog-image-error{background-color:#1a1a1a;border:2px dashed #444;border-radius:8px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.blog-error-icon{opacity:.3;margin-bottom:1rem}.blog-error-text{color:#888;font-size:1rem;margin:0}.about-content{background-color:transparent;padding:2rem;border-radius:8px}.about-content h1{font-size:2.5rem;color:#fff;margin-bottom:1.5rem;text-align:center}.about-description{font-size:1.1rem;line-height:1.8;color:#ccc;margin-bottom:2.5rem}.blog-temporary-message{font-family:EB Garamond,Garamond,serif;font-style:italic;font-size:3rem;color:#fff;text-align:center;padding:4rem 2rem}.artist-links-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #333}.artist-links-section h2{margin-bottom:1.5rem;color:#fff;font-size:1.8rem;text-align:center}.artist-links-list{display:flex;flex-direction:column;gap:1rem}.artist-link{color:#fff;font-size:1.8rem;padding:.75rem 1rem;border-radius:4px;transition:opacity .3s ease;display:inline-block}.artist-link:hover{opacity:.7}.artist-container{display:flex;max-width:1400px;margin:0 auto;padding:2rem;gap:2rem}.video-list-container{flex:1;min-width:0}.side-menu-container{width:280px;flex-shrink:0}.component-container{scroll-margin-top:80px}.video-item{background-color:#000;border-radius:8px;padding:2rem;margin-bottom:3rem;border:none;scroll-margin-top:80px}.video-item:last-child{margin-bottom:0}.video-player{width:100%;max-width:100%;border-radius:8px;background-color:#000;margin-bottom:1.5rem}.video-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.75rem}.video-description{font-size:1rem;line-height:1.6;color:#ccc}.side-menu{width:100%}.side-menu-sticky{position:-webkit-sticky;position:sticky;top:80px;background-color:#000;border:none;border-radius:8px;padding:1.5rem;max-height:calc(100vh - 100px);overflow-y:auto;transform:translateZ(0);will-change:transform}.side-menu h3{font-size:2rem;color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #333;text-align:center}.side-menu ul{display:flex;flex-direction:column;gap:.5rem}.side-menu li{cursor:pointer;padding:.75rem 1rem;border-radius:4px;transition:background-color .3s ease,color .3s ease;color:#ccc;font-size:.95rem}.side-menu li:hover{background-color:#222;color:#fff}.side-menu li.active{background-color:#333;color:#fff;font-weight:500}.find-me-component{padding:3rem 2rem;background-color:#0a0a0a;border-radius:8px;margin-top:3rem}.find-me-title{font-size:2rem;color:#fff;margin-bottom:2rem;text-align:center;padding-bottom:.75rem;border-bottom:2px solid #333}.find-me-section{margin-bottom:2.5rem}.find-me-section:last-child{margin-bottom:0}.find-me-section-title{font-size:1.3rem;color:#fff;margin-bottom:1rem;font-weight:500}.find-me-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.find-me-link{display:block;padding:1rem 1.5rem;background-color:#000;border:1px solid #333;border-radius:4px;color:#ccc;font-size:1rem;text-align:center;transition:all .3s ease;cursor:pointer}.find-me-link:hover{background-color:#1a1a1a;border-color:#555;color:#fff;transform:translateY(-2px)}.find-me-link:active{transform:translateY(0)}@media (max-width: 1024px){.artist-container{padding:1.5rem}.side-menu-container{width:240px}}@media (max-width: 768px){.nav-container{padding:1rem}.nav-blog{font-size:1.5rem;left:1rem;padding:.5rem}.nav-brand{font-size:1.5rem}.nav-link{font-size:1.5rem;right:1rem;padding:.5rem}.artist-container{flex-direction:column;padding:1rem}.side-menu-container{display:none}.video-item{padding:1.5rem;margin-bottom:2rem}.about-container{padding:2rem 1rem}.about-content h1{font-size:2rem}.blog-container{padding:2rem 1rem}.blog-post{margin-bottom:3rem}.blog-post-caption{flex-direction:column;gap:.5rem}.blog-post-credit,.blog-post-title{text-align:left}.artist-links-section h2{font-size:1.5rem}.artist-link{font-size:1.8rem}.find-me-component{padding:2rem 1.5rem;margin-top:2rem}.find-me-title{font-size:1.75rem}.find-me-section-title{font-size:1.2rem}.find-me-links{grid-template-columns:1fr}.artist-container{padding-bottom:80px}}@media (max-width: 480px){.nav-container{padding:.75rem .5rem}.nav-blog{font-size:1.1rem;left:.5rem;padding:.25rem}.nav-link{font-size:1.1rem;right:.5rem;padding:.25rem}.video-title{font-size:1.25rem}.video-item{padding:1rem}.about-content{padding:1.5rem}.about-content h1{font-size:1.75rem}.about-description{font-size:1rem}.blog-container{padding:1.5rem 1rem}.blog-post{margin-bottom:2rem}.blog-post-caption{font-size:.9rem}.blog-image-error{padding:2rem 1rem;min-height:200px}.artist-link{font-size:1.5rem;padding:1rem 1.5rem}.find-me-component{padding:1.5rem 1rem}.find-me-title{font-size:1.5rem;margin-bottom:1.5rem}.find-me-section{margin-bottom:2rem}.find-me-section-title{font-size:1.1rem}.find-me-link{padding:.875rem 1.25rem;font-size:.95rem}.nav-brand{font-size:1.25rem}}.video-error-message{background-color:#1a1a1a;border:2px dashed #444;border-radius:8px;padding:2rem;text-align:center;margin-bottom:1.5rem}.error-placeholder{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.error-placeholder svg{opacity:.3}.error-text{color:#888;font-size:1rem;margin:0}.hidden{display:none}.side-menu-sticky::-webkit-scrollbar{width:6px}.side-menu-sticky::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.side-menu-sticky::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.side-menu-sticky::-webkit-scrollbar-thumb:hover{background:#555}.mobile-bottom-nav,.mobile-nav-button{display:none}@media (max-width: 768px){.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#000;border-top:1px solid #333;display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-button{flex:1;display:flex;align-items:center;justify-content:center;font-family:EB Garamond,Garamond,serif;font-size:1.1rem;color:#888;font-weight:400;background:transparent;border:none;cursor:pointer;transition:color .3s ease,font-weight .3s ease;padding:0}.mobile-nav-button.active{color:#fff!important;font-weight:500}.mobile-nav-button:hover:not(.active){color:#ccc}}@media (min-width: 769px){.mobile-bottom-nav,.mobile-nav-button{display:none!important}}.music-player-container{background-color:#000;border:1px solid #333;border-radius:8px;padding:1.5rem;max-width:600px;margin:0 auto;box-shadow:inset 0 2px 4px #ffffff0d,inset 0 -2px 4px #00000080}.music-player-header{margin-bottom:1rem;padding:.75rem 1rem;background-color:#0a0a0a;border:1px solid #222;border-radius:4px;overflow:hidden}.music-player-marquee{position:relative;overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;padding-left:100%;animation:marquee 15s linear infinite}.marquee-content.animate{animation-play-state:running}.marquee-content:not(.animate){animation-play-state:paused;padding-left:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-text{font-family:EB Garamond,Garamond,serif;font-size:.95rem;color:#fff;letter-spacing:.02em}.music-player-playlist{max-height:200px;overflow-y:auto;margin-bottom:1.25rem;border:1px solid #222;border-radius:4px;background-color:#0a0a0a}.music-player-playlist::-webkit-scrollbar{width:6px}.music-player-playlist::-webkit-scrollbar-track{background:#0a0a0a}.music-player-playlist::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.music-player-playlist::-webkit-scrollbar-thumb:hover{background:#444}.music-player-track{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid #1a1a1a;color:#888;font-family:EB Garamond,Garamond,serif;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left}.music-player-track:last-child{border-bottom:none}.music-player-track:hover{background-color:#1a1a1a;color:#ccc}.music-player-track.active{background-color:#1a1a1a;color:#fff;font-weight:500}.track-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.track-number{color:#666;margin-right:.25rem}.track-info strong{font-weight:600}.track-duration{color:#666;font-size:.9rem;margin-left:1rem;flex-shrink:0}.music-player-controls{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#0a0a0a;border:1px solid #222;border-radius:4px}.control-button{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;padding:0;box-shadow:inset 0 1px 2px #ffffff1a,0 2px 4px #0000004d}.control-button:hover:not(:disabled){background-color:#222;border-color:#444;transform:translateY(-1px)}.control-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 2px #0000004d}.control-button:disabled{opacity:.4;cursor:not-allowed}.control-button svg{width:20px;height:20px}.volume-control{display:flex;align-items:center;gap:.5rem;flex:1;max-width:150px}.volume-label{cursor:pointer;display:flex;align-items:center;color:#fff;opacity:.8;transition:opacity .2s ease}.volume-label:hover{opacity:1}.volume-slider{flex:1;height:4px;border-radius:2px;background:#333;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 3px #00000080;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 1px 3px #00000080;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.waveform-container{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:32px;flex:1;padding:0 1rem;max-width:300px}.waveform-bar{flex:1;background-color:#fff;min-height:2px;border-radius:0;transition:height .1s ease,opacity .2s ease}.time-display{font-family:EB Garamond,Garamond,serif;font-size:.9rem;color:#ccc;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.time-separator{color:#666}.music-player-error,.music-player-error-message{padding:1rem;background-color:#1a0000;border:1px solid #440000;border-radius:4px;color:#ff6b6b;font-family:EB Garamond,Garamond,serif;text-align:center;margin-bottom:1rem}.music-player-error{margin:0}@media (max-width: 768px){.music-player-container{padding:1rem}.music-player-controls{flex-wrap:wrap;gap:.75rem;padding:.75rem}.control-button{width:40px;height:40px}.volume-control{flex-basis:100%;max-width:none;order:3}.time-display{flex-basis:100%;order:4;margin-left:0;justify-content:center}.marquee-text{font-size:.85rem}.music-player-track{font-size:.85rem;padding:.6rem .75rem}}@media (max-width: 480px){.music-player-container{padding:.75rem}.music-player-header{padding:.5rem .75rem}.music-player-controls{gap:.5rem;padding:.5rem}.control-button{width:36px;height:36px}.control-button svg{width:18px;height:18px}.track-info{gap:.25rem}.track-duration{margin-left:.5rem;font-size:.8rem}}