/*
 * Growth point component (components/growth-point/growth-point.php) —
 * resting style only. Consumers (hero intro, growth journey) add motion in
 * their own files.
 *
 * Transform origin: parts are drawn around the point's own (0,0) inside a
 * nested viewBox and keep the default transform-box (view-box), so scaling
 * "from the centre" is transform-origin 0 0. Never switch these parts to
 * transform-box: fill-box (decisions.md N-19).
 *
 * No blur filters: the glow is a radial gradient, cheap on every device.
 */

.gb-point {
	overflow: visible;
}

.gb-point__stop--glow {
	stop-color: var(--gb-point-glow);
}

.gb-point__stop--clear {
	stop-color: var(--gb-point-glow-clear);
}

.gb-point__ring {
	fill: none;
	stroke: var(--gb-point-ring);
	stroke-width: 1.5px;
}

/* The inner ring is fainter, so the rings read as depth rather than a target. */
.gb-point__ring--inner {
	opacity: 0.55;
}

.gb-point__dot {
	fill: var(--gb-point-color);
}

.gb-point__highlight {
	fill: var(--gb-point-highlight);
}

/* Pivot: the point's centre in its own user space (see header). */
.gb-point__body,
.gb-point__rings,
.gb-point__core,
.gb-point__pulse {
	transform-origin: 0 0;
}

/* Transient ring used by intros/scenes; invisible at rest. */
.gb-point__pulse {
	fill: none;
	stroke: var(--gb-growth-line-color);
	stroke-width: 2px;
	opacity: 0;
}