.hero {
  min-height: 700px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(3, 18, 30, .97) 0%, rgba(3, 18, 30, .86) 35%, rgba(3, 18, 30, .38) 66%, rgba(3, 18, 30, .14) 100%),
    var(--wainet-image-e8d302349fc6,url("../immagini/formati/1200/hero-adriatica-expo-networking.webp")) center center / cover no-repeat;
}

.hero h1 {
  color: #fff;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .24);
}

.hero h1 span { color: #67c9ef; }
.hero p { color: #dceaf0; }

.hero .eyebrow {
  color: #dff7ff;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .14);
  backdrop-filter: blur(8px);
}

.hero .btn.ghost {
  color: #fff;
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .46);
  backdrop-filter: blur(8px);
}

.hero .btn.ghost:hover { background: rgba(255, 255, 255, .18); }

.hero-proof {
  border-color: rgba(255, 255, 255, .24);
}

.hero-proof span { color: #c8dce5; }
.hero-proof span + span { border-color: rgba(255, 255, 255, .24); }
.hero-proof b { color: #fff; }

.hero .event-card {
  background: rgba(8, 38, 58, .91);
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
  backdrop-filter: blur(12px);
}

@media (max-width: 900px) {
  .hero {
    min-height: auto;
    background-position: 60% center;
    background-image:
      linear-gradient(90deg, rgba(3, 18, 30, .97) 0%, rgba(3, 18, 30, .83) 55%, rgba(3, 18, 30, .42) 100%),
      var(--wainet-image-e8d302349fc6,url("../immagini/formati/1200/hero-adriatica-expo-networking.webp"));
  }
}

@media (max-width: 600px) {
  .hero {
    background-position: 68% center;
    background-image:
      linear-gradient(180deg, rgba(3, 18, 30, .92) 0%, rgba(3, 18, 30, .82) 48%, rgba(3, 18, 30, .96) 100%),
      var(--wainet-image-e8d302349fc6,url("../immagini/formati/1200/hero-adriatica-expo-networking.webp"));
  }

  .hero .event-card { background: rgba(8, 38, 58, .94); }
}