@layer base,layout,components,utilities;@layer base{:root{--bg-color: #0a0a0a;--text-color: #ffffff;--accent-red: #d50000;--accent-blue: #2979ff;--font-heading: "Oswald", sans-serif;--font-heading-alt: "Bebas Neue", sans-serif;--font-body: "Inter", sans-serif;--ease-out-expo: cubic-bezier(.19, 1, .22, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent-red);color:#fff}}@layer layout{section{padding:clamp(4rem,10vh,8rem) 1rem;min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}}@layer components{h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase;line-height:1;text-wrap:balance}.artist-name{font-size:clamp(4rem,15vw,12rem);font-weight:700;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.8);position:relative;letter-spacing:-.02em;text-align:center;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(213,0,0,.5));text-shadow:0 0 25px rgba(213,0,0,.6);opacity:0;animation:fade-up 1.2s cubic-bezier(.16,1,.3,1) .5s forwards}.tagline{font-family:var(--font-heading-alt);font-size:clamp(1.5rem,4vw,3rem);letter-spacing:.2em;color:var(--accent-blue);text-shadow:0 0 10px rgba(41,121,255,.6);margin-bottom:3rem;text-align:center;opacity:0;animation:fade-up 1.2s cubic-bezier(.16,1,.3,1) 1s forwards}.section-title{font-size:clamp(2rem,5vw,4rem);margin-bottom:3rem;border-left:4px solid var(--accent-red);padding-left:1rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.1);line-height:1}.subscribe-btn{padding:1rem 2rem;font-family:var(--font-heading-alt);font-size:1.2rem;letter-spacing:.1em;color:#fff;background-color:#d50000;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.subscribe-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}.music-section{background:#0a0a0a;padding-top:10vh}.music-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}@media(min-width:1024px){.music-grid{grid-template-columns:1fr 1.2fr;gap:6rem}.music-grid-left{position:sticky;top:20vh;height:fit-content;margin-top:0}.music-section .section-title{grid-column:1 / -1;margin-bottom:4rem}}.track-list{width:100%;margin:0}.track-item{display:flex;justify-content:space-between;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-family:var(--font-heading-alt);font-size:1.5rem;align-items:center;transition:all .4s ease}.track-info{display:flex;align-items:center;flex:1;margin-left:2rem}.play-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:1rem;cursor:pointer;fill:#757575;transition:all .2s ease}.play-btn svg{width:100%;height:100%}.icon-pause{display:none}.track-item:hover .play-btn{fill:var(--accent-red)}.track-item.playing .play-btn{fill:var(--accent-blue)}.track-item.playing .icon-play{display:none}.track-item.playing .icon-pause{display:block}.track-item.playing .track-name{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.track-duration{font-family:monospace;font-size:1rem;color:#fff6;min-width:60px;text-align:right}.track-item.playing .track-duration{color:var(--accent-blue)}.track-item:hover{color:var(--accent-blue);text-shadow:0 0 8px var(--accent-blue);border-bottom-color:var(--accent-blue)}.about-content{font-size:clamp(1rem,1.5vw,1.2rem);color:#ffffffe6;line-height:1.8}.about-content strong{color:var(--accent-blue);display:block;margin-bottom:1rem;font-size:1.2em}.about-grid{display:grid;grid-template-columns:1fr;gap:3rem}.about-viz{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.2)}@media(min-width:1024px){.about-grid{grid-template-columns:1.5fr 1fr;gap:6rem;align-items:center}.about-content{padding-left:0;margin:0;max-width:none;text-align:right}}.about-content p{margin-bottom:2rem}.connect-section{background:#0a0a0a;text-align:center;border-top:none;padding-bottom:5rem;padding-top:5rem}.copyright{margin-top:0;font-size:.8rem;opacity:.5}.glitch-effect:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--accent-red);-webkit-text-stroke:0}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes eq-bounce{0%{height:3px}50%{height:100%}to{height:3px}}.eq-bars{display:flex;gap:2px;height:14px;align-items:flex-end;width:20px;justify-content:center}.eq-bar{width:6px;background:var(--accent-red);animation:eq-bounce .5s infinite ease-in-out}.eq-bar:nth-child(1){animation-duration:.4s}.eq-bar:nth-child(2){animation-duration:.5s}.eq-bar:nth-child(3){animation-duration:.35s}}@layer utilities{.hero-section{height:100vh;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);padding:2rem;background:linear-gradient(to bottom,#0a0a0a4d,#0a0a0acc),url(/images/hero-bp.webp) no-repeat center center / cover}.hero-content{display:contents}.artist-name{grid-column:7 / 13;grid-row:2 / 5;align-self:start;justify-self:end;text-align:right;margin:0;line-height:.9;z-index:2}.tagline{grid-column:1 / 6;grid-row:10 / 12;text-align:left;align-self:end;justify-self:start;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);letter-spacing:.3em;writing-mode:horizontal-tb;text-orientation:mixed;color:#fffc;border-right:none;border-bottom:2px solid var(--accent-red);padding-bottom:.5rem;padding-right:0}.cta-button{display:none}@media(max-width:768px){.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.artist-name,.tagline,.cta-button{grid-column:auto;grid-row:auto;text-align:center;writing-mode:horizontal-tb;border:none;padding:0;margin-bottom:2rem}}.platform-links{display:flex;gap:2rem;margin-top:2rem;justify-content:center}.platform-btn{display:block;width:32px;height:32px}.platform-btn svg{width:100%;height:100%;fill:#757575;opacity:.7;transition:all .3s ease}.platform-btn:hover{transform:scale(1.1)}.platform-btn:hover svg{opacity:1;filter:drop-shadow(0 0 10px currentColor)}.platform-btn.spotify:hover svg{fill:#1db954;color:#1db954}.platform-btn.apple:hover svg{fill:#fa243c;color:#fa243c}.platform-btn.youtube:hover svg{fill:red;color:red}.platform-btn.instagram:hover svg{fill:#e1306c;color:#e1306c}.platform-btn.tiktok:hover svg{fill:#00f2ea;color:#00f2ea}.album-art-img{width:100%;max-width:300px;height:auto;display:block;margin:0 auto 2rem;box-shadow:0 20px 50px -10px #000c;border-radius:4px}}