/* Paper-cutout hero decoration — alternative to blobs.css. Same mount
   point (.vcs-blob-zone) and same GPU-cheap approach (transform/opacity
   only), just a flat hand-cut look instead of blurred glass. clip-path
   polygons create the torn edge — no images, no SVG requests. */

.vcs-blob-zone{
	position: relative;
	overflow: hidden;
}
.vcs-blob-field{
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.vcs-blob-zone > *:not(.vcs-blob-field){
	position: relative;
	z-index: 1;
}

.vcs-cutout{
	position: absolute;
	will-change: transform;
	box-shadow: 6px 10px 0 rgba(21,19,15,0.07);
}

.vcs-cutout--a{
	width: 240px; height: 200px;
	background: #CF2D26;
	top: -40px; left: -30px;
	opacity: 0.92;
	clip-path: polygon(4% 8%,22% 2%,48% 6%,71% 0%,93% 9%,100% 28%,96% 55%,100% 78%,88% 96%,63% 100%,40% 94%,18% 100%,2% 86%,6% 60%,0% 38%);
	animation: vcs-cutout-drift-a 24s ease-in-out infinite;
}
.vcs-cutout--b{
	width: 190px; height: 170px;
	background: #F0EAE0;
	bottom: -20px; right: 10%;
	opacity: 0.95;
	clip-path: polygon(6% 4%,30% 0%,55% 5%,78% 0%,97% 12%,100% 35%,94% 58%,100% 82%,85% 98%,60% 92%,35% 100%,10% 90%,0% 65%,4% 40%,0% 18%);
	animation: vcs-cutout-drift-b 28s ease-in-out infinite;
}
.vcs-cutout--c{
	width: 150px; height: 140px;
	background: #7A1712;
	top: 22%; right: -30px;
	opacity: 0.88;
	clip-path: polygon(8% 2%,35% 6%,60% 0%,88% 8%,100% 30%,92% 55%,100% 80%,75% 100%,45% 94%,20% 100%,2% 78%,6% 50%,0% 22%);
	animation: vcs-cutout-drift-c 20s ease-in-out infinite;
}

/* Slight rotation-only drift — deliberately restrained ("subtle
   movements") rather than the larger translate drift used for blobs,
   since a rotating flat cutout reads as physical paper shifting, while
   a large positional drift would look more like a floating blob. */
@keyframes vcs-cutout-drift-a{
	0%, 100% { transform: rotate(-6deg); }
	50%      { transform: rotate(-3deg); }
}
@keyframes vcs-cutout-drift-b{
	0%, 100% { transform: rotate(8deg); }
	50%      { transform: rotate(5deg); }
}
@keyframes vcs-cutout-drift-c{
	0%, 100% { transform: rotate(-12deg); }
	50%      { transform: rotate(-8deg); }
}

@media (prefers-reduced-motion: reduce){
	.vcs-cutout--a, .vcs-cutout--b, .vcs-cutout--c{ animation: none; }
}

@media (max-width: 780px){
	.vcs-cutout--a{ width: 150px; height: 130px; }
	.vcs-cutout--b{ width: 120px; height: 110px; }
	.vcs-cutout--c{ width: 100px; height: 95px; }
}