/* Centre the hero composition on every page. */
/* Ported unchanged from the approved static reference (website/dist/style.css). Keep file order: later files override earlier ones. */

.hero-copy {
	margin-inline: auto;
	text-align: center;
	max-width: 1050px;
}

.hero-copy p {
	margin-inline: auto;
}

.hero-copy .actions {
	justify-content: center;
}

.hero-shade {
	background: linear-gradient(90deg,rgba(9,24,59,.62),rgba(9,24,59,.78) 50%,rgba(9,24,59,.62)),linear-gradient(0deg,rgba(9,24,59,.6),transparent 35%);
}

.inner-hero {
	grid-template-columns: minmax(0,1fr);
	text-align: center;
	gap: 35px;
}

.inner-hero>div {
	width: 100%;
	max-width: 1000px;
	margin-inline: auto;
}

.inner-hero .lead {
	margin-inline: auto;
}

.inner-hero aside {
	justify-self: center;
	max-width: 100%;
}

.inner-hero .portrait-band {
	justify-content: center;
	flex-wrap: nowrap;
	text-align: left;
}

.inner-hero .portrait-band img {
	width: 75px;
	height: 88px;
	border-radius: 0;
}

@media(max-width:760px) {
	.hero-copy .actions {
		flex-direction: column;
	}
	.inner-hero .portrait-band {
		justify-content: center;
	}
}