/* @group home-welcome
------------------------------------ */

.home-welcome {
	overflow: hidden;
	position: relative;
	isolation: isolate;
}
.home-welcome .subtitle {
	color: var(--rose-gold);
	margin-bottom: 2rem;
	font: normal 700 2em / 1.6em var(--proxima-font);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.home-welcome h2 {
	color: var(--navy-blue);
	font: normal 700 3em / 1.6em var(--proxima-font);
	letter-spacing: 0.066em;
	text-transform: uppercase;
}
.home-welcome p {
	color: var(--navy-blue);
	font: normal 500 1.6em / 1.5em var(--proxima-font);
}
.home-welcome .bttn-outlined {
	margin-top: 3rem;
}
.home-welcome .back {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--bg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 960px) {
	.home-welcome {
		padding-block: 6em 10em;
	}
	.home-welcome .row {
		gap: 12em;
	}
	.home-welcome .back {
		background-size: 28.8% auto;
	}

	.home-welcome article div {
		max-width: calc(70vw + 13em);
	}
	.home-welcome article:nth-of-type(2) div {
		margin-left: auto;
	}
	.home-welcome article:nth-of-type(1) aside {
		width: 19.7em;
		height: 32.7em;
		margin-top: 5em;
		margin-left: auto;
	}
	.home-welcome article:nth-of-type(2) aside {
		width: 22.2em;
		height: 15.4em;
		margin-bottom: 5em;
		order: -1;
	}
	.home-welcome .back {
		inset-block: unset;
		top: 50%;
		translate: 0 -50%;
		height: 48.1em;
		background-size: contain;
		margin-top: -8em;
	}
}
@media only screen and (min-width: 961px) {
	.home-welcome {
		padding-block: 3rem 7.5rem;
		margin-block: 3rem 7.5rem;
	}
	.home-welcome .row {
		gap: 16.6rem;
	}
	.home-welcome article {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.home-welcome article div {
		max-width: 40rem;
	}

	.home-welcome article:nth-of-type(1) aside {
		width: 54rem;
		/* max-height: 72rem; */
	}
	.home-welcome article:nth-of-type(2) aside {
		width: 74rem;
		/* max-height: 55rem; */
	}
	.home-welcome .back {
		background-size: 28.8% auto;
	}

	.home-welcome p {
		font-size: 2em;
		line-height: 1.35em;
	}
	.home-welcome h2 {
		font-size: 4.5em;
		line-height: 1em;
		margin-bottom: 3rem;
	}
}

/* @end */