@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap");:root{--bg-color:#000000;--text-color:#ffffff;--accent-color:#ff4500;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);overflow-x:hidden;height:100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}main{width:100%;max-width:500px;margin:0 auto;min-height:100vh;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;transition:max-width .3s ease}@media (min-width:768px){main{max-width:90vw;padding:4rem 2rem}}@media (min-width:1024px){main{max-width:1200px}}@media (min-width:1400px){main{max-width:1600px}}@media (min-width:1800px){main{max-width:1800px}}.layout-group{width:100%}@media (min-width:1024px){.layout-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,5vw,6rem);gap:clamp(2rem,5vw,6rem);align-items:start;margin-bottom:5rem}}.connect-wrapper,.featured-wrapper,.hero-wrapper,.releases-wrapper{width:100%}h1,h2,h3{text-transform:uppercase;font-weight:800;letter-spacing:-.05em;line-height:1}.hero{width:100%;margin-bottom:3rem;text-align:center}@media (min-width:768px){.hero{display:flex;align-items:center;text-align:left;gap:3rem;margin-bottom:5rem}}@media (min-width:1024px){.hero{margin-bottom:0;gap:2rem}}.hero-image-container{width:100%;aspect-ratio:1/1;background:#111;border:1px solid #333;margin-bottom:1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.hero-image-container{width:clamp(300px,35vw,450px);flex-shrink:0;margin-bottom:0}}@media (min-width:1024px){.hero-image-container{width:clamp(250px,15vw,350px)}}.hero-image-container img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.5)}.artist-name{font-size:clamp(3.5rem,10vw,8rem);margin-bottom:.5rem}@media (min-width:768px){.artist-name{font-size:clamp(5rem,12vw,10rem)}}@media (min-width:1024px){.artist-name{font-size:clamp(3.5rem,6vw,7rem)}}.artist-bio{font-size:clamp(.9rem,1.5vw,1.2rem);opacity:.8;max-width:300px;margin:0 auto}@media (min-width:768px){.artist-bio{margin:0;max-width:none;font-size:clamp(1.1rem,2vw,1.5rem)}}.section-label{align-self:flex-start;font-size:clamp(.75rem,1vw,1rem);color:var(--accent-color);margin-bottom:1rem;border-bottom:1px solid var(--accent-color);width:100%;padding-bottom:.25rem}@media (min-width:768px){.section-label{margin-bottom:2rem;padding-bottom:.5rem}}.featured-release{width:100%;margin-bottom:3rem;border:1px solid #ffffff;padding:1rem;position:relative}@media (min-width:768px){.featured-release{display:grid;grid-template-columns:clamp(300px,35vw,450px) 1fr;grid-template-areas:"cover info";grid-gap:0 2rem;gap:0 2rem;align-items:center;text-align:left;padding:2rem}}.featured-info{grid-area:info}@media (min-width:1024px){.featured-release{grid-template-columns:clamp(200px,15vw,350px) 1fr;gap:0 1.5rem;padding:1.5rem;margin-bottom:0}}.featured-release .cover-art{width:100%;aspect-ratio:1/1;background:#222;margin-bottom:1rem;position:relative;overflow:hidden}@media (min-width:768px){.featured-release .cover-art{grid-area:cover;margin-bottom:0}}.featured-release .cover-art img{width:100%;height:100%;object-fit:cover}.featured-release .cover-art:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(255,255,255,.5);box-shadow:0 0 10px rgba(255,255,255,.8);animation:scan 3s linear infinite}@keyframes scan{0%{top:0}to{top:100%}}.featured-release .title{font-size:clamp(1.5rem,4vw,3rem);margin-bottom:1rem}@media (min-width:768px){.featured-release .title{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:.5rem}}@media (min-width:1024px){.featured-release .title{font-size:clamp(1.8rem,3.5vw,4rem)}}.link-button{display:flex;align-items:center;justify-content:center;width:100%;padding:clamp(.75rem,1.5vw,1.5rem);border:1px solid #ffffff;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:700;margin-bottom:1rem;transition:all .1s;text-align:center;position:relative;font-size:clamp(.8rem,1.2vw,1.2rem)}.link-button:hover{background:#ffffff;color:#000000;animation:jitter .1s infinite}@media (min-width:768px){.featured-release .link-button{margin-bottom:0;max-width:300px}}@media (min-width:1024px){.featured-release .link-button{max-width:none}}@keyframes jitter{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(-1px,-1px)}}.social-links{width:100%;display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.social-links{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.social-links{grid-template-columns:repeat(3,1fr)}}.social-links .link-button{margin-bottom:0}.platform-icon{margin-right:.75rem;display:inline-flex;align-items:center}.platform-icon svg{width:clamp(14px,1.5vw,24px);height:clamp(14px,1.5vw,24px)}.social-instagram:hover{background:#E1306C;border-color:#E1306C;color:#fff}.social-tiktok:hover{background:#000000;border-color:#00f2ea;color:#fff;text-shadow:2px 0 #ff0050,-2px 0 #00f2ea}.social-soundcloud:hover{background:#ff5500;border-color:#ff5500;color:#fff}.social-spotify:hover{background:#1DB954;border-color:#1DB954;color:#fff}.social-youtube:hover{background:#FF0000;border-color:#FF0000;color:#fff}.social-bandcamp:hover{background:#629aa9;border-color:#629aa9;color:#fff}.releases-grid{width:100%;display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-bottom:3rem}@media (min-width:640px){.releases-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.releases-grid{grid-template-columns:repeat(2,1fr);margin-bottom:0}}@media (min-width:1600px){.releases-grid{grid-template-columns:repeat(3,1fr)}}.release-item{display:flex;align-items:center;border:1px solid #333;text-decoration:none;color:inherit;transition:all .1s;background:#050505}.release-item:hover{border-color:#fff;background:#111;transform:translateX(4px)}.item-cover{width:clamp(60px,6vw,100px);height:clamp(60px,6vw,100px);position:relative;flex-shrink:0;border-right:1px solid #333}.item-cover img{object-fit:cover}.item-info{padding:0 clamp(.5rem,1vw,1rem);display:flex;justify-content:space-between;align-items:center;flex-grow:1;gap:1rem;min-width:0}.item-title{font-size:clamp(.8rem,1.2vw,1.2rem);font-weight:700;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-action{font-size:clamp(.7rem,1vw,1rem);opacity:.6;border:1px solid rgba(255,255,255,.2);padding:.4rem .8rem;transition:all .2s;flex-shrink:0}.release-item:hover .item-action{opacity:1;background:#fff;color:#000;border-color:#fff}.glitch-text:hover{animation:strobe .1s steps(2,start) infinite}@keyframes strobe{0%{visibility:visible}to{visibility:hidden}}