/* GBC HERO FISSA V15 — solo il primo blocco dopo l'introduzione.
   Immagine approvata dall'utente: acqua + seta in un'unica fotografia.
   Nessun video, nessun movimento e nessuna seta WebGL. */
html body section.hero {
  isolation: isolate !important;
  overflow: hidden !important;
  background: #001b32 !important;
}
html body section.hero .hero-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  display: block !important;
  background-color: #001b32 !important;
  background-image: url('assets/gbc-hero-acqua-seta-fissa-v15.webp') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 58% center !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
}
/* Leggera velatura solo sotto la scritta: la fotografia rimane brillante sulla destra. */
html body section.hero .hero-overlay {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background: linear-gradient(90deg,rgba(0,15,35,.86) 0%,rgba(0,21,43,.58) 33%,rgba(0,21,43,.19) 58%,transparent 82%),
              linear-gradient(0deg,rgba(0,19,39,.23),transparent 29%) !important;
  animation: none !important;
  transition: none !important;
}
/* Disattiva tutti i precedenti livelli di movimento della hero. */
html body section.hero .hero-glow,
html body section.hero .hero-light,
html body section.hero .hero-streak,
html body section.hero .hero-sparkles,
html body section.hero .water-shimmer,
html body section.hero .gbc-real-silk,
html body section.hero .gbc-wind-silk,
html body section.hero .gbc-v9-spray,
html body section.hero .gbc-water-video,
html body section.hero .gbc-cinema-video,
html body section.hero .gbc-cinema-silk,
html body section.hero .gbc-cinema-spray,
html body section.hero #hero-silk,
html body section.hero .hero-silk,
html body section.hero .hero-seal,
html body section.hero .hero-motion-toggle {
  display: none !important;
}
html body section.hero .hero-content,
html body section.hero .hero-text,
html body section.hero .hero-actions,
html body section.hero .hero-bottom {
  position: relative;
  z-index: 3;
}
html body section.hero .hero-bottom { position: absolute; }
/* Fold aperto / tablet: composizione originale, tutta la seta sulla destra. */
@media (min-width: 700px) and (max-width: 1199px) {
  html body section.hero .hero-image { background-position: 57% center !important; }
  html body section.hero .hero-overlay {
    background: linear-gradient(90deg,rgba(0,13,32,.89),rgba(0,18,41,.65) 32%,rgba(0,20,43,.14) 75%,transparent) !important;
  }
}
/* Fold chiuso e smartphone: versione fissa; immagine meno ingrandita e posizionata in basso.
   Sopra l'immagine resta l'azzurro notte per leggibilità dei contenuti. */
@media (max-width: 699px) {
  html body section.hero .hero-image {
    background-size: auto 78% !important;
    background-position: 68% bottom !important;
  }
  html body section.hero .hero-overlay {
    background: linear-gradient(180deg,#001b32 0%,rgba(0,25,49,.96) 17%,rgba(0,26,49,.72) 36%,rgba(0,22,45,.24) 70%,rgba(0,18,40,.16) 100%),
                linear-gradient(90deg,rgba(0,15,37,.62),transparent 95%) !important;
  }
}