:root{--modal-primary:#d96e26;--modal-primary-dark:#cf6017;--modal-accent:#e49967}.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{text-align:center;background:0 0;border-radius:32px;width:100%;max-width:480px;padding:0;animation:.5s cubic-bezier(.16,1,.3,1) modalSlideIn;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.85)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;z-index:10;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{background:#ffffff40;transform:rotate(90deg)scale(1.1);box-shadow:0 4px 12px #fff3}.modal-close:active{transform:rotate(90deg)scale(.95)}.modal-visual{background:radial-gradient(at 20% 30%,#d1622a26 0%,#0000 50%),radial-gradient(at 80% 70%,#8b5a3c1f 0%,#0000 50%),radial-gradient(#0a0a0a 0%,#000 100%);border-radius:32px 32px 0 0;justify-content:center;align-items:center;width:100%;height:320px;animation:8s ease-in-out infinite backgroundPulse;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #d1622a1a,inset 0 1px #ffffff0d,0 0 80px #000c}@keyframes backgroundPulse{0%,to{background-position:0%,100%,50%}50%{background-position:100%,0%,50%}}.modal-visual:before{content:"";pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#d1622a4d,#0000),radial-gradient(2px 2px at 60% 70%,#fff3,#0000),radial-gradient(1px 1px,#d1622a33,#0000),radial-gradient(1px 1px at 80% 10%,#ffffff26,#0000);background-position:0 0,0 0,0 0,0 0;background-size:200% 200%,250% 250%,300% 300%,150% 150%;animation:20s ease-in-out infinite floatingParticles;position:absolute;inset:0}@keyframes floatingParticles{0%,to{opacity:.4;background-position:0 0,0 0,0 0,0 0}25%{opacity:.6;background-position:100% 100%,50%,25% 75%,75% 25%}50%{opacity:.5;background-position:50%,100% 100%,75% 25%,25% 75%}75%{opacity:.7;background-position:25% 75%,75% 25%,50%,100% 0}}.vinyl-wrapper{filter:drop-shadow(0 20px 40px #000c)drop-shadow(0 0 40px #d1622a4d);z-index:2;width:220px;height:220px;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}.vinyl-disc{width:100%;height:100%;transform-style:preserve-3d;background:radial-gradient(circle at 30% 30%,#2a2a2a 0%,#1a1a1a 50%,#000 100%);border:1px solid #d1622a33;border-radius:50%;animation:10s linear infinite spinVinyl;position:relative;box-shadow:0 25px 70px #000000e6,0 10px 30px #000000b3,inset 0 2px 6px #ffffff1a,inset 0 -2px 6px #0009}.vinyl-disc:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 60%,#d1622a26 80%,#0000 100%);border-radius:50%;animation:3s ease-in-out infinite ringGlow;position:absolute;inset:-10px}@keyframes ringGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-label{background:linear-gradient(135deg,var(--modal-primary)0%,var(--modal-primary-dark)100%);border:2px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:85px;height:85px;animation:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0006,inset 0 2px 6px #fff3,0 0 30px #d1622a66}.vinyl-center{background:radial-gradient(circle,#444 0%,#000 100%);border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 6px #000000e6,0 1px 3px #ffffff26}.vinyl-text{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:1;text-shadow:0 2px 4px #0000004d;flex-direction:column;align-items:center;gap:2px;font-size:9px;font-weight:700;display:flex}.vinyl-line{background:#fff9;width:32px;height:1px;margin:2px 0;box-shadow:0 1px 2px #0003}.vinyl-grooves{background:repeating-radial-gradient(circle,#0000 0 2px,#ffffff08 2px 3px);border-radius:50%;animation:none;position:absolute;inset:0}.glow-effect{pointer-events:none;filter:blur(30px);z-index:1;background:radial-gradient(circle,#d1622a66 0%,#d1622a33 30%,#8b5a3c26 50%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.15)}}.sparkles-container{pointer-events:none;z-index:3;position:absolute;inset:0}.sparkle{color:var(--modal-accent);opacity:0;filter:drop-shadow(0 0 6px);animation:3s ease-in-out infinite sparkleFloat;position:absolute}.sparkle-1{animation-delay:0s;top:15%;left:15%}.sparkle-2{animation-delay:1s;top:65%;right:18%}.sparkle-3{animation-delay:2s;bottom:20%;left:20%}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0)scale(.8)rotate(0)}50%{opacity:1;transform:translateY(-20px)scale(1.3)rotate(180deg)}}.modal-info{background:linear-gradient(135deg,#fffffffa 0%,#fffaf5fa 25%,#fff8f0fa 50%,#fffaf5fa 75%,#fffffffa 100%);border-radius:0 0 32px 32px;flex-direction:column;align-items:center;padding:2.5rem;animation:.6s .3s both fadeInUp;display:flex;position:relative;box-shadow:0 -10px 30px #d1622a14,inset 0 1px #fffc}.modal-info:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--modal-accent)20%,var(--modal-primary)50%,var(--modal-accent)80%,transparent 100%);opacity:.6;border-radius:0 0 3px 3px;width:80%;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.modal-info:after{content:"";pointer-events:none;border:1px dashed #d1622a26;border-radius:20px;position:absolute;inset:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-new{color:#fff;text-transform:uppercase;letter-spacing:1.2px;z-index:1;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;margin-bottom:1rem;padding:7px 18px;font-size:.7rem;font-weight:800;animation:2s ease-in-out infinite badgePulse;display:inline-block;position:relative;box-shadow:0 4px 16px #ff6b6b80,0 0 0 3px #ff6b6b26,0 2px 4px #0000001a}.badge-new:before{content:"";z-index:-1;opacity:.5;filter:blur(8px);background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:22px;position:absolute;inset:-2px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-title{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-family:Playfair Display,serif;font-size:2rem;font-weight:800;line-height:1.2;position:relative}.modal-artist{color:#666;letter-spacing:.02em;margin:0 0 1.5rem;font-size:1rem;font-weight:500}.modal-play-button{background:linear-gradient(135deg,var(--modal-primary)0%,var(--modal-primary-dark)100%);color:#fff;border-radius:50px;align-items:center;gap:12px;margin-bottom:1.5rem;padding:18px 42px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.6s .4s both fadeInUp;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #d1622a59,0 4px 12px #0000001a,inset 0 1px #fff3}.modal-play-button:before{content:"";background:linear-gradient(135deg,#fff0 0%,#ffffff40 50%,#fff0 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.modal-play-button:after{content:"";background:linear-gradient(135deg,var(--modal-accent),var(--modal-primary));z-index:-1;opacity:0;filter:blur(10px);border-radius:53px;transition:opacity .4s;position:absolute;inset:-3px}.modal-play-button:hover:before{transform:translate(100%)}.modal-play-button:hover:after{opacity:.6}.modal-play-button:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 16px 40px #d1622a73,0 8px 20px #00000026,inset 0 1px #ffffff4d}.modal-play-button:active{transform:translateY(-2px)scale(1.02)}.play-icon-wrapper{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.modal-play-button:hover .play-icon-wrapper{background:#ffffff59;transform:scale(1.15)rotate(10deg)}.play-text{letter-spacing:.03em}@media (max-width:640px){.modal-visual{height:260px}.vinyl-wrapper{width:180px;height:180px}.vinyl-label{width:70px;height:70px}.vinyl-center{width:18px;height:18px}.vinyl-text{font-size:7.5px}.glow-effect{width:260px;height:260px}.modal-info{padding:2rem}.modal-title{font-size:1.6rem}.modal-artist{font-size:.95rem}.modal-play-button{gap:10px;padding:15px 36px;font-size:1rem}.play-icon-wrapper{width:30px;height:30px}.badge-new{padding:6px 16px;font-size:.65rem}}@media (max-width:400px){.modal-visual{height:220px}.vinyl-wrapper{width:150px;height:150px}.modal-info{padding:1.75rem 1.5rem}.modal-title{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.modal-close:focus,.modal-play-button:focus{outline:3px solid var(--modal-primary);outline-offset:3px;border-radius:50px}
.hero{min-height:100vh;padding:var(--space-xxl)0;opacity:0;z-index:1;background-color:#0000;background-image:linear-gradient(#0006,#0000004d),url(/images/Andrea1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;transition:opacity 1s ease-out,transform 1s ease-out;display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.hero.is-visible{opacity:1;transform:translateY(0)}.hero:before{content:"";background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--color-primary)15%,transparent)0%,transparent 50%);opacity:.6;z-index:0;width:100%;height:100%;animation:10s ease-in-out infinite pulseGradient;position:absolute;top:0;right:0}.hero:after{content:"";z-index:0;background:url("data:image/svg+xml,%3Csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"%23a2836f\" fill-opacity=\"0.05\"%3E%3Cpath d=\"M10 10l5-5-5-5-5 5zM10 10l-5 5 5 5 5-5z\"/%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}@keyframes pulseGradient{0%{opacity:.6;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}.hero__container{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1600px;margin:0 auto;padding:3rem 1rem;display:flex;position:relative}.hero__content{text-align:center;flex:1;max-width:800px;position:relative}.hero__text{gap:var(--space-lg);flex-direction:column;display:flex}.hero__name{color:#fff;text-shadow:2px 2px 4px #000c;opacity:0;letter-spacing:-.02em;margin-bottom:2rem;font-family:Playfair Display,serif;font-size:clamp(3rem,9vw,6.5rem);font-weight:700;line-height:1.05;transition:opacity .8s .5s,transform .8s .5s;transform:translateY(30px)scale(.95)}.hero.is-visible .hero__name{opacity:1;transform:translateY(0)scale(1)}.hero__description{color:#fff;text-shadow:1px 1px 3px #000c;opacity:0;max-width:95%;margin-bottom:3rem;font-family:Inter,sans-serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;line-height:1.7;transition:opacity .8s .7s,transform .8s .7s;transform:translateY(30px)}.hero.is-visible .hero__description{opacity:1;transform:translateY(0)}.hero__buttons{gap:var(--space-lg);margin-top:var(--space-lg);opacity:0;flex-wrap:wrap;justify-content:center;transition:opacity .8s .9s,transform .8s .9s;display:flex;transform:translateY(30px)}.hero.is-visible .hero__buttons{opacity:1;transform:translateY(0)}.hero__button{padding:var(--space-md)var(--space-xl);border-radius:var(--radius-full);z-index:1;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;min-width:200px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-flex;position:relative;overflow:hidden}.hero__button:before{content:"";opacity:0;z-index:-1;background:radial-gradient(circle,#ffffff4d,#0000);transition:opacity .4s,transform .4s;position:absolute;inset:0;transform:scale(0)}.hero__button:hover:before{opacity:1;transform:scale(1)}.hero__button--primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);box-shadow:0 6px 25px -5px color-mix(in srgb,var(--color-primary)60%,transparent)}.hero__button--primary:hover{background:color-mix(in srgb,var(--color-primary)85%,#000);box-shadow:0 10px 30px -5px color-mix(in srgb,var(--color-primary)80%,transparent);transform:translateY(-2px)}.hero__button--outline{color:var(--color-foreground);background:#a0816d;border:2px solid #a0816d;position:relative}.hero__button-icon{width:18px;height:18px;margin-left:var(--space-sm);transition:transform .3s}.hero__button:hover .hero__button-icon{transform:translate(4px)}.hero__scroll-indicator{bottom:var(--space-xl);align-items:center;gap:var(--space-sm);opacity:0;flex-direction:column;transition:opacity .6s 1s,transform .6s 1s;display:flex;position:absolute;left:50%;transform:translate(-50%)translateY(15px)}.hero.is-visible .hero__scroll-indicator{opacity:.8;transform:translate(-50%)translateY(0)}.hero__scroll-indicator:hover{opacity:1}.hero__scroll-text{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:#fff;font-weight:500;animation:2s ease-in-out infinite fadeInOut}.hero__scroll-icon{fill:none;stroke:#fff;stroke-width:2px;width:24px;height:24px;animation:2s ease-in-out infinite bounce}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width:768px){.hero{padding:var(--space-xl)0}.hero__container{flex-direction:column;padding:0 1.5rem}.hero__content{text-align:center;margin-bottom:3rem}.hero__name{font-size:clamp(2.5rem,8vw,4.5rem)}.hero__description{margin-left:auto;margin-right:auto;font-size:clamp(1rem,2.5vw,1.3rem)}.hero__buttons{justify-content:center}.hero__scroll-indicator{bottom:var(--space-lg)}}@media (max-width:480px){.hero__name{font-size:clamp(2rem,7vw,3.5rem)}.hero__button{min-width:160px;padding:var(--space-sm)var(--space-md);font-size:.9rem}.hero__scroll-indicator{display:none}}.page-unscrollable{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.hero{height:100vh;overflow:hidden}.home-page-container{height:100vh;position:relative;overflow:hidden}.no-scroll-page{height:100vh;overflow:hidden}.new-release-button{background:linear-gradient(135deg,var(--color-primary,#8b5a3c),var(--color-primary-dark,#6b4429));color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;min-width:fit-content;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;animation:3s ease-in-out infinite jumpAndGlow;display:flex;box-shadow:0 4px 20px #8b5a3c66}.new-release-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 6px 25px #8b5a3c99,0 0 30px #8b5a3c80,0 0 50px #8b5a3c4d}.new-release-button:active{transform:translateY(-1px)}.music-icon{font-size:1.5rem;animation:1s ease-in-out infinite bounce}.button-text{white-space:nowrap}@keyframes jumpAndGlow{0%,to{transform:translateY(0)scale(1);box-shadow:0 4px 20px #8b5a3c66}25%{transform:translateY(-8px)scale(1.05);box-shadow:0 4px 20px #8b5a3c66,0 0 30px #8b5a3c99,0 0 50px #8b5a3c66}50%{transform:translateY(-12px)scale(1.08);box-shadow:0 4px 20px #8b5a3c66,0 0 40px #8b5a3ccc,0 0 70px #8b5a3c99,0 0 100px #8b5a3c4d}75%{transform:translateY(-6px)scale(1.03);box-shadow:0 4px 20px #8b5a3c66,0 0 25px #8b5a3c80,0 0 45px #8b5a3c4d}}@keyframes pulse{0%,to{transform:translateY(-5px)scale(1.1)}50%{transform:translateY(-8px)scale(1.15)}}