:root{--deep-navy: #0a0e1a;--midnight: #0d1530;--ocean: #1a2d5a;--cobalt: #1e4db7;--sky: #3a7bd5;--azure: #5b9cf6;--ice: #a8c8f8;--gold: #c9a227;--gold-light: #e8c547;--gold-pale: #f5e09a;--white: #f0eadc;--cream: #d4c9a8}:host{display:contents}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--deep-navy);color:var(--white);font-family:Crimson Text,serif;overflow-x:hidden;cursor:default}html,body{overflow-x:hidden;max-width:100%}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.35}.fab{position:fixed;background:var(--midnight);border:1px solid var(--cream);border-radius:50px;padding:1rem 1.2rem;top:8rem;right:3rem;z-index:100}.fab:hover{cursor:pointer;background:var(--ocean)}.play-btn{border:none;background:none}.play-btn:hover{cursor:pointer}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(30,77,183,.25) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 80% 70%,rgba(201,162,39,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 20% 30%,rgba(26,45,90,.6) 0%,transparent 70%),var(--deep-navy)}.hero-rays{position:absolute;inset:0;overflow:hidden;opacity:.12}.ray{position:absolute;bottom:0;left:50%;width:2px;height:100vh;transform-origin:bottom center;background:linear-gradient(to top,var(--gold),transparent);animation:rayPulse 4s ease-in-out infinite}.ray:nth-child(1){transform:rotate(-60deg);animation-delay:0s}.ray:nth-child(2){transform:rotate(-40deg);animation-delay:.4s}.ray:nth-child(3){transform:rotate(-20deg);animation-delay:.8s}.ray:nth-child(4){transform:rotate(0);animation-delay:1.2s}.ray:nth-child(5){transform:rotate(20deg);animation-delay:.6s}.ray:nth-child(6){transform:rotate(40deg);animation-delay:1s}.ray:nth-child(7){transform:rotate(60deg);animation-delay:.2s}@keyframes rayPulse{0%,to{opacity:.3}50%{opacity:1}}.compass-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.06}.hero-content{position:relative;z-index:10;text-align:center;padding:8rem 2rem 2rem}.hero-badge{display:inline-block;border:1px solid rgba(201,162,39,.4);color:var(--gold);font-family:Crimson Text,serif;font-size:.85rem;letter-spacing:.35em;text-transform:uppercase;padding:.4rem 1.5rem;margin-bottom:2rem;animation:fadeUp 1s ease both}.hero-title{font-family:Playfair Display,serif;font-size:clamp(5rem,14vw,12rem);font-weight:900;line-height:.9;letter-spacing:-.02em;animation:fadeUp 1s .2s ease both}.hero-title .lost{display:block;color:var(--white);font-style:italic}.hero-title .in{display:block;font-size:.4em;font-weight:400;color:var(--azure);font-style:normal;margin:.4em 0 .1em}.hero-title .blues{display:block;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold-pale) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-compass-icon{margin:2.5rem auto;animation:fadeUp 1s .4s ease both}.hero-subtitle{font-size:1.1rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ice);animation:fadeUp 1s .6s ease both;margin-bottom:3rem}.hero-cta{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--deep-navy);font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.2em;padding:1rem 3rem;text-decoration:none;transition:all .3s;animation:fadeUp 1s .8s ease both;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 10px 40px #c9a22766}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.divider{display:flex;align-items:center;gap:1.5rem;padding:0 4rem;margin:4rem 0}.divider-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(201,162,39,.4),transparent)}.divider-compass{color:var(--gold);font-size:1.2rem}section{padding:8rem 4rem;max-width:1400px;margin:0 auto}.section-label{font-family:Bebas Neue,sans-serif;font-size:.75rem;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.section-label:before{content:"";width:40px;height:1px;background:var(--gold)}.section-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:2rem}.about{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.about-text p{font-size:1.25rem;line-height:1.8;color:var(--cream);margin-bottom:1.5rem}.about-visual{margin-left:-1.5rem;position:relative}.about-compass{width:100%;max-width:400px;margin:0 auto;display:block}.genres-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}.genre-pill{border:1px solid rgba(201,162,39,.5);color:var(--gold-pale);padding:.6rem 1.8rem;font-family:Crimson Text,serif;font-size:1.1rem;font-style:italic;letter-spacing:.05em;transition:all .3s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#c9a2270d}.genre-pill:hover{background:#c9a22726;color:var(--gold-light);transform:translateY(-2px)}.members-section{padding:8rem 4rem;background:linear-gradient(180deg,transparent,rgba(26,45,90,.15),transparent);max-width:100%}.members-inner{max-width:1400px;margin:0 auto}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px;margin-top:4rem}.member-card{position:relative;padding:2.5rem;background:#0d153099;border:1px solid rgba(4,22,48,.888);overflow:hidden;transition:all .4s ease;cursor:default;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:220px}.member-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0e1a8c,#0d1530b8 60%,#0a0e1ae0);z-index:0;transition:background .4s}.member-card>*{position:relative;z-index:1}.member-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,162,39,.12) 0%,transparent 60%);opacity:0;transition:opacity .4s;z-index:1}.member-card:hover{border-color:#c9a22780;transform:translateY(-4px)}.member-card:hover:after{background:linear-gradient(to bottom,#0a0e1a59,#0d15308c 60%,#0a0e1acc)}.member-card:hover:before{opacity:1}.member-card:nth-child(1){background-image:url(https://i.ibb.co/zHbQ5WLJ/teo.jpg)}.member-card:nth-child(2){background-image:url(https://i.ibb.co/NdSm8Mq2/valeria.jpg)}.member-card:nth-child(3){background-image:url(https://i.ibb.co/rGL0TGkt/andrea.jpg)}.member-card:nth-child(4){background-image:url(https://i.ibb.co/pBBXnVx4/amm.jpg)}.member-card:nth-child(5){background-image:url(https://i.ibb.co/fzCPZSft/davide.jpg)}.member-card:nth-child(6){background-image:url(https://i.ibb.co/6c1VwStm/casta.jpg)}.member-card:nth-child(7){background-image:url(https://i.ibb.co/8LVpfgXs/tia.jpg)}.member-card:nth-child(8){background-image:url(https://i.ibb.co/fGkBhSnw/prime.jpg)}.member-card:nth-child(9){background-image:url(https://i.ibb.co/Q3S5ffMm/zeno.jpg)}.member-card:nth-child(10){background-image:url(https://i.ibb.co/0Ryj7jyB/rotox.jpg)}.member-card:hover .member-accent{opacity:1}.member-card.lead{grid-column:span 2;border-color:#c9a22759;min-height:260px}.member-card.lead .member-name{font-size:2.2rem}.vibe-section{text-align:center;padding:8rem 4rem;max-width:1400px;margin:0 auto;position:relative}.vibe-text{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,3rem);font-style:italic;color:var(--ice);line-height:1.5;max-width:800px;margin:0 auto 2rem}.vibe-text strong{color:var(--gold-light);font-style:normal}.vinyl-row{display:flex;justify-content:center;gap:3rem;margin:4rem 0}.vinyl{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 50%,#111 20%,#1a1a1a,#111 22%,#222 35%,#111 36%,#222 50%,#111 51%,#222 65%,#111 66%,#222 80%,#111);position:relative;animation:vinylSpin 3s linear infinite;opacity:.6;box-shadow:0 0 40px #1e4db74d}.vinyl:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,var(--gold) 30%,var(--gold-light) 100%)}.vinyl:nth-child(2){animation-duration:4s;opacity:.4;transform:scale(.8)}.vinyl:nth-child(3){animation-duration:5s;opacity:.3;transform:scale(.65)}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.concerti-section{padding:8rem 4rem;max-width:100%;background:linear-gradient(180deg,transparent,rgba(30,77,183,.08),transparent)}.concerti-inner{max-width:1400px;margin:0 auto}.concerti-list{display:flex;flex-direction:column;gap:2px}.contacts-title{font-family:Playfair Display,serif;font-size:3rem;font-style:italic;font-weight:900;color:var(--gold);margin-bottom:1rem}::-webkit-scrollbar-track{background:var(--deep-navy)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.gold-hr{border:none;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);margin:0;opacity:.3}@media (max-width: 768px){.fab{right:2rem;top:unset;bottom:3rem}.hero-content{padding:6rem 2rem 2rem}section,.members-section,.concerti-section{padding:5rem 2rem}.about{grid-template-columns:1fr;gap:3rem}.about-text{max-width:90%}.member-card.lead{grid-column:span 1}}