/*
 * Intro 331:2570 (homepage). Values read from frame 326:1057 (nodes.json); y values are the frame's.
 *
 *   label  331:2573 132,936 147 x 23, Geist 500 18/23.4 #04448C
 *   title  331:2575 128,981 604 x 130, Geist 400 50/65 #CD9F3F, two lines (break after "išskirtinumas")
 *   text   331:2574 132,1131 591 x 116 (fixed box; the text sets 5 lines of 24), Geist 500 16/24 #424242
 *   badges 331:2572 132,1284 329 x 90 (one raster, three round badges; not a vector in the file).
 *     Shown as intro-badges-19.svg: that raster cropped as drawn, its first badge redrawn in vector
 *     to read 19 (Gate A.5 item 1); the other two badges are the raster, unchanged.
 *   photo  331:2577 782,936 526 x 438, radius 20
 *   The section ends at 1374; the photo band starts at 1482, so this section keeps 108 below it.
 */

.mn-intro.dc-section {
	padding-bottom: 108px;
}

.mn-intro .mn-intro__inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	width: min(var(--mn-content), 100% - 2 * var(--mn-gutter));
	margin-inline: auto;
}

.mn-intro .mn-intro__copy {
	flex: 0 1 600px;
	min-width: 0;
}

.mn-intro .mn-intro__label {
	margin: 0;
	font-weight: 500;
	font-size: var(--wp--preset--font-size--s-04);
	line-height: 23.4px;
	color: var(--wp--preset--color--c-03);
}

/* the drawn box starts 4 px left of the column (x 128 against 132) */
.mn-intro .mn-intro__title {
	margin: 21.6px 0 0 -4px;
	font-weight: 400;
	font-size: var(--wp--preset--font-size--s-16);
	line-height: 65px;
	letter-spacing: 0;
	color: var(--wp--preset--color--c-05);
}

.mn-intro .mn-intro__text {
	max-width: 591px;
	margin: 20px 0 0;
	font-weight: 500;
	font-size: var(--wp--preset--font-size--s-03);
	line-height: 24px;
	color: var(--wp--preset--color--c-02);
}

.mn-intro .mn-intro__badges {
	width: 329px;
	max-width: 100%;
	margin: 33px 0 0;
}

.mn-intro .mn-intro__badges img {
	display: block;
	width: 100%;
	height: auto;
}

.mn-intro .mn-intro__photo {
	flex: 0 0 526px;
	height: 438px;
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
}

.mn-intro .mn-intro__photo img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	border-radius: 20px;
}

/* Column drop: the copy, then the photo, full width. */
@media (max-width: 1023.98px) {
	.mn-intro .mn-intro__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.mn-intro .mn-intro__copy {
		flex: 0 0 auto;
	}

	.mn-intro .mn-intro__photo {
		flex: 0 0 auto;
		width: 100%;
		max-width: 561px;
		height: auto;
		aspect-ratio: 526 / 438;
	}
}

@media (max-width: 781.98px) {
	.mn-intro.dc-section {
		padding-bottom: 72px;
	}

	.mn-intro .mn-intro__inner {
		gap: 32px;
	}

	.mn-intro .mn-intro__title {
		margin-top: 16px;
		margin-left: 0;
		font-size: var(--wp--preset--font-size--s-13);
		line-height: 46px;
	}

	.mn-intro .mn-intro__badges {
		margin-top: 28px;
	}
}