/* Membri operativi: sfondo fotografico immersivo */
.members-background-section {
  position: relative;
  isolation: isolate;
  min-height: 680px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  padding: 90px 0 42px;
  background: #0b100d;
}
.members-background-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url("../img/image_05.webp") center 46% / cover no-repeat;
  filter: contrast(1.09) saturate(0.88) brightness(0.94);
}
.members-background-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
      90deg,
      rgba(6, 12, 8, 0.98) 0%,
      rgba(7, 13, 9, 0.93) 25%,
      rgba(7, 13, 9, 0.76) 41%,
      rgba(7, 13, 9, 0.22) 70%,
      rgba(7, 13, 9, 0.07) 100%
    ),
    linear-gradient(0deg, rgba(6, 12, 8, 0.9), transparent 42%);
}
.members-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: var(--wrap-wide);
  text-align: left;
}
.members-content .eyebrow {
  letter-spacing: 0.22em;
}
.members-content h2 {
  font-size: clamp(38px, 6vw, 76px);
  line-height: 1.1;
  margin: 18px 0 20px;
  max-width: 630px;
}
.members-description {
  color: #d3d5c9;
  line-height: 1.85;
  max-width: 500px;
  font-size: 17px;
}
@media (max-width: 700px) {
  .members-content h2 {
    font-size: clamp(34px, 9vw, 56px);
  }
  .members-description {
    font-size: 15px;
  }
}

/* Contatore membri: lo spazio è riservato subito, il testo compare quando arrivano i dati */
.members-stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 28px 0 0;
  padding-left: 20px;
  border-left: 3px solid var(--olive);
  visibility: hidden;
}
.members-stat[hidden] {
  display: none;
}
.members-stat.ready {
  visibility: visible;
}
.members-stat-num {
  min-width: 2ch;
  font-family: Orbitron, Arial, sans-serif;
  font-size: clamp(54px, 8vw, 104px);
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(90deg, #f0d789, #d2ad48 60%, #a98a2e);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 6px 40px #d2ad4840;
}
.members-stat-label {
  color: #d3d5c9;
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.members-stat.ready .members-stat-num,
.members-stat.ready .members-stat-label {
  animation: stat-in 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.members-stat.ready .members-stat-label {
  animation-delay: 0.35s;
}
@keyframes stat-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
}