@font-face {

    font-family: 'Neuzeit S';

    src: url('./fonts/NeuzeitSLTStd-Book.woff2') format('woff2');

    font-weight: 400;

    font-style: normal;

  }

  

  @font-face {

    font-family: 'Neuzeit S';

    src: url('./fonts/NeuzeitSLTStd-BookHeavy.woff2') format('woff2');

    font-weight: 700;

    font-style: normal;

  }

  

  html, body, #map {

    height: 100%;

    margin: 0;

    background: #111;

    font-family: 'Neuzeit S', sans-serif;

    font-weight: 400;

  }

  html, body {

    overflow: hidden;

    height: 100%;

  }

  

  h2 {

    font-family: 'Neuzeit S', sans-serif;

    color: white;

  }

  

  .pulse {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 1);

    animation: pulse 2s infinite;

  }

  

  @keyframes pulse {

    0% {

      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.984);

    }

    100% {

      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

    }

  }

  .leaflet-popup-content-wrapper {

    background: transparent !important;

    box-shadow: none !important;

    border-radius: 0 !important;

    padding: 0 !important;

  }

  

  .leaflet-popup-tip {

    display: none !important;

  }

  

  .leaflet-popup-content {

    margin: 0 !important;

  }

  

  .leaflet-control-zoom {

    position: absolute !important;

    bottom: 20px !important;

    right: 20px !important;

    background: none !important;

    border: none !important;

  }

  

  .leaflet-control-zoom-in,

  .leaflet-control-zoom-out {

    background: none;

    color: white;

    font-weight: bold;

    font-size: 20px;

    border: none;

  }

  

  .leaflet-control-zoom-in:hover,

  .leaflet-control-zoom-out:hover {

    color: violet;

    cursor: pointer;

  }

  

  .leaflet-control-attribution {

    display: none !important;

  }

  



  nav .logo a {

    display: flex;

    align-items: center;

    gap: 12px;

    text-decoration: none;

  }

  

  nav .logo img {

    height: 150px;

    max-width: 100%;

  }

  

  nav .logo h1 {

    margin: 0;

    font-size: 2.5em;

    font-weight: 700;

    color: white;

    text-transform: uppercase;

    line-height: 0.81;

    letter-spacing: 0.03em;

  }

  

  nav ul {

    list-style: none;

    display: flex;

    gap: 20px;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

    justify-content: flex-end;

    flex-grow: 1;

  }

  

  nav li {

    position: relative;

    white-space: nowrap;

  }

  

  nav li ul {

    position: absolute;

    top: 100%;

    left: 0;

    display: none;

    padding: 10px 0;

    min-width: 220px;

    border-radius: 4px;

    z-index: 999;

  }

  

  nav li ul li a {

    padding: 8px 15px;

    display: block;

  }

  

  nav li ul li a:hover {

    background: violet;

    color: black;

  }

  

  nav li:hover > ul {

    display: block;

  }

  

  nav a {

    color: white;

    text-decoration: none;

    font-weight: 700;

    transition: color 0.3s;

    font-size: 0.9em;

    letter-spacing: 0.03em;

  }

  

  nav a:hover {

    color: violet;

  }

  

  

  #map-caption {

    position: absolute;

    bottom: 25px;

    left: 50%;

    transform: translateX(-50%);

    font-weight: 700;

    color: white;

    opacity: 1;

    z-index: 1000;

    font-size: 14px;

    text-align: center;

    white-space: normal;

    max-width: 90%;

  }

  

  @media (max-width: 768px) {

    #map-caption {

      position: static;

      transform: none;

      background: black;

      color: white;

      padding: 16px 24px;

      font-size: 15px;

      line-height: 1.4;

      text-align: left;

      max-width: none;

    }

  

    #map {

      height: calc(100vh - 100px); /* o regola secondo il layout finale */

    }

  }





  

  .project-page {

    padding: 180px 20px 40px; /* ↑ più spazio sopra sotto al menu/logo */

    max-width: 1000px;

    margin: 0 auto;

  }

  

  .header-flex {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

    margin-bottom: 2em; /* distanza dal contenuto */

  }

  

  .header-left {

    flex: 1;

  }

  

  .header-right {

    flex: 1;

    text-align: right;

  }

  

  .project-page h1 {

    font-size: 2.5em;

    margin: 0 0 0.2em 0;

    font-weight: bold;

    color: rgba(255,255,255,0.9);

  }

  

  .materials {

    font-size: 0.85em;

    color: rgba(255,255,255,0.7);

  }

  

    

  .project-page h2 {

    font-size: 1.2em;

    color: rgba(255,255,255,0.9);

    margin: 0;

    font-weight: normal;

  }



  .project-page h3 {

    font-size: 1.2em;

    font-weight: 400;

    color: #fff;

    line-height: 1.5;

    margin: 5.5em 0 1em 0;

  }

  

  .project-page p {

    font-size: 1.05em;

    font-weight: 300;

    color: #fff;

    line-height: 1.6;

    margin: 2em 0 3em 0;

    text-align: left;

  }

  

  

  .intro {

    margin-top: 1.5em;

  }

  

  .intro p {

    line-height: 1.6;

    font-size: 1.05em;

    margin-bottom: 2.5em;

    text-align: left;

    color: rgba(255,255,255,0.9);



  }

  

  .gallery {

    margin-top: 40px;

  }

  

  .gallery-grid {

    column-count: 3;

    column-gap: 4px;

  }

  

  .gallery-grid a {

    display: inline-block;

    width: 100%;

    margin-bottom: 4px;

  }

  

  .gallery-grid img {

    width: 100%;

    height: auto;

    display: block;

    border-radius: 4px;

  }

  

  

  

  .gallery-grid img:hover {

    transform: scale(1.03);

  }



  .project-buttons {

    text-align: center;

    margin-top: 40px;

    display: flex;

    justify-content: center;

    gap: 20px;

    flex-wrap: wrap;

  }

  

  .btn-purple {

    position: relative;

    display: inline-block;

    padding: 12px 26px;

    border: 2px solid #a064ff;

    color: #a064ff;

    font-size: 0.95em;

    text-decoration: none;

    overflow: hidden;

    border-radius: 30px;

    transition: all 0.4s ease;

    background-color: transparent;

    z-index: 1;

  }

  

  .btn-purple::before {

    content: '';

    position: absolute;

    top: 0;

    right: 0; /* effetto da destra */

    width: 0%;

    height: 100%;

    background: #a064ff;

    transition: all 0.4s ease;

    z-index: 0;

    border-radius: 30px;

  }

  

  .btn-purple:hover::before {

    width: 100%;

    left: 0;

    right: auto;

  }

  

  .btn-purple:hover {

    color: #fff;

    box-shadow: 0 4px 14px rgb(255, 255, 255);

    border: 5px solid #ffffff;



  }

  

  .btn-purple span,

  .btn-purple::before {

    z-index: 1;

    position: relative;

  }

  

    .disclaimer {

      max-width: 900px;

      margin: 60px auto;

      font-size: 0.9rem;

      color: #aaa;

    }

  

  /* Responsive */

  @media (max-width: 768px) {

    .project-page {

      padding: 160px 16px 32px;

    }

  

    .header-flex {

      flex-direction: column;

      align-items: flex-start;

      gap: 1em;

    }

  

    .header-right {

      text-align: left;

      margin-top: 10px;

    }

  

    .project-page h1 {

      font-size: 2em;

    }

  

    .project-page h2 {

      font-size: 1em;

    }

  

    .intro p {

      font-size: 1em;

    }

  }

