.page-hero-plus-media-wrap {
	background: linear-gradient(180deg, rgb(224, 240, 250) 0%, rgba(225, 240, 250, 0) 100%);
	padding: 96px 0;
}

.page-hero-plus-media-inner {
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}

.page-hero-plus-media-grid.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 525px) minmax(0, 679px);
	align-items: center;
	justify-content: space-between;
	column-gap: 96px;
	margin-bottom: 0;
}

.page-hero-plus-media-grid.wp-block-columns > .wp-block-column {
	margin: 0;
	min-width: 0;
	flex-basis: auto;
}

.page-hero-plus-media-content {
	max-width: 525px;
	align-self: center;
}

.page-hero-plus-media-media {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-hero-plus-media-title.wp-block-heading {
	margin: 0 0 16px;
	font-size: 40px;
	line-height: 48px;
	font-weight: 600;
	letter-spacing: -0.08px;
	text-transform: capitalize;
	color: var(--wp--preset--color--black);
	background: transparent;
}

.page-hero-plus-media-text {
	margin: 0 0 40px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: var(--wp--preset--color--black);
}

.page-hero-plus-media-buttons.wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0;
}

.page-hero-plus-media-buttons.wp-block-buttons > .wp-block-button {
	margin: 0;
}

.page-hero-plus-media-image {
	width: 100%;
	margin: 0;
}

.page-hero-plus-media-image img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center center;
	margin: 0;
}

@media (max-width: 1200px) {
	.page-hero-plus-media-grid.wp-block-columns {
		grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
		column-gap: 56px;
	}
	
	.page-hero-plus-media-inner {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 900px) {
	.page-hero-plus-media-wrap {
		padding: 80px 0 96px;
	}

	.page-hero-plus-media-grid.wp-block-columns {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}

	.page-hero-plus-media-content {
		max-width: 100%;
	}

	.page-hero-plus-media-media {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.page-hero-plus-media-wrap {
		padding: 40px 0 48px;
	}
	
	.page-hero-plus-media-inner {
		padding-left: 16px;
		padding-right: 16px;
	}

	.page-hero-plus-media-grid.wp-block-columns {
		row-gap: 24px;
	}

	.page-hero-plus-media-title.wp-block-heading {
		margin: 0 0 8px;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -0.48px;
	}

	.page-hero-plus-media-text {
		margin: 0 0 24px;
		font-size: 16px;
		line-height: 24px;
	}

	.page-hero-plus-media-buttons.wp-block-buttons {
		flex-direction: column;
		align-items: flex-start;
	}

	.page-hero-plus-media-buttons.wp-block-buttons > .wp-block-button {
		width: 100%;
	}
}

/* ==========================
 * Editor Styles
 ========================= */
.editor-styles-wrapper .page-hero-plus-media-wrap {
	background: linear-gradient(180deg, rgb(224, 240, 250) 0%, rgba(225, 240, 250, 0) 100%);
	padding: 96px 0;
}

.editor-styles-wrapper .page-hero-plus-media-inner {
	max-width: 1360px;
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}

.editor-styles-wrapper .page-hero-plus-media-grid.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 525px) minmax(0, 679px);
	align-items: center;
	justify-content: space-between;
	column-gap: 96px;
	margin-bottom: 0;
}

.editor-styles-wrapper .page-hero-plus-media-grid.wp-block-columns > .wp-block-column {
	margin: 0;
	min-width: 0;
	flex-basis: auto;
}

.editor-styles-wrapper .page-hero-plus-media-content {
	max-width: 525px;
	align-self: center;
}

.editor-styles-wrapper .page-hero-plus-media-media {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.editor-styles-wrapper .page-hero-plus-media-title.wp-block-heading {
	margin: 0 0 16px;
	font-size: 40px;
	line-height: 48px;
	font-weight: 600;
	letter-spacing: -0.08px;
	text-transform: capitalize;
	color: var(--wp--preset--color--black);
	background: transparent;
}

.editor-styles-wrapper .page-hero-plus-media-text {
	margin: 0 0 40px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: var(--wp--preset--color--black);
}

.editor-styles-wrapper .page-hero-plus-media-buttons.wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0;
}

.editor-styles-wrapper .page-hero-plus-media-buttons.wp-block-buttons > .wp-block-button {
	margin: 0;
}

.editor-styles-wrapper .page-hero-plus-media-image {
	width: 100%;
	margin: 0;
}

.editor-styles-wrapper .page-hero-plus-media-image img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center center;
	margin: 0;
}

@media (max-width: 1200px) {
	.editor-styles-wrapper .page-hero-plus-media-grid.wp-block-columns {
		grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
		column-gap: 56px;
	}
}

@media (max-width: 900px) {
	.editor-styles-wrapper .page-hero-plus-media-wrap {
		padding: 80px 0 96px;
	}

	.editor-styles-wrapper .page-hero-plus-media-grid.wp-block-columns {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}

	.editor-styles-wrapper .page-hero-plus-media-content {
		max-width: 100%;
	}

	.editor-styles-wrapper .page-hero-plus-media-media {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.editor-styles-wrapper .page-hero-plus-media-wrap {
		padding: 40px 0 48px;
	}

	.editor-styles-wrapper .page-hero-plus-media-grid.wp-block-columns {
		row-gap: 24px;
	}

	.editor-styles-wrapper .page-hero-plus-media-title.wp-block-heading {
		margin: 0 0 8px;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -0.48px;
	}

	.editor-styles-wrapper .page-hero-plus-media-text {
		margin: 0 0 24px;
		font-size: 16px;
		line-height: 24px;
	}

	.editor-styles-wrapper .page-hero-plus-media-buttons.wp-block-buttons {
		flex-direction: column;
		align-items: flex-start;
	}

	.editor-styles-wrapper .page-hero-plus-media-buttons.wp-block-buttons > .wp-block-button {
		width: 100%;
	}
} 