/* "Fresh from our CTO" section header — small looping truck animation
   above the title. Truck/box icons reused from assets/img/icons/lineal/,
   not new artwork. */

.shipping-fast-scene {
	position: relative;
	width: 190px;
	height: 96px;
	flex: none;
}

.shipping-fast-scene-center {
	margin: 0 auto 1rem;
}

.shipping-fast-ground {
	position: absolute;
	left: 6px;
	right: 6px;
	bottom: 16px;
	border-top: 2px dashed #f0ece4;
}

.shipping-fast-shadow {
	position: absolute;
	left: 38px;
	bottom: 12px;
	width: 70px;
	height: 9px;
	border-radius: 50%;
	background: rgba(25, 30, 58, 0.16);
	animation: shipping-fast-shadow-pulse 1.2s ease-in-out infinite;
}

.shipping-fast-truck {
	position: absolute;
	left: 26px;
	bottom: 16px;
	width: 96px;
	height: 63.4px;
	animation: shipping-fast-bounce 1.2s ease-in-out infinite;
}

.shipping-fast-truck svg {
	width: 100%;
	height: 100%;
	display: block;
	overflow: visible;
}

.shipping-fast-fill {
	fill: #fbe6d6;
}

.shipping-fast-stroke {
	fill: #191e3a;
}

.shipping-fast-puff {
	position: absolute;
	bottom: 26px;
	border-radius: 50%;
	background: #e5e0d8;
	opacity: 0;
}

.shipping-fast-puff.p1 {
	left: 14px;
	width: 8px;
	height: 8px;
	animation: shipping-fast-puff-up 2.4s ease-out infinite;
}

.shipping-fast-puff.p2 {
	left: 10px;
	width: 6px;
	height: 6px;
	animation: shipping-fast-puff-up 2.4s ease-out infinite 0.8s;
}

.shipping-fast-puff.p3 {
	left: 16px;
	width: 5px;
	height: 5px;
	animation: shipping-fast-puff-up 2.4s ease-out infinite 1.6s;
}

.shipping-fast-parcel {
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 38px;
	left: 96px;
	opacity: 0;
}

.shipping-fast-parcel svg {
	width: 100%;
	height: 100%;
	display: block;
}

.shipping-fast-parcel.pc1 {
	animation: shipping-fast-launch 3.6s ease-out infinite;
}

.shipping-fast-parcel.pc2 {
	animation: shipping-fast-launch 3.6s ease-out infinite 1.2s;
}

.shipping-fast-parcel.pc3 {
	animation: shipping-fast-launch 3.6s ease-out infinite 2.4s;
}

@keyframes shipping-fast-shadow-pulse {
	0%, 100% { transform: scaleX(1); opacity: 0.5; }
	50% { transform: scaleX(0.85); opacity: 0.3; }
}

@keyframes shipping-fast-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-5px); }
}

@keyframes shipping-fast-puff-up {
	0% { opacity: 0.55; transform: translate(0, 0) scale(0.6); }
	100% { opacity: 0; transform: translate(-16px, -22px) scale(1.3); }
}

@keyframes shipping-fast-launch {
	0% { opacity: 0; transform: translate(0, 0) scale(0.5) rotate(0); }
	8% { opacity: 1; transform: translate(4px, -6px) scale(0.85) rotate(-6deg); }
	55% { opacity: 1; transform: translate(46px, -46px) scale(1) rotate(10deg); }
	75% { opacity: 0; transform: translate(64px, -62px) scale(1.05) rotate(14deg); }
	100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.shipping-fast-shadow,
	.shipping-fast-truck,
	.shipping-fast-puff,
	.shipping-fast-parcel {
		animation: none;
	}

	.shipping-fast-parcel {
		opacity: 0;
	}
}