/**
 * Hover grid canvas stage — newsletter / about.
 * Demo logic adapted to paper sheet (not full-bleed black).
 */

.nazemi-grid-stage {
	--nazemi-grid-color: var(--paper-ink, #1a1a1a);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: min(78vh, 720px);
	margin: 0 calc(-1 * var(--paper-sheet-pad-x, var(--paper-gutter))) calc(-1 * var(--paper-sheet-pad-bottom, 0px));
	padding: 8px var(--paper-sheet-pad-x, var(--paper-gutter)) var(--paper-sheet-pad-bottom, 48px);
	box-sizing: border-box;
}

.nazemi-grid-stage__canvas {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.nazemi-grid-stage__shell {
	position: relative;
	z-index: 1;
}

/* Newsletter card sits inside stage — keep its own layout */
.nazemi-grid-stage .mahnameh-card {
	margin-top: 0;
}

.nazemi-grid-stage .paper-contact,
.nazemi-grid-stage .paper-article {
	max-width: 100%;
}

@media (max-width: 700px) {
	.nazemi-grid-stage {
		min-height: 0;
		margin-inline: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.nazemi-grid-stage__canvas {
		display: none;
	}
}

/* Dim / dark theme: slightly softer ink on tinted sheet */
body[data-nazemi-theme="dark"] .nazemi-grid-stage,
body[data-nazemi-theme="dim"] .nazemi-grid-stage {
	--nazemi-grid-color: var(--paper-ink, #e8e4dc);
}