/* —— Catalogue spread (two pages side by side) —— */

.catalog-spread {

  max-width: 1000px;

  margin: 48px auto;

  padding: 0 40px; /* più margine laterale */

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 24px; /* leggermente più spazio tra le pagine */

}



.catalog-spread h3 {

  grid-column: 1 / -1;

  margin: 0 0 12px 0;

  font-size: 1.1rem;

  font-weight: 700;

  color: #fff;

  opacity: 0.95;

}



.catalog-page {

  margin: 0;

}



.catalog-page a {

  display: block;

  position: relative;

  border-radius: 6px;

  overflow: hidden;

  background: #0d0d0d;

  box-shadow: 0 6px 28px rgba(0,0,0,0.45);

  transition: transform 0.25s ease, box-shadow 0.25s ease;

}



.catalog-page a:hover {

  transform: translateY(-2px);

  box-shadow: 0 10px 36px rgba(160,100,255,0.25);

}



.catalog-page img {

  display: block;

  width: 100%;

  height: auto;

  border: 1px solid rgba(255,255,255,0.06);

  filter: contrast(1.02);

}



.catalog-page figcaption {

  font-size: 0.78rem;

  color: rgba(255,255,255,0.72);

  margin-top: 8px;

  line-height: 1.4;

}



/* Mobile: impagina a una colonna con margini più larghi */

