body.mien-body .home-hero,
.mgk-hero-banner__preview-slot .home-hero {
	aspect-ratio: 1440 / 460;
	container-type: inline-size;
	display: grid;
	grid-template-columns: minmax(0, 612fr) minmax(0, 828fr);
	grid-template-areas: "copy photo";
	min-height: 0;
	overflow: hidden;
	background: #e9f3a4;
	color: #172f59;
	font-family: Arial, Helvetica, sans-serif;
}

body.mien-body .home-hero__copy,
.mgk-hero-banner__preview-slot .home-hero__copy {
	position: relative;
	grid-area: copy;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: center;

	padding: 3.611111vw 4.027778vw;
	padding: 3.611111cqw 4.027778cqw;

	overflow-wrap: anywhere;
}

body.mien-body .home-hero__copy::after,
.mgk-hero-banner__preview-slot .home-hero__copy::after {
	content: "";
	position: absolute;
	top: 3.333333cqw;
	right: 4.027778cqw;
	width: 3.055556cqw;
	height: 3.055556cqw;
	background: #4b00d8;
	clip-path: polygon(50% 0, 61% 35%, 86% 14%, 65% 41%, 100% 50%, 65% 59%, 86% 86%, 59% 65%, 50% 100%, 41% 65%, 14% 86%, 35% 59%, 0 50%, 35% 41%, 14% 14%, 41% 35%);
	pointer-events: none;
}

body.mien-body .home-hero__copy .home-eyebrow,
.mgk-hero-banner__preview-slot .home-eyebrow {
	margin: 0;
	color: #596b85;
	font: 400 0.694444cqw/1.5 Arial, Helvetica, sans-serif;
	letter-spacing: .13em;
	text-transform: uppercase;
}

body.mien-body .home-hero h1,
.mgk-hero-banner__preview-slot .home-hero h1 {
	max-width: none;
	margin: 1.527778cqw 0 0;
	color: #2550d8;
	font-family: "Bricolage Grotesque", Arial, sans-serif;

	font-size: 4.75vw;
	font-size: 4.75cqw;
	font-weight: 500;
	letter-spacing: -.055em;
	line-height: .98;
	white-space: pre-line;
}

body.mien-body .home-hero__intro,
.mgk-hero-banner__preview-slot .home-hero__intro {
	max-width: 30ch;
	margin: 0.972222cqw 0 0;
	color: #4a5c78;
	font-size: 0.902778cqw;
	line-height: 1.7;
}

body.mien-body .home-hero__actions,
.mgk-hero-banner__preview-slot .home-hero__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.666667cqw;
	margin-top: 1.944444cqw;
}

body.mien-body .home-button,
.mgk-hero-banner__preview-slot .home-button {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: space-between;
	background: #2550d8;
	color: #fff;
	font-weight: 600;
	white-space: nowrap;
}

body.mien-body .home-hero .home-button,
.mgk-hero-banner__preview-slot .home-button {
	width: 12.5cqw;
	height: auto;
	min-height: 3.333333cqw;
	justify-content: space-between;
	gap: 1.527778cqw;
	padding: 0 1.388889cqw;
	border-radius: 1.666667cqw;
	font-size: 0.833333cqw;
}

