@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;800&family=Playfair+Display:ital@0;1&display=swap";:root{--bg-color: #EAE7DC;--text-color: #1A1818;--accent-color: #D94CB8;--secondary-color: #8E8D8A;--grid-line: rgba(26, 24, 24, .1);--container-padding: 4vw;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--gold: #D4A574;--lavender: #B8A9D4;--player-height: 80px}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .5s}h1,h2,h3,h4{font-weight:800;line-height:1;text-transform:uppercase}.serif-italic{font-family:Playfair Display,serif;font-style:italic;font-weight:400;text-transform:lowercase;color:var(--accent-color)}a{text-decoration:none;color:inherit;cursor:pointer;transition:color .3s}a:hover{color:var(--accent-color)}button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit}.loader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--text-color);color:var(--bg-color);z-index:10000;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.loader-content{text-align:center}.loader-text{font-size:2.5rem;font-weight:800;letter-spacing:.15em}.loader-subtitle{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-color);margin-top:.5rem}.loader-bar{position:absolute;bottom:0;left:0;height:4px;background:var(--accent-color);width:0%}nav{position:fixed;top:0;left:0;width:100%;padding:2rem var(--container-padding);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:100}nav.nav-dark{background:none}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:var(--text-color);transition:color .3s}.nav-center-links{display:flex;gap:2rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.nav-center-links a{opacity:.7;transition:opacity .3s,color .3s}.nav-center-links a:hover{opacity:1}nav.nav-dark .logo,nav.nav-dark .menu-btn,nav.nav-dark .nav-center-links a{color:var(--bg-color)}nav.menu-open .logo,nav.menu-open .menu-btn{color:#fff!important}.menu-btn{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:101;cursor:pointer;color:var(--text-color);transition:color .3s}.menu-btn-text{display:block}.menu-btn:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out-expo)}.menu-btn:hover:after{transform:scaleX(1);transform-origin:left}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;position:relative;z-index:101}.hamburger span{display:block;width:100%;height:2px;background:var(--text-color);transition:all .3s ease}nav.nav-dark .hamburger span{background:var(--bg-color)}nav.menu-open .hamburger span{background:var(--bg-color)!important}nav.menu-open .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}nav.menu-open .hamburger span:nth-child(2){opacity:0}nav.menu-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.book-btn{padding:.75rem 1.5rem;background:#d94cb8;color:#eae7dc;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;border-radius:0;transition:all .3s var(--ease-out-expo);margin-right:1.5rem;display:inline-block}.book-btn:hover{background:#eae7dc;color:#d94cb8}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#111;color:#eae7dc;z-index:90;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden;clip-path:polygon(0 0,100% 0,100% 0,0 0)}.menu-links{display:flex;flex-direction:column;align-items:center;gap:2rem}.menu-link{font-size:6vw;line-height:1;text-transform:uppercase;font-weight:800;overflow:hidden;position:relative;transition:color .3s}.menu-link span{display:block;transform:translateY(100%)}.menu-link:hover{color:var(--accent-color)}.menu-info{position:absolute;bottom:2rem;display:flex;gap:4rem;text-transform:uppercase;font-size:.8rem;opacity:.5}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--container-padding);position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:130%;background-size:cover;background-position:center 8%;z-index:0;filter:saturate(.85) brightness(1.25)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#1a18180d,#1a18181a,#1a18188c);z-index:1}.hero-title{font-size:clamp(4rem,12vw,15rem);line-height:.85;z-index:2;color:var(--text-color)}.hero-line{display:block;overflow:hidden}.hero-line span{display:block;transform:translateY(100%)}.hero-stats{display:flex;align-items:center;gap:1rem;z-index:2;opacity:0;position:absolute;bottom:5rem;left:var(--container-padding)}.hero-stat{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-color)}.hero-stat-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-color)}.scroll-indicator{position:absolute;bottom:2rem;left:var(--container-padding);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;display:flex;align-items:center;gap:1rem;z-index:2;color:var(--text-color);opacity:.7}.scroll-line{width:50px;height:1px;background:var(--text-color)}.marquee-section{padding:4rem 0;border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);overflow:hidden;white-space:nowrap}.marquee-track{display:inline-block;font-size:5vw;font-weight:300;text-transform:uppercase;will-change:transform}.marquee-track span{padding:0 1vw;-webkit-text-stroke:1px var(--text-color);color:transparent;transition:all .3s}.marquee-track span:hover{color:var(--accent-color);-webkit-text-stroke:1px var(--accent-color)}.about{display:grid;grid-template-columns:1fr 1fr;padding:10rem var(--container-padding);gap:4rem}.about-sticky{position:sticky;top:20vh;height:fit-content}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-color);margin-bottom:2rem;display:block;font-weight:600}.big-text{font-size:clamp(2rem,4vw,4rem);line-height:1.1}.about-desc{font-size:1.2rem;line-height:1.6;color:var(--secondary-color);max-width:500px;margin-top:2rem}.about-desc-dark{color:var(--text-color)}.about-desc .genre{font-weight:600;color:var(--accent-color)}.work{padding:5rem 0 6rem;background:var(--text-color);color:var(--bg-color);overflow-x:hidden}.horizontal-container{width:100%;max-width:100%;overflow-x:hidden}.work-header{padding:0 var(--container-padding);margin-bottom:4rem}.work-header h2{font-size:clamp(2.5rem,6vw,5rem);margin-top:.5rem}.horizontal-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;padding:0 var(--container-padding);padding-bottom:4rem;min-width:0}.artist-grid{grid-template-columns:repeat(4,1fr)}.project-card{position:relative;transition:transform .3s;min-width:0}.project-card:hover{transform:translateY(-5px)}.thumbnail-wrapper{position:relative;width:100%;max-width:100%;cursor:pointer;overflow:hidden}.artist-img-wrapper{aspect-ratio:1 / 1;border-radius:8px;overflow:hidden}.thumbnail-wrapper img{width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo),filter .4s;filter:grayscale(30%)}.project-card:hover .thumbnail-wrapper img{transform:scale(1.05);filter:grayscale(0%)}.artist-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color),var(--lavender));display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#fff}.artist-info{padding:1.25rem 0 0}.artist-name-row{display:flex;align-items:center;gap:.5rem}.artist-name{font-size:1.1rem;font-weight:600}.verified-badge{flex-shrink:0}.artist-bio{font-size:.85rem;color:var(--secondary-color);line-height:1.4;margin-top:.5rem}.artist-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem}.artist-followers{font-size:.8rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em}.artist-genres{display:flex;gap:.4rem;flex-wrap:wrap}.genre-pill{font-size:.7rem;padding:.2rem .6rem;border:1px solid rgba(234,231,220,.2);border-radius:20px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color)}.artist-audius-link{display:inline-block;font-size:.8rem;margin-top:.75rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;transition:all .3s}.artist-audius-link:hover{letter-spacing:.1em}.playlist-section{padding:6rem 0;background:#111;color:#eae7dc}.playlist-header{padding:0 var(--container-padding);margin-bottom:4rem;text-align:center}.playlist-header h2{font-size:clamp(2.5rem,8vw,6rem);margin-top:.5rem}.playlist-container{display:grid;grid-template-columns:1fr 1.2fr;gap:0;min-height:600px}.playlist-artwork-side{position:relative;padding:0 var(--container-padding)}.playlist-artwork-wrapper{position:sticky;top:15vh;width:100%;aspect-ratio:1 / 1;max-width:500px;overflow:hidden;border-radius:8px}.playlist-artwork{width:100%;height:100%;object-fit:cover;transition:all .6s var(--ease-out-expo)}.playlist-artwork-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.now-playing-info{display:flex;flex-direction:column;gap:.25rem}.now-playing-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-color)}.now-playing-title{font-size:1.3rem;font-weight:600}.now-playing-artist{font-size:.95rem;color:#eae7dcb3}.playlist-tracks-side{padding-right:var(--container-padding)}.tracks-list{max-height:700px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.tracks-list::-webkit-scrollbar{width:4px}.tracks-list::-webkit-scrollbar-track{background:transparent}.tracks-list::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:2px}.track-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:all .3s;border-bottom:1px solid rgba(234,231,220,.06)}.track-item:hover{background:#d94cb814}.track-active{background:#d94cb81f}.track-active .track-title{color:var(--accent-color)}.track-number{width:32px;text-align:center;font-size:.85rem;color:#eae7dc66;flex-shrink:0}.track-eq{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:16px}.track-eq span{display:block;width:3px;background:var(--accent-color);border-radius:1px;animation:eq-bounce .8s ease-in-out infinite alternate}.track-eq span:nth-child(1){height:40%;animation-delay:0s}.track-eq span:nth-child(2){height:70%;animation-delay:.2s}.track-eq span:nth-child(3){height:50%;animation-delay:.4s}@keyframes eq-bounce{0%{height:30%}to{height:100%}}.track-thumb{width:44px;height:44px;border-radius:4px;object-fit:cover;flex-shrink:0}.track-details{flex:1;min-width:0}.track-title{display:block;font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.track-artist{display:block;font-size:.8rem;color:#eae7dc80;margin-top:.15rem}.track-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.mood-pill{font-size:.65rem;padding:.2rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(234,231,220,.15);color:var(--accent-color);display:none}.track-plays{font-size:.8rem;color:#eae7dc59}.track-duration{font-size:.8rem;color:#eae7dc59;width:40px;text-align:right}.track-play-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#eae7dc80;transition:color .3s;flex-shrink:0}.track-item:hover .track-play-btn,.track-active .track-play-btn{color:var(--accent-color)}.audio-player-bar{position:fixed;bottom:0;left:0;width:100%;height:var(--player-height);background:#111111f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(234,231,220,.08);z-index:200;color:#eae7dc;animation:slideUpPlayer .4s var(--ease-out-expo)}@keyframes slideUpPlayer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-bar-inner{display:flex;align-items:center;height:100%;padding:0 var(--container-padding);gap:2rem}.player-bar-track{display:flex;align-items:center;gap:1rem;min-width:200px;max-width:280px;flex:1}.player-bar-art{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0}.player-bar-info{min-width:0}.player-bar-title{display:block;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-artist{display:block;font-size:.75rem;color:#eae7dc80;margin-top:.1rem}.player-bar-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}.player-ctrl-btn{display:flex;align-items:center;justify-content:center;color:#eae7dc99;transition:color .3s;padding:.25rem}.player-ctrl-btn:hover:not(:disabled){color:#eae7dc}.player-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.player-play-btn{width:40px;height:40px;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s var(--ease-out-expo)}.player-play-btn:hover{transform:scale(1.08);background:#e05ac5}.player-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-bar-progress{display:flex;align-items:center;gap:.75rem;flex:2;max-width:500px}.player-time{font-size:.75rem;color:#eae7dc66;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.progress-bar-wrapper{flex:1;height:24px;display:flex;align-items:center;cursor:pointer}.progress-bar-bg{width:100%;height:3px;background:#eae7dc1f;border-radius:2px;overflow:hidden;transition:height .2s}.progress-bar-wrapper:hover .progress-bar-bg{height:5px}.progress-bar-fill{height:100%;background:var(--accent-color);border-radius:2px;transition:width .1s linear}.player-bar-volume{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:120px}.volume-bar-wrapper{flex:1;height:24px;display:flex;align-items:center;cursor:pointer}.volume-bar-bg{width:100%;height:3px;background:#eae7dc1f;border-radius:2px;overflow:hidden}.volume-bar-fill{height:100%;background:var(--accent-color);border-radius:2px}.clients-section{padding:10rem var(--container-padding);background:var(--bg-color)}.testimonials-container{margin-top:0;padding-top:0}.testimonials-header{margin-bottom:3rem;text-align:center}.testimonials-header h3{font-size:clamp(2rem,4vw,3rem);margin-top:.5rem;letter-spacing:-.02em}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{background:#fff;padding:2.5rem;position:relative;transition:transform .4s var(--ease-out-expo),box-shadow .4s}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.testimonial-quote{position:relative}.quote-mark{font-family:Playfair Display,serif;font-size:4rem;color:var(--accent-color);line-height:1;position:absolute;top:-1rem;left:-.5rem;opacity:.3}.testimonial-quote p{font-size:1rem;line-height:1.7;color:var(--text-color);position:relative;z-index:1}.testimonial-author{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--grid-line);display:flex;flex-direction:column;gap:.25rem}.author-name{font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.author-role{font-size:.85rem;color:var(--secondary-color)}.gallery-section{padding:8rem var(--container-padding);background:var(--bg-color);overflow:hidden}.gallery-header{margin-bottom:4rem;text-align:center}.gallery-header h2{font-size:clamp(2.5rem,6vw,5rem);margin-top:.5rem;letter-spacing:-.02em}.gallery-scroll-wrapper{position:relative;padding:0 4rem}.gallery-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--bg-color);scroll-behavior:smooth}.gallery-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#d94cb8e6;color:var(--bg-color);border:none;font-size:1.3rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s var(--ease-out-expo);box-shadow:0 4px 20px #d94cb84d;opacity:1}.gallery-scroll-btn.left{left:0}.gallery-scroll-btn.right{right:0}.gallery-scroll-btn:hover{background:var(--accent-color);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 24px #d94cb880}.gallery-scroll-btn:active{transform:translateY(-50%) scale(.95)}.gallery-scroll-btn.hidden{opacity:0;pointer-events:none}.gallery-scroll-container::-webkit-scrollbar{height:8px}.gallery-scroll-container::-webkit-scrollbar-track{background:#1a18181a;border-radius:4px}.gallery-scroll-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.gallery-track{display:flex;gap:1.5rem;padding-bottom:2rem;width:max-content}.gallery-item{position:relative;flex-shrink:0;width:350px;height:350px;overflow:hidden;cursor:pointer;transition:transform .4s var(--ease-out-expo);border-radius:6px}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo),filter .4s}.gallery-item:hover img{transform:scale(1.08)}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);opacity:0;transition:opacity .4s;display:flex;flex-direction:column;gap:.25rem}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-title{font-size:.9rem;font-weight:600;color:#eae7dc}.gallery-item-artist{font-size:.8rem;color:#eae7dcb3}.gallery-scroll-hint{display:none}footer{background:#111;color:var(--bg-color);padding:6rem var(--container-padding) 2rem;position:relative;z-index:10}.footer-top{margin-bottom:6rem}.footer-cta{font-size:clamp(3rem,11vw,12rem);line-height:.9;text-transform:uppercase;font-weight:800;letter-spacing:-.02em}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2rem;padding-top:4rem;border-top:1px solid rgba(234,231,220,.1);margin-bottom:8rem}.footer-col h4{font-size:.85rem;opacity:.5;margin-bottom:2rem;letter-spacing:.1em}.footer-links{display:flex;flex-direction:column;gap:1rem}.footer-links a{font-size:1.1rem;position:relative;width:fit-content}.footer-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent-color);transition:width .3s var(--ease-out-expo)}.footer-links a:hover:before{width:100%}.audius-badge{display:flex;align-items:center}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-size:.8rem;text-transform:uppercase;opacity:.4;letter-spacing:.05em}.back-to-top{display:flex;align-items:center;gap:.5rem;transition:opacity .3s}.back-to-top:hover{opacity:1;color:var(--accent-color)}@media (min-width: 769px){.mood-pill{display:inline-block}}@media (max-width: 1200px){.artist-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.artist-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:4rem}.playlist-container{grid-template-columns:1fr}.playlist-artwork-side{display:none}.playlist-tracks-side{padding:0 var(--container-padding)}.player-bar-volume{display:none}}@media (max-width: 768px){.about{grid-template-columns:1fr;gap:2rem;padding:6rem var(--container-padding)}.about-sticky{position:static;top:auto;margin-bottom:2rem}.hero-title{font-size:16vw}.hero-stats{flex-wrap:wrap;gap:.75rem}.artist-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.nav-center-links{display:none}nav{grid-template-columns:1fr auto}.book-btn{display:none}.menu-link{font-size:12vw}.menu-btn-text{display:none}.hamburger{display:flex}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:2rem}.track-meta{display:none}.track-thumb{width:40px;height:40px}.player-bar-inner{gap:1rem}.player-bar-track{min-width:120px;max-width:180px}.player-bar-progress{display:none}.player-bar-art{width:40px;height:40px}.gallery-section{padding:5rem 0}.gallery-header,.gallery-scroll-wrapper{padding:0 var(--container-padding)}.gallery-scroll-btn{display:none}.gallery-scroll-container{scroll-snap-type:x mandatory}.gallery-scroll-hint{display:block;width:48px;height:4px;margin:1rem auto 0;background:var(--accent-color);border-radius:2px}.gallery-item{width:80vw;height:80vw;scroll-snap-align:start}.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-col:first-child{grid-row:4}.footer-bottom{flex-direction:column;gap:1rem;align-items:flex-start}}body.player-active #smooth-content{padding-bottom:var(--player-height)}
