body
{
	--featurecolour:rgb(66,123,156);
	--featurecolour-hover:rgb(41,91,125);
	--featurecolour-darker:rgb(66,123,156)
}

.lead
{
	color:var(--featurecolour);
}

.frame::after
{
	background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' width='500px' height='500px'%3E%3Cpath d='M0,0v500h500V0H0z M397.5,397.5H133.9V140.8h263.6V397.5z' fill='white'/%3E%3Cpolygon points='0,0 0,263.5 133.914,397.546 133.914,140.821 397.474,140.821 397.474,140.754 256.841,0 0,0' fill='rgb(66,123,156)'/%3E%3Cpolygon points='397.467,140.81 397.467,397.372 243.487,397.372 243.487,500 500,500 500,140.81 397.467,140.81' fill='rgb(198,199,201)'/%3E%3C/svg%3E") no-repeat scroll 50% 0;
	background-size:100% auto;
}

.panel2
{
	grid-template-areas:".    head head head head head head ."
						".    tex1 tex1 tex1 tex1 tex1 tex1 ."
						".    fig2 fig2 fig2 fig2 fig2 fig2 ."
						".    fig1 fig1 fig1 fig1 fig1 fig1 ."
						".    fig3 fig3 fig3 fig3 fig3 fig3 ."
						".    tex2 tex2 tex2 tex2 tex2 tex2 ." 
						".    fig4 fig4 fig4 fig4 fig4 fig4 ."
						".    fig5 fig5 fig5 fig5 fig5 fig5 ." 
						".    tex3 tex3 tex3 tex3 tex3 tex3 ."
						".    fig6 fig6 fig6 fig6 fig6 fig6 ."
						".    side side side side side side ."
						".    cred cred cred cred cred cred .";
	
}


@media screen and (min-width:960px)
{
	.panel2
	{
		grid-template-areas:". head head head head head .    .    .    .    .    .    .    .    .    side ." 
							". tex1 tex1 tex1 tex1 tex1 .    fig1 fig1 fig1 fig1 fig1 fig1 fig1 .    side ." 
							". tex1 tex1 tex1 tex1 tex1 .    fig2 fig2 fig2 fig2 fig2 fig2 fig2 .    side ." 
							". fig3 fig3 fig3 fig3 fig3 .    fig2 fig2 fig2 fig2 fig2 fig2 fig2 .    side ." 
							". fig4 fig4 fig4 fig4 fig4 .    tex2 tex2 tex2 tex2 tex2 tex2 tex2 .    side ."
							". fig5 fig5 fig5 fig5 fig5 .    tex2 tex2 tex2 tex2 tex2 tex2 tex2 .    side ."
							". tex3 tex3 tex3 tex3 tex3 .    fig6 fig6 fig6 fig6 fig6 fig6 fig6 .    side ."
							". cred cred cred cred cred .    .    .    .    .    .    .    .    .    .    .";
		grid-template-rows:repeat(8,min-content);
	}
}

@media screen and (min-width:1200px)
{
	.panel2
	{
		grid-template-areas:". head head head head head .    .    .    .    .    .    .    .    .    side ." 
							". tex1 tex1 tex1 tex1 tex1 .    fig1 fig1 fig1 fig1 fig1 fig1 fig1 .    side ." 
							". fig2 fig2 fig2 fig2 fig2 .    fig1 fig1 fig1 fig1 fig1 fig1 fig1 .    side ." 
							". fig3 fig3 fig3 fig3 fig3 .    .    .    .    .    tex2 tex2 tex2 .    side ."
							". fig3 fig3 fig3 fig3 fig3 .    fig4 fig4 fig4 fig4 tex2 tex2 tex2 .    side ."
							". tex3 tex3 tex3 tex3 tex3 .    fig4 fig4 fig4 fig4 tex2 tex2 tex2 .    side ."
							". tex3 tex3 tex3 tex3 tex3 .    fig5 fig5 fig5 fig5 tex2 tex2 tex2 .    side ."
							". tex3 tex3 tex3 tex3 tex3 .    fig6 fig6 fig6 fig6 fig6 fig6 fig6 .    side ."
							". cred cred cred cred cred .    .    .    .    .    .    .    .    .    .    .";
		grid-template-rows:repeat(3,min-content) 7.75rem min-content 7.75rem min-content 1fr min-content;
	}
}


.panel2::before
{
	display:none;
}

.panel2>.content1
{
	padding-bottom:1rem;
}


.panel2>.content2
{
	padding-bottom:0;
	margin-top:0;
}

@media screen and (min-width:1200px)
{
	.panel2>.content2
	{
		margin-left:var(--gridunit);
	}
}
.panel2>.content3
{
	margin-top:0;
	padding-bottom:1.5rem;
}
.panel2>.content3 h3
{
	font-weight:500;
}


@media screen and (min-width:1200px)
{
	.panel2>.content1
	{
		column-count:2;
		column-gap:var(--gridunit);
	}
}

.panel2>.content2 h2,
.panel2>.content3 h2,
.panel2>.content4 h2
{
	padding:0.833333rem 0 1.666667rem;
	border-top:0.444444rem solid rgb(88,89,91);
	min-height:4.2rem;
}

@media screen and (min-width:1200px)
{
	.panel2>.content2 h2,
	.panel2>.content3 h2
	{
		min-height:7.75rem;
	}
	.panel2>.content4 h2
	{
		min-height:6.2rem;
	}
}

.content1 b,
.content2 b,
.content3 b
{
	font-weight:500;
}






@media screen and (min-width:1200px)
{
	.panel2 .fig1,
	.panel2 .fig4
	{
		position:relative;
		align-self:stretch;
	}
	
	.panel2 .fig1 img,
	.panel2 .fig4 img
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		object-position:cover;
	}
}



@media screen and (min-width:1200px)
{
	.panel2>.content3 .columns
	{
		column-count:2;
		column-gap:var(--gridunit);
	}
	.panel2>.content3 .columns .column
	{
		break-inside:avoid;
	}
}

@media screen and (min-width:1200px)
{
	.panel2 .fig2
	{
		align-self:end;
	}
}
@media screen and (min-width:1200px)
{
	.panel2 .fig4
	{
		margin-top:0.25rem;
		margin-bottom:calc(max(20px,var(--gridunit)) - 0.25rem);
	}
	.panel2 .fig5
	{
		margin-top:0.25rem;
	}
	
	.panel2 .fig6
	{
		margin-bottom:-1.75rem;
	}
}