.home main {
	overflow-x: hidden;
}

.intro-header {
	margin-top: 3rem;
	margin-bottom: 7rem;
	padding: 0 1rem;
}

@media(min-width: 37.5em) {
	.intro-header {
		margin-top: 6rem;
		margin-bottom: 8rem;
		padding: 0 3rem;
	}
}

@media(min-width: 37.5em) {
	.intro-header {
		padding: 0 5rem;
	}
}

.intro-header h1 {
	margin-bottom: 0.5em;
	font-size: 2rem;
	line-height: 1.2;
	color: var(--color-brand-red);
	font-weight: 720;
}

.intro-header .subline {
	font-size: 1.25rem;
	font-weight: 530;
	line-height: 1.4;
}

.home h2 {
	font-size: 1.5rem;
	font-weight: 750;
	color: var(--color-primary);
	text-transform: uppercase;
}

.home p {
	font-size: 1rem;
	font-weight: 530;
	line-height: 1.4;
}

@media(min-width: 37.5em) {
	.intro-header h1 {
		font-size: 3rem;
	}

	.intro-header h1 span {
		display: block;
	}

	.intro-header .subline {
		font-size: 1.5rem;
	}

	.home h2 {
		font-size: 1.75rem;
	}

	.home p {
		font-size: 1.25rem;
	}
}

@media(min-width: 62.5em) {
	.intro-header h1 {
		font-size: 3.5rem;
	}

	.intro-header .subline {
		width: 90%;
		font-size: 2rem;
	}
}

.home [class*="grid-"] {
	align-items: center;
	grid-gap: 1rem;
}

@media(min-width: 37.5em) {
	.home [class*="grid-"] {
		grid-gap: 3rem;
	}
}


.offset-left {
	grid-gap: 3rem;
	/* grid-template-columns: 0.3fr 0.7fr; */
}

.offset-right {
	grid-gap: 3rem;
	/* grid-template-columns: 0.7fr 0.3fr; */
}

.section-insights {
	padding: 4rem 0;
	background-color: var(--color-primary);
	background-image: url(/assets/css/images/insights.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.section-dashboard {
	padding: 4rem 0;
	background-color: var(--color-brand-red);
	background-image: url(/assets/css/images/dash.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.section-labels {
	padding: 4rem 0;
	background-color: #b0b392;
	background-image: url(/assets/css/images/labels.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

@media(min-width: 37.5em) {
	.section-insights {
		padding: 5rem 0;
	}

	.section-dashboard {
		padding: 5rem 0;
	}

	.section-labels {
		padding: 5rem 0;
	}
}

@media(min-width: 62.5em) {
	.section-insights {
		padding: 12rem 0;
	}

	.section-dashboard {
		padding: 12rem 0;
	}

	.section-labels {
		padding: 12rem 0;
	}
}

@media(min-width: 62.5em) {
	.section-dashboard {
		padding: 8rem 0;
	}
}

.home .section-insights * {
	color: var(--white);
}

.home .section-dashboard * {
	color: var(--white);
}

.home .block-cta {
	padding: 6rem 2rem;
}


.home .media,
.home .media img {
	position: relative;
}

.section-insights .media img {
	left: -40%;
	max-width: calc(100% + 40%);
}

@media(min-width: 30em) {
	.section-insights .media img {
		max-width: calc(100% + 30%);
	}
}

@media(min-width: 37.5em) {
	.section-insights .media img {
		left: -77%;
		max-width: calc(100% + 84%);
	}
}

@media(min-width: 62.5em) {
	.section-insights .media img {
		left: auto;
		max-width: 100%;
	}
}





.section-dashboard .media img {
	right: 18%;
	max-width: calc(100% + 70%);
}

@media(min-width: 30em) {
	.section-dashboard .media img {
		max-width: calc(100% + 30%);
	}
}

@media(min-width: 37.5em) {
	.section-dashboard .media img {
		right: 17%;
		max-width: calc(100% + 114%);
	}
}

@media(min-width: 62.5em) {
	.section-dashboard .media img {
		/* right: auto; */
		max-width: 140%;
	}
}

@media(min-width: 70em) {
	.section-dashboard .media img {
		right: auto;
		max-width: 110%;
	}
}








.section-labels .media img {
	margin-left: -30%;
	max-width: calc(100% + 60%);
}

@media(min-width: 30em) {
	.section-labels .media img {
		margin-left: -10%;
		max-width: calc(100% + 20%);
	}
}

@media(min-width: 37.5em) {
	.section-labels .media img {
		left: -84%;
		max-width: calc(100% + 114%);
	}
}

@media(min-width: 62.5em) {
	.section-labels .media img {
		left: auto;
		max-width: 120%;
	}
}