@media screen and (max-width: 1025px) {
	.page-hero .samuraj-background.samuraj-background {
		top: 0 !important;
		margin: 0;
		transform: rotate(-39deg) translateY(-50px) translateX(40px) !important;
	}
	.page-hero .samuraj-background.samuraj-background canvas {
		width: 100%;
		height: 500px;
		width: 500px !important;
		transform: rotate(-45deg) scaleX(-1) translateX(-130px) translateY(130px) !important;
	}
}

@media screen and (max-width: 1025px) {
	footer div.samuraj-background {
		left: 0 !important;
		margin: 0 !important;
		width: 100vw !important;
		overflow: hidden;
	}
	footer div.samuraj-background canvas {
		width: 1600px !important;
		height: 500px !important;
		transform: scaleY(-1) scaleX(-1) translateX(50%) !important;
		left: 50% !important;
	}
}

@media screen and (max-width: 1025px) {
	body.subpage .page-hero .samuraj-background {
		left: 0 !important;
	}
	body.subpage .page-hero .samuraj-background canvas {
		transform: rotate(-6deg) scaleX(-1) translateX(-129px) translateY(-40px) !important;
	}
}

body:has(div.animation-controls) div.samuraj-background,
body:has(div.animation-controls) div.samuraj-background * {
	pointer-events: auto !important;
}

body:has(div.animation-controls) div.samuraj-background {
	z-index: 999999999;
}
