/* EDITORIAL PROJECTS V35 — final small spotlight + centered scroll cue */
.projects-v10 .projects-intro {
  --spot-size: 220px;
}

/* Keep the v34 flashlight mechanism intact; only reduce its aperture. */
.projects-v10 .projects-light-spot {
  /* V36: smaller spotlight with a slightly softer edge. */
  background:
    radial-gradient(
      circle var(--spot-size) at var(--spot-x) var(--spot-y),
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 24%,
      rgba(0,0,0,.05) 36%,
      rgba(0,0,0,.20) 50%,
      rgba(0,0,0,.44) 66%,
      rgba(0,0,0,.66) 82%,
      rgba(0,0,0,.80) 100%
    ) !important;
}

/* Scorri centered at the very bottom of the intro, without changing the counter. */
.projects-v10 .projects-scroll {
  left: 50% !important;
  right: auto !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .projects-v10 .projects-intro { --spot-size: 190px; }
  .projects-v10 .projects-scroll { bottom: 18px !important; }
}

@media (max-width: 560px) {
  .projects-v10 .projects-intro { --spot-size: 165px; }
  .projects-v10 .projects-scroll { bottom: 16px !important; }
}

/* V38 — foro intermedio tra V36 e V37: stessa torcia, apertura intermedia. */
.projects-v10 .projects-light-spot {
  background:
    radial-gradient(
      circle var(--spot-size) at var(--spot-x) var(--spot-y),
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 28%,
      rgba(0,0,0,.06) 42%,
      rgba(0,0,0,.28) 58%,
      rgba(0,0,0,.60) 74%,
      rgba(0,0,0,.80) 100%
    ) !important;
}

/* La torcia usa il puntino custom; la visibilità dell'anello è gestita
   dinamicamente da main.js: nascosto solo sopra la intro, visibile dopo lo scroll. */
.projects-v10,
.projects-v10 * {
  cursor: none !important;
}
.projects-v10 .cursor {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  opacity: 1 !important;
  z-index: 10000 !important;
}