/* ===== Yellow boxes ===== */
.commission-box-padding {
	padding: 30px !important;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	background-color: #F5ECAA;
	height: auto !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	opacity: 0;
	transform: translateY(30px);
	animation: fadeRiseIn 0.6s ease forwards;
}

.commission-box-padding:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.commission-box-padding:nth-of-type(1) { animation-delay: 0s; }
.commission-box-padding:nth-of-type(2) { animation-delay: 0.1s; }
.commission-box-padding:nth-of-type(3) { animation-delay: 0.2s; }
.commission-box-padding:nth-of-type(4) { animation-delay: 0.3s; }

/* ===== Page heading ===== */
.commission-heading {
	position: relative;
	display: inline-block;
	padding-bottom: 16px;
}

.commission-heading::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #F5ECAA;
	border-radius: 2px;
	transform: scaleX(0);
	transform-origin: left;
	animation: growLine 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	animation-delay: 0.2s;
}

/* ===== Embedded video ===== */
.minderoo-video {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	border: 3px solid #F5ECAA;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	opacity: 0;
	transform: translateY(20px);
	animation: fadeRiseIn 0.7s ease forwards;
	animation-delay: 0.1s;
}

.minderoo-video:hover {
	transform: scale(1.015);
	box-shadow: 0 16px 50px rgba(0, 0, 0, 0.4);
}

.minderoo-video iframe,
.minderoo-video video {
	border-radius: 13px;
	display: block;
}

/* ===== Shared keyframes ===== */
@keyframes fadeRiseIn {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes growLine {
	to {
		transform: scaleX(1);
	}
}