/* HERO */
body{background:var(--nv)}
.sq-hero{background:var(--nv);text-align:center;padding:140px 48px 60px;position:relative}
.sq-sub{font-family:'DinPro',sans-serif;font-size:clamp(18px,3vw,36px);letter-spacing:.3em;text-transform:uppercase;opacity:.8}

/* GRIGLIA NOMI */
.sq-grid{background:var(--nv);padding:40px 48px 100px}
.sq-names{font-family:'DinPro',sans-serif;font-size:clamp(16px,2vw,22px);line-height:1.7;text-align:center;letter-spacing:.04em}
.sq-name{display:inline-block;cursor:pointer;padding:0 2px;transition:transform .25s cubic-bezier(.22,1,.36,1),padding .25s cubic-bezier(.22,1,.36,1)}
.sq-name:hover{transform:scale(1.3);padding:0 10px;}
.sq-white{color:#ffffff}
.sq-grey{color:#888888}
.sq-winner{color:var(--y);font-weight:700}
.sq-sep{opacity:.25;margin:0 4px}

/* MODAL */
.sq-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .35s}
.sq-modal.open{opacity:1;pointer-events:all}
.sq-modal::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px)}
.sq-modal-inner{position:relative;z-index:1;background:var(--nv);border:1px solid rgba(255,255,255,.08);width:100%;max-width:1000px;max-height:90vh;overflow:hidden;transform:translateY(30px);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.sq-modal.open .sq-modal-inner{transform:translateY(0)}
.sq-modal-close{position:absolute;top:16px;right:16px;z-index:10;background:none;border:1.5px solid rgba(255,255,255,.2);color:var(--wh);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}
.sq-modal-close:hover{border-color:var(--y);color:var(--y)}

/* BODY: due colonne */
.sq-modal-body{display:grid;grid-template-columns:1fr 1fr;min-height:480px}

/* GALLERIA */
.sq-gallery{position:relative;background:#060f18;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:380px}
.sq-gallery-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.sq-gallery-img{width:100%;height:100%;object-fit:cover;display:none}
.sq-gallery-img.visible{display:block}
.sq-gallery-empty{font-family:'DinPro',sans-serif;font-size:13px;letter-spacing:.15em;opacity:.3;text-transform:uppercase;color:var(--wh);display:none}
.sq-gallery-empty.visible{display:block}
.sq-gallery-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);color:var(--wh);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;z-index:2}
.sq-gallery-btn:hover{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.4)}
.sq-gallery-btn:disabled{opacity:.2;cursor:default}
.sq-gallery-prev{left:12px}
.sq-gallery-next{right:12px}
.sq-gallery-counter{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-family:'DinPro',sans-serif;font-size:11px;letter-spacing:.15em;opacity:.5;color:var(--wh)}

/* INFO */
.sq-info{padding:40px 36px;display:flex;flex-direction:column;gap:28px;overflow-y:auto;max-height:90vh}
.sq-info-title{font-family:'Akira',sans-serif;font-size:clamp(18px,2.5vw,32px);text-transform:uppercase;color:var(--y);line-height:1.1}
.sq-back-btn{display:none;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:'DinPro',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--wh);opacity:.5;padding:0;transition:opacity .2s}
.sq-back-btn:hover{opacity:1}
.sq-back-btn.visible{display:flex}
.sq-anni{font-family:'DinPro',sans-serif;font-size:12px;opacity:.5;letter-spacing:.06em;margin-top:6px;min-height:1em}
.sq-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sq-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);padding:16px 10px;text-align:center}
.sq-stat-val{display:block;font-family:'Akira',sans-serif;font-size:clamp(20px,2.5vw,30px);color:var(--wh)}
.sq-stat-label{display:block;font-family:'DinPro',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:.4;color:var(--wh);margin-top:4px}
.sq-section-title{font-family:'DinPro',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.4;color:var(--wh);margin-bottom:12px}
.sq-premi-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.sq-premi-list li{font-family:'DinPro',sans-serif;font-size:13px;color:var(--wh);opacity:.75;padding-left:12px;border-left:2px solid var(--y);line-height:1.4}
.sq-premi-list li strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.5;font-weight:500}
.sq-affiliate-list{display:flex;flex-wrap:wrap;gap:8px}
.sq-affiliate-btn{font-family:'DinPro',sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--y);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);padding:6px 14px;cursor:pointer;transition:background .2s,border-color .2s}
.sq-affiliate-btn:hover{background:rgba(255,255,255,.1);border-color:var(--y)}

/* ── RESPONSIVE ───────────────────────────────── */
@media (max-width:768px){
  .sq-hero{padding:100px 20px 36px}
  .sq-grid{padding:24px 20px 60px}
  .sq-names{font-size:clamp(15px,4vw,20px)}

  /* Modal: colonna singola */
  .sq-modal{padding:0}
  .sq-modal-inner{max-height:100dvh;border-radius:0;overflow-y:auto}
  .sq-modal-body{grid-template-columns:1fr}

  .sq-gallery{min-height:240px;max-height:52vw}
  .sq-info{padding:24px 20px;max-height:none;overflow-y:visible}
  .sq-info-title{font-size:clamp(18px,5vw,28px)}
  .sq-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .sq-stat{padding:12px 6px}
  .sq-stat-val{font-size:clamp(18px,5vw,26px)}
}

@media (max-width:480px){
  .sq-stats{grid-template-columns:repeat(3,1fr)}
  .sq-gallery-btn{width:34px;height:34px;font-size:22px}
}