/*
 * Section watermark icons — decorative background icon behind homepage
 * section headings, matches website_reference/homepage_5.html .section-num.
 * @package log-core
 */

.section-num {
	position: absolute;
	top: 20px;
	right: 0;
	width: clamp(80px, 10vw, 140px);
	height: clamp(80px, 10vw, 140px);
	opacity: .055;
	z-index: 0;
	pointer-events: none;
	user-select: none;
	color: var(--ink-900);
}

.section-num svg {
	width: 100%;
	height: 100%;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.section-deep .section-num {
	color: #fff;
	opacity: .06;
}

@media (max-width: 768px) {
	.section-num {
		width: 80px;
		height: 80px;
		top: 20px;
		right: 16px;
	}
}

@media (max-width: 380px) {
	.section-num { display: none; }
}