/*====================================================
  LESBIANTH — INDEX ONLY (solo home)
  Hero, effetti, hook sezioni specifiche dell'index
====================================================*/

/* --- HERO specifico della home --- */
header.hero{
  position:relative; min-height:100vh; display:grid; place-items:center; text-align:center;
  background:url("../img/index_hero.jpg") center/cover no-repeat;
}
header.hero::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 50% 55%, rgba(0,0,0,.1) 0%, rgba(0,0,0,.75) 65%);
}
header.hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; mix-blend-mode:overlay;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px);
  animation:scan 10s linear infinite;
}
@keyframes scan{to{background-position-y:100%}}
header.hero .hero-inner{position:relative; z-index:1}
header.hero h1,header.hero p{
  text-shadow:0 0 6px var(--neon-cyan),0 0 20px var(--neon-pink);
}
/* flicker titolo (index-only) */
@keyframes flicker{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.2}}
header.hero h1{animation:flicker 3s linear infinite}

/* --- Hook SEZIONI solo per index (se vuoi riferimenti dedicati) --- */
/* usa queste classi sull'index per dare sfondi foto diversi (facoltativo).
   Le immagini sono solo esempi; puoi cambiarle mantenendo la struttura. */
.section-about{ --photo:url('/img/bg_about.jpg'); }
.section-lore{ --photo:url('/img/bg_lore.jpg'); }
.section-factions{ background:unset; } /* usa section-grid da commons */
.section-mechanics{ background:unset; } /* usa section-ink/gradient da commons */
.section-safety{ background:unset; }    /* usa panel-dark + section base */
.section-start{ background:unset; }     /* usa section-grid-alt da commons */
.section-faq{ background:unset; }       /* usa panel-light da commons */
.section-newsletter{ --photo:url('/img/bg_newsletter.jpg'); }

/* Bordo/glow extra sugli sfondi fotografici della home (coerente neon) */
.section-photo{
  box-shadow:
    0 0 25px rgba(255,44,205,.4),
    0 0 25px rgba(20,246,255,.35),
    0 10px 30px rgba(0,0,0,.35);
}

/* Divider dell'index un pelo più “bold” rispetto ad altri moduli */
.divider polygon{
  fill:linear-gradient(90deg,transparent,var(--neon-pink),var(--neon-cyan),transparent);
}
.card-text{
  color: var(--white)
}
.to-top{
  position: fixed; inset-block-end: 1rem; inset-inline-end: 1rem;
  display:grid; place-items:center; width:3rem; height:3rem; border-radius:999px;
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
  transition: transform .15s ease;
}
.to-top:where(:hover,:focus-visible){ transform: translateY(-2px); }