:root{--bg-deep:#050510;--bg-section:#0a0a1a;--bg-card:#0f0f2899;--cyan:#00f0ff;--violet:#8b5cf6;--pink:#f472b6;--gold:#fbbf24;--text-primary:#e8e8f0;--text-muted:#c8c8dc99;--glass-border:#ffffff14;--glass-bg:#ffffff0a;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--section-pad:clamp(2rem, 8vh, 6rem) clamp(1.5rem, 5vw, 4rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--violet) var(--bg-deep)}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--violet);border-radius:3px}.nav{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#050510b3;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:transform .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.hidden{transform:translateY(-100%)}.nav-logo{font-family:var(--font-display);color:var(--cyan);letter-spacing:.05em;font-size:1.25rem;font-weight:700}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.03em;font-size:.85rem;font-weight:400;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--cyan);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--cyan)}.nav-links a:hover:after{width:100%}.section{min-height:100vh;padding:var(--section-pad);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.section canvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.section__content{z-index:10;text-align:center;max-width:600px;position:relative}.section__content--wide{max-width:1100px}.section__eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.25em;color:var(--cyan);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.section__title{font-family:var(--font-display);background:linear-gradient(135deg, var(--cyan), var(--violet), var(--pink));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;line-height:1.05;animation:6s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.section__subtitle{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:1.15rem;font-weight:300;line-height:1.7}.section__desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.section__hint{color:var(--violet);margin-top:1rem;font-size:.8rem;font-style:italic;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.scroll-hint{color:var(--text-muted);letter-spacing:.1em;z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;animation:2.5s ease-in-out infinite pulse;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-hint__arrow{border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);width:20px;height:20px;animation:2s ease-in-out infinite bounceDown;transform:rotate(45deg)}@keyframes bounceDown{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(8px)}}.floating-notes{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.note{opacity:0;font-size:1.5rem;animation:8s ease-in-out infinite floatNote;position:absolute}.note--1{color:var(--cyan);font-size:1.8rem;animation-delay:0s;bottom:10%;left:5%}.note--2{color:var(--violet);font-size:1.4rem;animation-delay:1s;bottom:5%;left:15%}.note--3{color:var(--pink);font-size:1.6rem;animation-delay:2.5s;bottom:12%;left:28%}.note--4{color:var(--gold);font-size:1.3rem;animation-delay:.5s;bottom:8%;left:72%}.note--5{color:var(--cyan);font-size:1.7rem;animation-delay:3s;bottom:15%;left:82%}.note--6{color:var(--violet);font-size:1.2rem;animation-delay:1.5s;bottom:5%;left:90%}.note--7{color:var(--pink);font-size:1.5rem;animation-delay:4s;bottom:3%;left:45%}.note--8{color:var(--gold);font-size:1.1rem;animation-delay:2s;bottom:10%;left:60%}@keyframes floatNote{0%{opacity:0;transform:translateY(0)rotate(0)scale(.5)}10%{opacity:.7}50%{opacity:.4;transform:translateY(-40vh)rotate(15deg)scale(1)}90%{opacity:0}to{opacity:0;transform:translateY(-80vh)rotate(-10deg)scale(.6)}}.section--hero .section__title{animation:6s infinite gradientShift,1.2s ease-in-out infinite beatPulse}@keyframes beatPulse{0%,to{transform:scale(1)}15%{transform:scale(1.015)}30%{transform:scale(1)}45%{transform:scale(1.008)}}.section--hero .section__eyebrow{align-items:center;gap:.5rem;display:inline-flex}.section--hero .section__eyebrow:before,.section--hero .section__eyebrow:after{content:"";background:linear-gradient(var(--cyan), var(--cyan)) 0px 100% / 3px var(--eq-h1,40%) no-repeat, linear-gradient(var(--violet), var(--violet)) 5px 100% / 3px var(--eq-h2,70%) no-repeat, linear-gradient(var(--cyan), var(--cyan)) 10px 100% / 3px var(--eq-h3,30%) no-repeat, linear-gradient(var(--violet), var(--violet)) 15px 100% / 3px var(--eq-h4,90%) no-repeat;gap:2px;width:20px;height:12px;animation:1.4s ease-in-out infinite eqBars;display:inline-flex}.section--hero .section__eyebrow:after{animation-delay:.2s}@keyframes eqBars{0%{--eq-h1:40%;--eq-h2:70%;--eq-h3:30%;--eq-h4:90%}25%{--eq-h1:80%;--eq-h2:40%;--eq-h3:90%;--eq-h4:50%}50%{--eq-h1:50%;--eq-h2:90%;--eq-h3:60%;--eq-h4:30%}75%{--eq-h1:90%;--eq-h2:50%;--eq-h3:40%;--eq-h4:80%}to{--eq-h1:40%;--eq-h2:70%;--eq-h3:30%;--eq-h4:90%}}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;transition:all .35s;display:inline-flex;position:relative;overflow:hidden}.btn--glow{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#fff;box-shadow:0 0 25px #00f0ff4d,0 0 50px #8b5cf626}.btn--glow:hover{transform:scale(1.05);box-shadow:0 0 40px #00f0ff80,0 0 80px #8b5cf640}.btn--glow:active{transform:scale(.97)}.btn--ghost{color:var(--text-muted);border:1px solid var(--glass-border);background:0 0;margin-top:.75rem}.btn--ghost:hover{color:var(--cyan);border-color:var(--cyan);background:#00f0ff0d}.btn__icon{font-size:1.1rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.btn--spotify{color:#fff;background:#1db954;box-shadow:0 0 25px #1db9544d,0 0 50px #1db9541a}.btn--spotify:hover{transform:scale(1.05);box-shadow:0 0 40px #1db95480,0 0 80px #1db95433}.btn--spotify:active{transform:scale(.97)}.btn--spotify svg{flex-shrink:0}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:2.5rem;display:grid}.card{color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.75rem;text-decoration:none;transition:all .35s;display:block;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink));opacity:0;height:2px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:#00f0ff33;transform:translateY(-4px);box-shadow:0 8px 32px #00f0ff1a}.card:hover:before{opacity:1}.card__icon{margin-bottom:.75rem;font-size:2rem}.card__title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.card__desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}.section--hero{background:radial-gradient(ellipse at center, #00f0ff0d 0%, var(--bg-deep) 70%);padding-bottom:4rem}.section--superposition{background:radial-gradient(ellipse at 30% 50%, #8b5cf60f 0%, var(--bg-section) 70%)}.section--entanglement{background:radial-gradient(ellipse at 70% 40%, #f472b60f 0%, var(--bg-deep) 70%)}.section--tunnel{background:radial-gradient(ellipse at 50% 60%, #fbbf240d 0%, var(--bg-section) 70%)}.section--observer{background:radial-gradient(ellipse at 40% 50%, #00f0ff0a 0%, var(--bg-deep) 70%)}.section--gallery{background:var(--bg-section);flex-direction:column;justify-content:flex-start;padding-top:clamp(6rem,12vh,10rem)}.footer{text-align:center;color:var(--text-muted);margin-top:auto;padding:3rem 0 1.5rem;font-size:.8rem;line-height:1.8}.footer__copy{color:var(--cyan);font-family:var(--font-display);letter-spacing:.1em;margin-top:.5rem;font-size:.75rem}.glitch-text{position:relative}@media (width<=768px){.nav-links{display:none}.section__content{padding:0 .5rem}.section__title{font-size:clamp(1.8rem,8vw,3rem)}.cards-grid{grid-template-columns:1fr}}@media (width<=480px){.nav{padding:.75rem 1rem}.btn{padding:.65rem 1.25rem;font-size:.8rem}}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.video-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;opacity:0;border-radius:16px;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:.6s forwards cardReveal;overflow:hidden;transform:translateY(30px)}.video-card.visible{opacity:1;transform:translateY(0)}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.video-card:hover{border-color:#00f0ff40;transform:translateY(-6px);box-shadow:0 12px 40px #00f0ff1f,0 0 60px #8b5cf614}.video-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.video-card__thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.video-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.video-card:hover .video-card__thumb img{transform:scale(1.06)}.video-card__overlay{background:linear-gradient(#0000 0% 50%,#050510d9 100%);transition:opacity .3s;position:absolute;inset:0}.video-card__play{width:64px;height:64px;color:var(--cyan);-webkit-backdrop-filter:blur(10px);opacity:0;z-index:5;background:#00f0ff26;border:2px solid #00f0ff66;border-radius:50%;justify-content:center;align-items:center;transition:all .35s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.video-card:hover .video-card__play{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-card__info{padding:1rem 1.25rem 1.25rem}.video-card__title{font-family:var(--font-display);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.4rem;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-card__date{color:var(--text-muted);letter-spacing:.03em;font-size:.75rem}.player-modal{z-index:9999;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.player-modal.active{opacity:1;visibility:visible}.player-modal__overlay{-webkit-backdrop-filter:blur(20px);background:#050510eb;position:absolute;inset:0}.player-modal__container{z-index:10;width:90vw;max-width:960px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.9)translateY(20px)}.player-modal.active .player-modal__container{transform:scale(1)translateY(0)}.player-modal__close{border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .25s;display:flex;position:absolute;top:-48px;right:0}.player-modal__close:hover{color:var(--cyan);background:#ffffff26;transform:rotate(90deg)}.player-modal__title{font-family:var(--font-display);color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:.75rem;font-size:1rem;font-weight:600;overflow:hidden}.player-modal__frame-wrap{border:1px solid var(--glass-border);border-radius:12px;width:100%;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 20px 80px #0009}.player-modal__iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-loader{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem;font-size:.9rem;display:flex}.video-loader__spinner{border:3px solid var(--glass-border);border-top:3px solid var(--cyan);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{text-align:center;background:var(--glass-bg);border:1px solid #f472b633;border-radius:16px;max-width:500px;margin:2rem auto;padding:2rem}.error-box__icon{margin-bottom:.75rem;font-size:2rem;display:block}.error-box__title{font-family:var(--font-display);color:var(--pink);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.error-box__desc{color:var(--text-muted);font-size:.85rem;line-height:1.7}.error-box__desc code{color:var(--cyan);background:#00f0ff1a;border-radius:4px;padding:.15rem .5rem;font-size:.8rem}.social-links{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.social-link{border:1px solid var(--glass-border);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-radius:50px;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .35s;display:inline-flex}.social-link:hover{transform:translateY(-2px)}.social-link--youtube:hover{color:#f44;border-color:red;box-shadow:0 0 30px #ff000026}.social-link--spotify:hover{color:#1db954;border-color:#1db954;box-shadow:0 0 30px #1db95433}.social-link--instagram:hover{color:#e1306c;border-color:#e1306c;box-shadow:0 0 30px #e1306c26}.social-link svg{flex-shrink:0}.nav-hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;width:28px;height:20px;display:none;position:relative}.nav-hamburger span{background:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .35s;display:block;position:absolute;left:0}.nav-hamburger span:first-child{top:0}.nav-hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.nav-hamburger span:nth-child(3){bottom:0}.nav-hamburger.active span:first-child{background:var(--cyan);top:50%;transform:translateY(-50%)rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){background:var(--cyan);bottom:50%;transform:translateY(50%)rotate(-45deg)}@media (width<=768px){.nav-hamburger{display:block}}.mobile-menu{z-index:999;-webkit-backdrop-filter:blur(30px);opacity:0;visibility:hidden;background:#050510f7;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu__links{text-align:center;flex-direction:column;gap:2rem;list-style:none;display:flex}.mobile-menu__links a{font-family:var(--font-display);color:var(--text-primary);opacity:0;font-size:2rem;font-weight:700;text-decoration:none;transition:opacity .4s,transform .4s,color .3s;transform:translateY(20px)}.mobile-menu.active .mobile-menu__links a{opacity:1;transform:translateY(0)}.mobile-menu.active .mobile-menu__links li:first-child a{transition-delay:.1s}.mobile-menu.active .mobile-menu__links li:nth-child(2) a{transition-delay:.2s}.mobile-menu.active .mobile-menu__links li:nth-child(3) a{transition-delay:.3s}.mobile-menu.active .mobile-menu__links li:nth-child(4) a{transition-delay:.4s}.mobile-menu.active .mobile-menu__links li:nth-child(5) a{transition-delay:.5s}.mobile-menu__links a:hover{color:var(--cyan)}.section--musica{background:radial-gradient(ellipse at 50% 30%, #8b5cf60f 0%, var(--bg-section) 70%);flex-direction:column;justify-content:flex-start;min-height:auto;padding-top:clamp(6rem,12vh,10rem)}.section--contatti{background:radial-gradient(ellipse at 50% 70%, #00f0ff0a 0%, var(--bg-deep) 70%);flex-direction:column}.section--spotify{background:radial-gradient(ellipse at 50% 40%, #1db9540f 0%, var(--bg-section) 70%);flex-direction:column;min-height:auto;padding:clamp(4rem,8vh,6rem) clamp(1.5rem,5vw,4rem)}.spotify-embed{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;max-width:700px;margin:2rem auto 0;padding:1.25rem;transition:box-shadow .4s;box-shadow:0 8px 40px #1db95414}.spotify-embed:hover{box-shadow:0 12px 60px #1db95426}.spotify-embed iframe{display:block}.section--bio{background:radial-gradient(ellipse at 30% 50%, #f472b60d 0%, var(--bg-section) 70%);min-height:auto;padding:clamp(4rem,8vh,6rem) clamp(1.5rem,5vw,4rem)}.bio-layout{align-items:center;gap:3rem;max-width:900px;display:flex}.bio-avatar{border:2px solid var(--glass-border);background:var(--glass-bg);width:160px;height:160px;color:var(--cyan);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:4rem;transition:box-shadow .4s,border-color .4s;display:flex;overflow:hidden;box-shadow:0 0 40px #00f0ff14}.bio-avatar:hover{border-color:var(--cyan);box-shadow:0 0 60px #00f0ff33,0 0 100px #8b5cf61a}.bio-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.bio-text,.bio-text .section__eyebrow{text-align:left}.bio-text .section__title{text-align:left;font-size:clamp(1.8rem,4vw,2.5rem)}.bio-text p{color:var(--text-muted);margin-top:.75rem;font-size:1rem;line-height:1.8}.bio-stats{border-top:1px solid var(--glass-border);gap:2rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.bio-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.bio-stat__number{font-family:var(--font-display);background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.bio-stat__label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.7rem;font-weight:500}@media (width<=768px){.bio-layout{text-align:center;flex-direction:column}.bio-text,.bio-text .section__eyebrow,.bio-text .section__title{text-align:center}.bio-stats{justify-content:center}.video-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}}.reveal-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal-up.revealed{opacity:1;transform:translateY(0)}