/* Let the portrait reach the viewport edges, rather than read as a framed photo. */
/* Ported unchanged from the approved static reference (website/dist/style.css). Keep file order: later files override earlier ones. */

@media(min-width:1001px) {
	.mission-portrait {
		background-position: right center;
		background-size: auto 100vh;
	}
	.mission::after {
		background: linear-gradient(90deg,var(--paper) 0%,var(--paper) 38%,rgba(255,254,248,.96) 46%,rgba(255,254,248,.72) 57%,transparent 73%);
	}
}

@media(min-width:1001px) {
	.mission-portrait {
		background-image: linear-gradient(90deg,#eebc42,rgba(238,188,66,0) 25%),url('../images/david_shelton_blue_vest_gold_portrait.jpeg');
		background-size: calc(100vh * 2 / 3) 100vh;
	}
}