/* Nelb Elementor Pack . Folio Index (Brand: Condiviso)
   Categorie del portfolio come indice di rivista: righe tipografiche grandi,
   filetti, la foto compare galleggiando all'hover. Su touch restano le righe. */

.nelb-folioindex{border-top:1px solid var(--nfi-line,#2a2a2a)}
.nfi-row{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:44px 8px;border-bottom:1px solid var(--nfi-line,#2a2a2a);text-decoration:none;transition:padding-left .25s ease-out}
.nfi-row .nfi-t{font-family:var(--nelb-font-display,Georgia,serif);font-weight:400;font-size:clamp(34px,5.4vw,68px);letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:color .2s ease-out}
.nfi-row .nfi-m{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.nfi-peek{position:absolute;right:12%;top:50%;width:var(--nfi-peek,230px);aspect-ratio:3/4;transform:translateY(-50%) scale(.96);opacity:0;visibility:hidden;transition:opacity .28s ease-out,transform .28s ease-out,visibility 0s linear .28s;pointer-events:none;z-index:2;overflow:hidden}
.nfi-peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (hover:hover){
	.nfi-row:hover{padding-left:28px}
	.nfi-row:hover .nfi-peek{opacity:1;visibility:visible;transform:translateY(-50%) scale(1);transition:opacity .28s ease-out,transform .28s ease-out,visibility 0s}
}
@media (max-width:860px){.nfi-peek{display:none}.nfi-row{padding:30px 4px}}
@media (prefers-reduced-motion:reduce){.nfi-row,.nfi-row .nfi-t,.nfi-peek{transition:none}}