/* ============ 09 · CHI SIAMO ============
   Nessuna foto nostra: i nomi, enormi, fatti di ardesia (quella del video) nel buio, e una lama di
   luce a 17° che li attraversa mentre scorri, lettera dopo lettera. */
#c-noi{position:relative;height:300vh;background:var(--calce);color:var(--notte)}
#c-noi .noi-palco{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:0 var(--m)}
#c-noi .mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pietra)}
#c-noi .noi-occ{margin:0 0 3svh}
/* (26 set: «molto piu' piccoli, non tutto schermo») i due nomi su una riga, a misura di titolo */
#c-noi .noi-nomi{margin:0;display:flex;flex-wrap:wrap;column-gap:.32em;font:400 clamp(2.4rem,min(5.6vw,10svh),5.6rem)/.92 'Alauda Titoli','Mona Sans',sans-serif;text-transform:uppercase;letter-spacing:0}
#c-noi .nome{display:block;color:transparent;-webkit-background-clip:text;background-clip:text;
  background-image:linear-gradient(163deg,rgba(255,248,236,0) 0%,rgba(255,248,236,0) calc(var(--lx,30%) - 7%),rgba(255,248,236,.7) var(--lx,30%),rgba(255,248,236,0) calc(var(--lx,30%) + 7%),rgba(255,248,236,0) 100%),linear-gradient(163deg,#141414 0%,#141414 calc(var(--lx,30%) - 16%),#F3EEE6 var(--lx,30%),#141414 calc(var(--lx,30%) + 16%),#141414 100%),url(../media/ardesia.jpg);
  background-size:100% 100%,100% 100%,cover;background-blend-mode:screen,multiply,normal;background-color:var(--notte)}
#c-noi .nome:nth-child(2){--lx:var(--lx2,30%)}
#c-noi .noi-fatti{display:grid;grid-template-columns:repeat(2,minmax(0,22rem));gap:2rem;margin-top:4.5svh;padding-top:2.2rem;border-top:1px solid rgba(11,11,11,.16);max-width:46rem;opacity:0}
#c-noi .noi-fatti p{margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.5;color:rgba(11,11,11,.78)}
@media (max-width:899px){
  #c-noi .noi-nomi{font-size:clamp(2.2rem,11vw,3.6rem)}
  #c-noi .noi-fatti{grid-template-columns:1fr;gap:1rem}
}