/* La barra di gruppo: Il Demiurgo (studio) e Il Demiurgo Ludens. Sta su tutti
   e due i siti e su tutti e due i registri (studio e prodotto), percio' ha un
   foglio suo e non dipende da sito.css ne' da stile.css. */
.gruppo{position:relative;z-index:30;background:#0B1D2E;color:#9FB0C2;font:500 12px/1 Jost,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gruppo-wrap{display:flex;gap:26px;align-items:center;height:36px;width:min(1360px,calc(100vw - 80px));margin:0 auto}
.gruppo a{color:#9FB0C2;text-decoration:none}
.gruppo a.attiva{color:#fff;font-weight:600}
.gruppo-voce span{margin-left:8px;opacity:.7;font-weight:500}
.gruppo a.gruppo-ludens{margin-left:auto;color:#E4C27E}
@media (max-width:760px){
  .gruppo-wrap{width:calc(100vw - 32px);gap:12px;font-size:10.5px;letter-spacing:.1em}
  .gruppo-etichetta,.gruppo-voce span{display:none}
}
@media print{.gruppo{display:none}}