/* ─── About Us: Who We Are Section ─── */

/* Organic image with custom "blob" corners */
.organic-img img {
	width: 100%;
	height: auto;
	border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
	/* Fixed organic shape */
	box-shadow: 0 20px 40px color-mix(in srgb, var(--wp--preset--color--accent) 15%, transparent);
	transition: border-radius 0.8s ease, transform 0.5s ease;
}

.organic-img:hover img {
	border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
	/* Shape shift on hover */
	transform: scale(1.02);
}

.organic-img {
	position: relative;
}

.organic-img::after {
	content: "";
	position: absolute;
	top: 10px;
	left: -10px;
	right: 10px;
	bottom: -10px;
	background: color-mix(in srgb, var(--wp--preset--color--accent) 10%, transparent);
	border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
	z-index: -1;
	transition: all 0.8s ease;
}

.organic-img:hover::after {
	border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
	top: -5px;
	left: 5px;
}

/* ─── About Us: Why Choose Us Cards ─── */

.why-choose-card {
	position: relative;
	border-radius: 12px;
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-top: none;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: whyCardSlideIn 0.6s ease both;
}

.why-choose-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg,
			var(--wp--preset--color--accent),
			color-mix(in srgb, var(--wp--preset--color--accent) 30%, transparent));
}

.why-choose-card:hover {
	transform: translateY(-6px);
	box-shadow:
		0 12px 32px color-mix(in srgb, var(--wp--preset--color--accent) 10%, transparent),
		0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Icon circle */
.why-choose-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 2px solid var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
	background: color-mix(in srgb, var(--wp--preset--color--accent) 8%, transparent);
	box-shadow:
		0 0 16px color-mix(in srgb, var(--wp--preset--color--accent) 20%, transparent),
		0 0 32px color-mix(in srgb, var(--wp--preset--color--accent) 8%, transparent);
	transition: box-shadow 0.35s ease, background 0.35s ease;
}

/* Intensify icon glow on card hover */
.why-choose-card:hover .why-choose-card__icon {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 14%, transparent);
	box-shadow:
		0 0 20px color-mix(in srgb, var(--wp--preset--color--accent) 30%, transparent),
		0 0 40px color-mix(in srgb, var(--wp--preset--color--accent) 12%, transparent);
}

.why-choose-card--2 {
	animation-delay: 0.1s;
}

.why-choose-card--3 {
	animation-delay: 0.2s;
}

.why-choose-card--4 {
	animation-delay: 0.3s;
}

@media (max-width: 781px) {
	.organic-img {
		margin-bottom: var(--wp--preset--spacing--50);
	}
}

/* Specifically for text that must remain light regardless of mode. */
.is-light-only-text {
	color: #e8e8e8 !important;
}