/* IcaruZen Particle Morph — front-end */

.izpm {
	position: relative;
	width: 100%;
	max-width: var(--izpm-max, 1080px);
	height: var(--izpm-height, 560px);
	margin-inline: auto;
	background: var(--izpm-bg, transparent);
	overflow: hidden;
}

.izpm-canvas {
	display: block;
	width: 100%;
	height: 100%;
	touch-action: pan-y;
}

/* The static image holds the space until the canvas takes over. */
.izpm-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 6%;
	transition: opacity .35s ease;
}

.izpm-ready .izpm-fallback {
	opacity: 0;
	pointer-events: none;
}

.izpm-clickable {
	cursor: pointer;
}

.izpm-clickable:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

@media (max-width: 782px) {
	.izpm {
		height: min(var(--izpm-height, 560px), 68vw);
	}
}

@media print {
	.izpm-canvas { display: none; }
	.izpm-ready .izpm-fallback { opacity: 1; }
}