.wp-block-broadplace-hero-buttons-images.hero-buttons-images {
	background-color: #14121a;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
	color: #fff;
	margin: -100px 0 0 calc(50% - 50vw);
	max-width: none !important;
	overflow: hidden;
	position: relative;
	width: 100vw;
}

.hero-buttons-images__overlay {
	background: rgba(10, 8, 14, 0.35);
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.hero-buttons-images__inner {
	align-items: center;
	display: grid;
	gap: clamp(30px, 4vw, 64px);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
	margin: 0 auto;
	max-width: 1240px;
	padding: calc(100px + clamp(44px, 5.4vw, 84px)) 24px clamp(44px, 5.4vw, 84px);
	position: relative;
}

.hero-buttons-images--copy-only .hero-buttons-images__inner {
	grid-template-columns: minmax(0, 1fr);
}

.hero-buttons-images__copy {
	display: flex;
	flex-direction: column;
	gap: 22px;
	max-width: 560px;
}

.hero-buttons-images--copy-only .hero-buttons-images__copy {
	max-width: none;
}

.hero-buttons-images__breadcrumbs {
	align-items: center;
	color: rgba(255, 255, 255, 0.6);
	display: flex;
	flex-wrap: wrap;
	font-family: Poppins, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 500;
	gap: 6px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.hero-buttons-images__breadcrumbs a,
.hero-buttons-images__breadcrumbs span {
	color: inherit;
}

.hero-buttons-images__breadcrumbs [aria-current="page"] {
	color: #fff;
	font-weight: 600;
}

.hero-buttons-images h1 {
	color: #fff;
	font-family: Poppins, Helvetica, Arial, sans-serif;
	font-size: clamp(32px, 4.6vw, 56px);
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1.08;
	margin: 0;
}

.hero-buttons-images__copy > p {
	color: rgba(255, 255, 255, 0.82);
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: clamp(16px, 1.4vw, 19px);
	line-height: 1.55;
	margin: 0;
}

.hero-buttons-images__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 4px;
}

.hero-buttons-images__actions .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.hero-buttons-images__actions .wp-block-button {
	margin: 0;
}

.hero-buttons-images__actions .wp-block-button__link {
	background: #ef4267;
	border: 1.5px solid #ef4267;
	border-radius: 999px;
	color: #fff;
	font-family: Poppins, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	padding: 15px 32px;
}

.hero-buttons-images__actions .wp-block-button.is-style-outline .wp-block-button__link,
.hero-buttons-images__actions .wp-block-button__link.has-background:is(.is-style-outline *) {
	background: none;
	border-color: rgba(255, 255, 255, 0.5);
	color: #fff;
	padding: 14px 30px;
}

.hero-buttons-images__media {
	align-items: stretch;
	display: grid;
	gap: 14px;
	grid-template-columns: 1.25fr 1fr;
	grid-template-rows: auto auto;
}

.hero-buttons-images__media > .wp-block-image:first-child {
	grid-row: 1 / span 2;
	margin: 0;
}

.hero-buttons-images__media .wp-block-image {
	background: #1f1f1f;
	border-radius: 16px;
	margin: 0;
	min-height: clamp(110px, 12vw, 170px);
	overflow: hidden;
}

.hero-buttons-images__media .wp-block-image:first-child {
	min-height: clamp(240px, 26vw, 360px);
}

.hero-buttons-images__media .wp-block-image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.hero-buttons-images__media .wp-block-image img:not([src]),
.hero-buttons-images__media .wp-block-image img[src=''] {
	display: none;
}

.hero-buttons-images__stat {
	background: #fff;
	border-radius: 16px;
	color: #1e1e1e;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: space-between;
	min-height: clamp(130px, 13vw, 170px);
	overflow: hidden;
	padding: clamp(16px, 1.6vw, 22px);
	position: relative;
}

.hero-buttons-images__stat::after {
	background: radial-gradient(circle at 50% 50%, rgba(250, 74, 106, 0.22), rgba(250, 74, 106, 0) 70%);
	border-radius: 999px;
	bottom: -30px;
	content: "";
	height: 118px;
	pointer-events: none;
	position: absolute;
	right: -18px;
	width: 118px;
}

.hero-buttons-images__stat-eyebrow {
	color: #9a9a9a;
	font-family: Poppins, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.18em;
	position: relative;
	text-transform: uppercase;
}

.hero-buttons-images__stat-figure {
	align-items: flex-end;
	display: flex;
	gap: 8px;
	position: relative;
}

.hero-buttons-images__stat-number {
	color: #fa4a6a;
	font-family: Poppins, Helvetica, Arial, sans-serif;
	font-size: clamp(46px, 4.6vw, 64px);
	font-weight: 700;
	letter-spacing: -3px;
	line-height: 0.85;
}

.hero-buttons-images__stat-unit {
	display: flex;
	flex-direction: column;
	padding-bottom: 4px;
}

.hero-buttons-images__stat-unit span:first-child {
	color: #fa4a6a;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.hero-buttons-images__stat-unit span:last-child {
	color: #8a8a8a;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.2;
}

.hero-buttons-images__stat-rule {
	background: #fa4a6a;
	display: block;
	height: 2px;
	position: relative;
	width: 32px;
}

.hero-buttons-images__stat p {
	color: #4a4a4a;
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
	max-width: 190px;
	position: relative;
}

@media (max-width: 720px) {
	.hero-buttons-images__media {
		grid-template-columns: 1fr;
		grid-template-rows: none;
	}

	.hero-buttons-images__media > .wp-block-image:first-child {
		grid-row: auto;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.hero-buttons-images__copy,
	.hero-buttons-images__media {
		animation: hero-buttons-images-rise 0.7s cubic-bezier(0.22, 0.7, 0.3, 1) both;
	}

	.hero-buttons-images__media {
		animation-delay: 0.15s;
	}
}

@keyframes hero-buttons-images-rise {
	from { opacity: 0; transform: translateY(16px); }
	to { opacity: 1; transform: none; }
}