html,body{margin:0;background:#000;color:#e6e6e6}
body{font-family:"Segoe UI",Helvetica,Arial,sans-serif;font-weight:300}
a{color:#e6e6e6}
img{-webkit-user-drag:none;user-select:none}
.brand{position:fixed;z-index:4;top:0;left:0;padding:1.15rem 1.25rem 0}
.brand a{color:#fff;text-decoration:none;font-weight:300;font-size:1.02rem;letter-spacing:.14em}
.burger{display:none;position:fixed;z-index:5;top:.95rem;left:1rem;width:1.7rem;height:1.15rem;padding:0;border:0;background:transparent;cursor:pointer}
.burger span,.burger span:before,.burger span:after{display:block;height:1px;background:#fff;position:relative}
.burger span:before,.burger span:after{content:"";position:absolute;left:0;right:0}
.burger span:before{top:-.38rem}
.burger span:after{top:.38rem}
.nav{position:fixed;z-index:3;left:0;top:0;bottom:0;width:16.5rem;box-sizing:border-box;padding:4.4rem 1.25rem 2rem;background:#000}
.nav a,.nav span{display:block;margin:0 0 .85rem;color:#eee;text-decoration:none;font-size:.68rem;font-weight:300;letter-spacing:.12em;line-height:1.35}
.nav a.qui{display:inline-block;border-bottom:1px solid #eee;padding-bottom:.08rem}
.nav span{opacity:.4}
.stage{margin:0}
.hero{position:relative;height:100vh;margin-left:16.5rem;width:calc(100% - 16.5rem);background:#000}
.hero img{display:block;width:100%;height:100%;object-fit:cover}
.home-text{position:absolute;left:1.6rem;right:auto;bottom:1.4rem;max-width:17rem}
.home-text p{margin:0;line-height:1.55;font-size:1.12rem;color:#000;font-family:Candara,"Gill Sans","Gill Sans MT",Calibri,sans-serif;font-weight:400;letter-spacing:.02em}
.sheet{max-width:44rem;margin:0 0 0 16.5rem;padding:5.6rem 1.6rem 1.2rem;text-align:left}
.ig{display:inline-flex;margin-top:.35rem;color:#eee}
.ig svg{width:1.15rem;height:1.15rem;fill:currentColor}
.sheet h1{font-weight:300;font-size:1.05rem;letter-spacing:.16em;margin:0 0 1.5rem}
.sheet h2{font-weight:300;font-size:.85rem;letter-spacing:.12em;margin:2.6rem 0 1rem}
.sheet p{margin:0 0 1.35rem;line-height:1.65;font-size:1.02rem}
.sheet .by{margin-top:1.4rem;margin-bottom:.2rem}
.player{margin:0}
.ascolto{display:grid;grid-template-columns:minmax(280px,46%) 1fr;gap:1.1rem 1.4rem;margin:3.2rem 1rem 1.2rem 16.5rem;align-items:center}
.spartito-titolo{margin:0 0 .55rem;letter-spacing:.04em}
.spartito p{margin:0 0 .55rem;font-size:.78rem;line-height:1.38}
.player iframe{width:100%;height:166px;border:0}
.credit{font-size:.75rem;letter-spacing:.06em;text-align:right}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-left:16.5rem;padding:0 6px 2.4rem 6px;box-sizing:border-box}
.tile{position:relative;display:block;width:100%;aspect-ratio:3/2;padding:0;border:0;background:#111 center/cover no-repeat;cursor:pointer}
.tile-cap{display:block;margin-top:.35rem;text-align:center;font-size:.68rem;letter-spacing:.08em;color:#c8c8c8}
.vista{display:none;position:fixed;z-index:30;inset:0;background:#000}
.vista.aperta{display:block}
.vista-foto{position:absolute;inset:3.2rem 4.5rem;background:center/contain no-repeat;pointer-events:none}
.vista-chiudi,.vista-prev,.vista-next{position:absolute;z-index:2;border:0;background:transparent;color:#fff;cursor:pointer;font-size:1.6rem;line-height:1}
.vista-chiudi{top:.8rem;right:1rem}
.vista-prev,.vista-next{top:50%;transform:translateY(-50%);width:3rem;height:4rem}
.vista-prev{left:.4rem}
.vista-next{right:.4rem}
.site-foot{margin:2rem 0 0 16.5rem;padding:1rem 1.2rem 1.3rem;border-top:1px solid #2a2a2a;text-align:center;font-size:.78rem;line-height:1.5;color:#c8c8c8}
.mail{font-size:1.05rem}
.modulo label{display:block;margin:0 0 .35rem;font-size:.95rem}
.modulo .nota{font-weight:300;opacity:.75}
.riga{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.modulo input,.modulo textarea{width:100%;box-sizing:border-box;margin:0 0 1.2rem;padding:.55rem .6rem;background:#111;color:#e6e6e6;border:1px solid #888;font:inherit}
.modulo textarea{min-height:8rem;resize:vertical}
.modulo button{border:0;background:#1c1c1c;color:#fff;letter-spacing:.14em;padding:.85rem 1.6rem;cursor:pointer}
.avviso{margin:0 0 1.2rem}
.nome-gruppo{margin:0 0 .8rem;font-size:1.05rem}
.hp{position:absolute;left:-9999px}
@media (max-width:760px){
.burger{display:block}
.brand{left:2.7rem;padding-top:1rem}
.brand a{font-size:.92rem}
.nav{width:min(18rem,86vw);transform:translateX(-105%);transition:transform .2s ease;background:rgba(0,0,0,.88)}
.nav.aperto{transform:none}
.home-text{left:1.15rem;right:auto;bottom:1rem}
.hero{margin-left:0;width:100%;height:100vh}
.sheet{margin-left:0;padding-top:4.6rem}
.site-foot{margin-left:0}
.riga{grid-template-columns:1fr}
.ascolto{grid-template-columns:1fr;margin-left:0;margin-right:0}
.gallery{margin-left:0;grid-template-columns:1fr 1fr;gap:4px;padding:0 4px 2rem}
.vista-foto{inset:3rem 2.6rem}
}