/**
 * Komorebi Page photo (km-page-photo): the plain photo at the top of Reservations and of the
 * Whole counter request states. Figma 1440 × 440 (400 on the request states) / 834 × 320 /
 * 390 × 240, full width, square corners, no overlay. The Elementor "Height" control sets
 * --km-page-photo-h per breakpoint.
 */

.km-page-photo {
	position: relative;
	height: var(--km-page-photo-h, 440px);
	overflow: hidden;
	background: var(--km-c-sage);
}

.km-page-photo .km-page-photo__img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

@media (max-width: 1024px) {
	.km-page-photo {
		height: var(--km-page-photo-h, 320px);
	}
}

@media (max-width: 767px) {
	.km-page-photo {
		height: var(--km-page-photo-h, 240px);
	}
}