@media (max-width: 900px) {

  .catalog-spread {

    grid-template-columns: 1fr;

    gap: 20px;

    padding: 0 28px;

  }

}



/* Video embed responsivo */

.video-embed {

  max-width: 1000px;

  margin: 28px auto 0;

  padding: 0 16px;

}



.video-embed iframe {

  width: 100%;

  aspect-ratio: 16 / 9;

  border: 0;

  border-radius: 8px;

  box-shadow: 0 8px 30px rgba(0,0,0,0.45);

}

/* TECHNICAL SHEET — minimal, to be used alongside styles.css */

:root{

  --bg:#000; --fg:#fff; --muted:#bdbdbd; --accent:#8a7bff; --card:#0c0c10; --border:#16161f;

}



.techsheet-body{

  background:var(--bg);

  color:var(--fg);

  font-family: 'Neuzeit S', system-ui, -apple-system, Segoe UI, Inter, Roboto, Arial, sans-serif;

  margin:0;

}



.techsheet-wrap{max-width:1200px; margin:0 auto; padding:24px;}



.techsheet-header{margin:12px 0 18px;}

.techsheet-header h1{font-size:2rem; margin:0 0 6px;}

.techsheet-header .subtitle{color:var(--muted); margin:0;}



.techsheet-grid{

  display:grid;

  grid-template-columns: 1.2fr 1fr;

  gap:20px;

}

@media (max-width: 980px){

  .techsheet-grid{ grid-template-columns: 1fr; }

}



.techsheet-figure{

  background:var(--card);

  border:1px solid var(--border);

  border-radius:16px;

  padding:14px;

}

.techsheet-figure img{width:100%; height:auto; display:block;}

