/* Blok „Pas ze zdjęciem" */

.rb-band {
	display: block;
	background: var(--rb-color-bg-alt);
	overflow: hidden;
}

.rb-band__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Proporcje pasa — bez sztywnych pikseli, żeby skalowały się z szerokością okna. */
.rb-band--wide .rb-band__image { aspect-ratio: 3 / 1; }
.rb-band--band .rb-band__image { aspect-ratio: 2.8 / 1; }
.rb-band--tall .rb-band__image { aspect-ratio: 2 / 1; }
.rb-band--auto .rb-band__image { aspect-ratio: auto; height: auto; object-fit: contain; }

.rb-band--pos-center .rb-band__image { object-position: center; }
.rb-band--pos-top    .rb-band__image { object-position: center top; }
.rb-band--pos-bottom .rb-band__image { object-position: center bottom; }

@media (max-width: 900px) {
	/*
	 * Panorama 2,8:1 na telefonie zostawiłaby pasek wysokości kciuka, w którym
	 * nic nie widać — kadr robi się wyższy.
	 */
	.rb-band--wide .rb-band__image,
	.rb-band--band .rb-band__image { aspect-ratio: 16 / 10; }
	.rb-band--tall .rb-band__image { aspect-ratio: 4 / 3; }
}