/* ==========================================================================
   04 Ring — the perimeter text, drawn glyph by glyph on a canvas the size of
   the stage (inserted by home.js). The paragraph block stays in the DOM,
   visually hidden, as the accessible text and the editable source.
   ========================================================================== */

.as-home .as-ring {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

.as-ring__canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	will-change: transform, opacity;
}

.as-js .as-ring__canvas { opacity: 0; }