/* =========================================================================
   Photo Banner (TOA) — block styles
   Simple edge-to-edge photo banner, cropped to a fixed height.
   ========================================================================= */

.toa-pb {
	margin: 0;
	overflow: hidden;
}
.toa-pb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.toa-pb--short  { height: 280px; }
.toa-pb--medium { height: 420px; }
.toa-pb--tall   { height: 560px; }

@media (max-width: 600px) {
	.toa-pb--short  { height: 200px; }
	.toa-pb--medium { height: 280px; }
	.toa-pb--tall   { height: 360px; }
}