body.mien-body .home-button:hover,
.mgk-hero-banner__preview-slot .home-button:hover { background: #172f59; }

body.mien-body .home-button__label,
.mgk-hero-banner__preview-slot .home-button__label { margin: 0; font-size: inherit; }

body.mien-body .home-link,
	.mgk-hero-banner__preview-slot .home-link {
	display: inline-flex;
	min-height: 3.055556cqw;
	align-items: center;
	gap: 0.972222cqw;
	color: #2550d8;
	font-size: 0.833333cqw;
	line-height: 1.4;
	text-decoration: none;
	border-bottom: 1px solid #b9c8e6;
}

body.mien-body .home-link:hover,
.mgk-hero-banner__preview-slot .home-link:hover { border-color: #172f59; }

body.mien-body .home-link__label,
.mgk-hero-banner__preview-slot .home-link__label { margin: 0; font-size: inherit; }

body.mien-body .home-cta__icon,
.mgk-hero-banner__preview-slot .home-cta__icon { margin: 0; font-size: 0; }

body.mien-body .mien-arrow-wrap,
.mgk-hero-banner__preview-slot .mien-arrow-wrap {
	display: inline-flex;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	align-items: center;
	justify-content: center;
	line-height: 0;
	vertical-align: middle;
}

body.mien-body .home-hero .mien-arrow-wrap,
.mgk-hero-banner__preview-slot .home-hero .mien-arrow-wrap {
	width: 1.111111cqw;
	height: 1.111111cqw;
	flex-basis: 1.111111cqw;
}

body.mien-body .mien-arrow-icon,
.mgk-hero-banner__preview-slot .mien-arrow-icon { display: block; width: 100%; height: 100%; overflow: visible; }
body.mien-body .home-hero__photo,
.mgk-hero-banner__preview-slot .home-hero__photo {
	grid-area: photo;
	position: relative;
	min-width: 0;
	min-height: 0;
	overflow: visible;
	background: #d9e2f4;
}

body.mien-body .home-hero__photo > img,
.mgk-hero-banner__preview-slot .home-hero__photo > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center 42%;
}

body.mien-body .hero-product,
.mgk-hero-banner__preview-slot .hero-product {
	position: absolute;
	z-index: 2;
	right: 1.666667cqw;
	bottom: 1.666667cqw;
	display: flex;
	width: 16.319444cqw;
	min-width: 16.319444cqw;
	height: 4.722222cqw;
	min-height: 4.722222cqw;
	align-items: center;
	justify-content: space-between;
	gap: 2.430556cqw;
	box-sizing: border-box;
	padding: 0.972222cqw 1.180556cqw;
	border-radius: 1.25cqw;
	background: #fff;
	color: #172f59;
	transform: rotate(-3deg);
}

body.mien-body .hero-product a,
.mgk-hero-banner__preview-slot .hero-product a { display: grid; gap: 0.138889cqw; min-width: 0; color: inherit; text-decoration: none; }
body.mien-body .hero-product strong,
.mgk-hero-banner__preview-slot .hero-product strong { overflow: hidden; font-size: 0.833333cqw; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
body.mien-body .hero-product small,
.mgk-hero-banner__preview-slot .hero-product small { color: #4a5c78; font-size: 0.694444cqw; }
body.mien-body .hero-product > .mien-arrow-wrap,
.mgk-hero-banner__preview-slot .hero-product > .mien-arrow-wrap { color: #2550d8; }

@media (max-width: 1199px) {
	body.mien-body .home-hero {
		aspect-ratio: auto;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
		min-height: 420px;
	}

	body.mien-body .home-hero__photo {
		min-height: 420px;
	}
}

@media (max-width: 999px) {
	body.mien-body .home-hero,
	body.mien-body .home-hero__photo {
		min-height: 390px;
	}
}

@media (max-width: 700px) {
	body.mien-body .home-hero { display: flex; flex-direction: column-reverse; aspect-ratio: auto; min-height: 0; }
	body.mien-body .home-hero__photo { min-height: 0; height: 290px; }
	body.mien-body .home-hero__photo > img { min-height: 0; height: 290px; object-position: center 42%; }
	body.mien-body .hero-product { left: auto; right: 14px; bottom: 12px; width: 202px; min-width: 202px; height: 57px; min-height: 57px; padding: 10px 13px; gap: 24px; border-radius: 18px; }
	body.mien-body .home-hero__copy { min-height: 287px; padding: 28px 16px 30px; }
	body.mien-body .home-hero__copy::after { content: none; }
	body.mien-body .home-hero h1 { max-width: none; margin-top: 12px; font-size: 47px; line-height: .98; }
	body.mien-body .home-hero__intro { margin-top: 8px; font-size: 12px; }
	body.mien-body .home-hero__actions { gap: 14px 20px; margin-top: 16px; }
	body.mien-body .home-hero .home-button { width: 155px; height: auto; min-height: 46px; padding-inline: 15px; gap: 15px; border-radius: 24px; font-size: 11px; }
	body.mien-body .home-hero__actions .home-link { min-height: 44px; gap: 9px; font-size: 11px; }
	body.mien-body .home-hero .mien-arrow-wrap { width: 16px; height: 16px; flex-basis: 16px; }
	body.mien-body .hero-product a { gap: 2px; }
	body.mien-body .hero-product strong { font-size: 11px; }
	body.mien-body .hero-product small { font-size: 10px; }
}