/*
 * Special case for the title and list of the news index page.
 * Sort of a fake hero with only the page title
 * and create some room to pull the list partly back over the hero
 */

.t-news__header {
	height: space(34);
	margin-top: space(3);

	@include mq(m) {
		height: space(38);
	}

	@include mq(l) {
		height: space(43);
		margin-top: space(12);
	}
}

.t-news__wrapper {
	min-height: 30vmin;
}

.t-news__grid {
	position: relative;
	z-index: 2; // place above hero
	margin-top: space(-18);
	margin-bottom: space(9);

	@include mq(l) {
		margin-top: space(-30);
	}
}