.techsheet-figure figcaption{color:#cfcff8; font-size:.9rem; margin-top:8px;}



.techsheet-specs{

  background:var(--card);

  border:1px solid var(--border);

  border-radius:16px;

  padding:16px 16px 6px;

}

.techsheet-specs h2{

  font-size:1rem;

  letter-spacing:.03em;

  text-transform:uppercase;

  color:#c9c9df;

  margin:8px 0 8px;

}

.techsheet-specs dl{

  display:grid;

  grid-template-columns: 160px 1fr;

  gap:6px 14px;

  margin:0 0 8px;

}

.techsheet-specs dt{color:#9ca3af;}

.techsheet-specs dd{margin:0; color:#e5e7eb;}



.bullets{

  margin:6px 0 12px 0;

  padding-left:18px;

}

.bullets li{

  margin:4px 0;

  color:#e6e6ff;

}



.note{color:#9aa; font-size:.9rem; margin-top:8px;}



.techsheet-extras{margin-top:18px;}

.thumbs{

  display:grid;

  grid-template-columns: repeat(2, minmax(0,1fr));

  gap:12px;

}

@media (max-width: 700px){

  .thumbs{ grid-template-columns: 1fr; }

}

.thumbs figure{

  background:var(--card);

  border:1px solid var(--border);

  border-radius:14px;

  padding:10px;

}

.thumbs img{width:100%; height:auto; display:block;}

.thumbs figcaption{color:#cfcff8; font-size:.9rem; margin-top:6px;}



.suez-hero {

  position: relative;

  max-width: 80rem;

  margin: 0 auto;

  padding: 5rem 1.5rem 3rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}



.suez-h1 {

  font-weight: 600;

  letter-spacing: -0.02em;

  font-size: clamp(2.5rem, 5vw, 4rem);

  margin-bottom: 2rem;

}



.suez-hero-content {

  display: flex;

  flex-direction: row;

  align-items: flex-start;   /* allineati in alto */

  justify-content: space-between;

  gap: 3rem;

  max-width: 72rem;

  width: 100%;

  text-align: left;

}



.suez-hero-sub h2 {

  font-weight: 800;

  font-size: clamp(1rem, 2.4vw, 1.5rem);

  line-height: 1.5;

  color: #a1a1aa;

  max-width: 26rem;   

  text-align: right;       /* più respiro al titolo lungo */

}



.suez-hero-text p {

  font-size: clamp(1rem, 1.4vw, 1.125rem);

  line-height: 1.75;

  color: #d4d4d8;

  max-width: 42rem;

}



@media (max-width: 768px) {

  .suez-hero-content {

    flex-direction: column;

    gap: 1.5rem;

  }

  .suez-hero-sub h2,

  .suez-hero-text p {

    max-width: 100%;

  }

}



/* --- AUDIO SPHERES METALLIC --- */

.audio-spheres {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 18rem;

  margin: 14rem auto;

  flex-wrap: wrap; /* fallback desktop ridotto */

}



/* Responsive layout su mobile */

@media (max-width: 768px) {

  .audio-spheres {

    flex-direction: column;

    gap: 3rem;

    margin: 6rem auto;

    padding: 0 24px;

  }

}



.audio-spheres .sphere {

  width: 140px;

  height: 140px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #c9c9c9 35%, #666666 100%);

  box-shadow: 

    inset -8px -8px 20px rgba(0,0,0,0.4),

    inset 8px 8px 20px rgba(255,255,255,0.6),

    0 0 25px rgba(255,255,255,0.15);

  animation: float 6s ease-in-out infinite;

  transition: box-shadow 0.4s ease, transform 0.4s ease;

}



/* Ridimensionamento su mobile */

@media (max-width: 768px) {

  .audio-spheres .sphere {

    width: 100px;

    height: 100px;

  }

}



/* Varianti colore metallico */

.audio-spheres .sphere:nth-child(1) {

  background: radial-gradient(circle at 30% 30%, #f2f2f2 0%, #b0b0b0 40%, #4a4a4a 100%);

}

.audio-spheres .sphere:nth-child(2) {

  background: radial-gradient(circle at 30% 30%, #e8f7ff 0%, #7fa9c9 45%, #2c3e50 100%);

  animation-delay: 2s;

}

.audio-spheres .sphere:nth-child(3) {

  background: radial-gradient(circle at 30% 30%, #fff2e6 0%, #d4a15e 40%, #5a3b1a 100%);

  animation-delay: 4s;

}



/* Glow al passaggio */

.audio-spheres .sphere:hover {

  box-shadow: 

    0 0 35px rgba(255, 255, 255, 0.8),

    0 0 60px rgba(200, 200, 200, 0.6);

  transform: scale(1.12) rotate(2deg);

}



/* Fluttuazione lenta */

@keyframes float {

  0%   { transform: translateY(0); }

  50%  { transform: translateY(-15px); }

  100% { transform: translateY(0); }

}



/* Player invisibile */

.audio-spheres audio {

  opacity: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  cursor: pointer;

}





/* Player invisibile */

.audio-spheres audio {

  opacity: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  cursor: pointer;

}



.how-works .section-title{

  margin: 0 0 18px 0;

  font-weight:700;

  letter-spacing:.03em;

  text-align: center;

  margin-bottom: 2rem;



}



.how-grid{

  display:grid;

  grid-template-columns: repeat(3, minmax(0,1fr));

  gap:16px;

}



.how-card{

  background:#0f1117;

  border:1px solid #181a21;

  border-radius:14px;

  padding:16px 16px 14px;

  box-shadow:0 8px 26px rgba(0,0,0,.35);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;

}

.how-card:hover{

  transform: translateY(-2px);

  border-color:#2a2f3b;

  box-shadow:0 12px 34px rgba(138,123,255,.18);

}

.how-card h3{

  margin:.1rem 0 .35rem;

  font-size:1rem;

  font-weight:700;

  color:#e9e9ff;

}

.how-card p{

  margin:0;

  color:#d7d9e8;

  font-size:.95rem;

  line-height:1.55;

}



@media (max-width: 980px){

  .how-grid{ grid-template-columns: 1fr 1fr; }

}

@media (max-width: 640px){

  .how-grid{ grid-template-columns: 1fr; }

}

/* ——— TEXT BELOW / CONCEPT ——— */

.text-below{

  /* opzionale: centra il blocco e limita la larghezza del testo */

  max-width: 980px;

  margin: 80px auto;                 /* sostituisce lo style inline */

  padding: 0 20px;

}



.text-below .section-title{

  font-family: var(--font-sans, "Neuzeit", "Neuzeit Grotesk",

                   "Neue Haas Grotesk", system-ui, -apple-system,

                   "Segoe UI", Roboto, Helvetica, Arial, sans-serif);

  font-weight: 600;                   /* H2 bold */

  font-size: clamp(1.6rem, 2.6vw, 2.1rem);

  letter-spacing: -.01em;

  line-height: 1.2;

  margin: 0 0 12px 0;

  color: #ffffff;      

  text-align: center;

  margin-bottom: 2rem;               /* mantieni bianco sul fondo scuro */

}



.text-below p{

  font-family: var(--font-sans, "Neuzeit", "Neuzeit Grotesk",

                   "Neue Haas Grotesk", system-ui, -apple-system,

                   "Segoe UI", Roboto, Helvetica, Arial, sans-serif);

  font-weight: 400;

  font-size: clamp(1rem, 1.25vw, 1.075rem);

  line-height: 1.7;

  color: #e5e7eb;                     /* grigio chiaro per contrasto morbido */

  max-width: 168ch;                    /* misura ottimale di riga */

  text-wrap: pretty;                  /* migliora i rientri su browser moderni */

  hyphens: auto;

  margin: 0;

}



/* opzionale: enfatizza <em> e <strong> dentro il paragrafo */

.text-below p em{ color:#cdd2ff; font-style:italic; }

.text-below p strong{ font-weight:700; color:#ffffff; }



    .news-list {

      max-width: 900px;

      margin: 0 auto;

    }

    .news-item {

      font-size: 2rem;

      margin-bottom: 2.2rem;

      border-bottom: 2px solid #444;

      padding-bottom: 0.5rem;

      transition: border-color 0.3s;

    }

    .news-item:hover {

      border-color: violet;

    }

    .news-item a {

      color: white;

      text-decoration: none;

    }

    .news-item a:hover {

      color: violet;

    }





.og-overlay{

  position:fixed; inset:0;

  background:rgba(0,0,0,.88);

  backdrop-filter: blur(4px);

  display:none; z-index:9999;

}

.og-overlay.is-open{ display:block; }

.og-overlay iframe{

  position:absolute; inset:0;

  width:100%; height:100%; border:0;

}





 /* wrapper pagina */

  .about-wrap {

    position:relative;

    z-index:1;

    max-width:1200px;

    margin:0 auto;

    padding:10px 28px 80px;

  }

  @media (max-width: 900px){

    .about-wrap { padding:1px 18px 60px; }

  }



  /* HERO centrato e spinto più in alto */

  .hero {

    text-align:center;

    margin: top 1px;

  }

  .hero h1 {

    margin:0 0 .25rem 0;

    font-size:clamp(2.5rem,4.5vw,3.8rem);

    font-weight:700;

    letter-spacing:-.02em;

  }

  .hero h3 {

    margin:0 auto;

    max-width:38ch;

    color:#c9c9d1;

    font-weight:500;

    font-size:clamp(1.05rem,1.8vw,1.25rem);

  }



  /* DIAGRAMMA */

  .stack {

    position:relative;

    z-index:1;

    width:100%;

    min-height:260vh;

    margin-top:24px;

    overflow:hidden;

  }

  .hub {

    position:absolute;

    top:2vh;

    left:12%;

    width:14px;

    height:14px;

    border-radius:999px;

    background:#228bee98;

    box-shadow:0 0 40px rgba(34,211,238,.55), 0 0 8px rgba(34,211,238,.9);

    z-index:3;

  }

  .web {

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    z-index:0;

    pointer-events:none;

  }



  /* NODI principali */

  .node {

    position:absolute;

    width:min(110ch, 38%);

    z-index:2;

  }

  .card {

    border:1px solid #27272a;

    background:rgba(17,17,17,.62);

    border-radius:18px;

    padding:1.35rem 1.6rem;

    box-shadow:0 0 44px -16px rgba(139,92,246,.28);

    backdrop-filter: blur(6px);

  }

  .kicker {

    letter-spacing:.1em;

    text-transform:uppercase;

    font-size:.72rem;

    color:#a1a1aa;

  }

  .title {

    margin:.25rem 0 0;

    font-weight:700;

    font-size:clamp(1.55rem,2vw,1.9rem);

    letter-spacing:-0.01em;

  }

  .text {

    margin-top:.9rem;

    line-height:1.7;

    color:#d4d4d8;

  }

  .node.is-active .card {

    border-color:#2a2a31;

    box-shadow:0 0 58px -18px rgba(139,92,246,.42);

  }



  /* OPERE */

  .work {

    position:absolute;

    transform:translate(-50%,-50%);

    z-index:4;

  }

  .work a {

    display:inline-flex;

    align-items:center;

    gap:.5rem;

    padding:.35rem .6rem;

    border-radius:999px;

    border:1px solid #2a2a31;

    background:rgba(17,17,17,.88);

    color:#e5e7eb;

    text-decoration:none;

    font-size:.8rem;

    box-shadow:0 0 28px -12px rgba(34,211,238,.35);

  }

  .work a::before {

    content:"";

    width:8px;

    height:8px;

    border-radius:999px;

    background:#22d3ee;

    box-shadow:0 0 18px rgba(34,211,238,.6);

  }

  .work a:hover {

    background:rgba(39,39,42,.95);

  }



  /* QUICK NAV centrata */

  .og-quicknav {

    position:fixed;

    left:50%;

    transform:translateX(-50%);

    bottom:14px;

    z-index:20;

  }

  .og-quicknav .dock {

    display:inline-flex;

    gap:.4rem;

    padding:.4rem .5rem;

    border:1px solid #2a2a31;

    border-radius:999px;

    background:#141416;

    box-shadow:0 10px 24px -12px rgba(0,0,0,.45);

  }

  .og-quicknav a {

    display:inline-block;

    padding:.32rem .7rem;

    border-radius:999px;

    font-size:.8rem;

    color:#e5e7eb;

    text-decoration:none;

  }

  .og-quicknav a:hover {

    background:#27272a;

  }

  .og-quicknav a.is-active {

    background:linear-gradient(90deg, rgba(34,211,238,.25), rgba(139,92,246,.25));

  }



  /* Mobile/Tablet: impila i nodi */

  @media (max-width: 900px){

    .stack { min-height: auto; }

    .hub { left:6%; }

    .node {

      position:relative;

      width:92%;

      left:4% !important;

      top:auto !important;

      margin: 0 auto 28px;

    }

    .work {

      position:relative;

      left:auto !important;

      top:auto !important;

      transform:none;

      margin: 10px 0 20px;

    }

    .web { display:block; }

    .og-quicknav {

      left:50%;

      transform:translateX(-50%);

      bottom:10px;

    }

  }

/* VIDEO BACKGROUND fisso */

.video-bg {

  position: fixed;

  top: 0; left: 0;

  width: 100%;

  height: 100%;

  z-index: -10;

  overflow: hidden;

  pointer-events: none;

}



.video-bg video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* OVERLAY SCURO SOPRA IL VIDEO */

.video-overlay {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.8); /* regola l'opacità qui */

  z-index: 1;

}



/* Forza sfondo e colori del lightbox */

.glightbox-container {

  background-color: rgba(0, 0, 0, 0.95) !important;

}



.gslide {

  background: #000 !important;

}



.gslide-title {

  color: #ffffff !important;

  font-size: 1.1rem;

  font-weight: 600;

  text-align: center;

  margin-bottom: 8px;

}



.gslide-description {

  color: #d4d4d4 !important;

  font-size: 0.95rem;

  line-height: 1.6;

  max-width: 80%;

  margin: 0 auto;

  text-align: center;

}



/* Eventuale fix per sfondo descrizione */

.gdesc-inner {

  background: transparent !important;

}