.home .section-booking {padding: 4rem 0 15rem;}

/* Photo — fallback color is its own background-color (in case the jpg doesn't cover/load), not a
   general section wallpaper; full height, no responsive shrinking on desktop (660px per design).
   The form panel lives inside it (absolutely positioned) rather than after it in the flow, so its
   real height — however tall, e.g. the mobile stacked-fields layout — never has to be reserved by
   a sibling and can't leave a gap or collide with the next section; padding-bottom above accounts
   for the panel's own overflow past the photo's bottom on the tall mobile layout instead. */
.home .section-booking .imageBg {position: relative; height: 16rem; background-color: var(--color-secondary); background-size: cover; background-position: center;}

.home .section-booking .pageRow {position: absolute; top: -3rem; right: 0; left: 0;}

.home .section-booking .formPanel {
	box-sizing: border-box; max-width: 44rem; margin: 0 auto; padding: 2rem 1.5rem 2.5rem;
	border-radius: 1rem; background-color: var(--color-primary);
}
.home .section-booking .formPanel .sectionTitle {margin-bottom: 2rem;}

@media screen and (min-width: 40em) {
	.home .section-booking {padding: 7rem 0 3rem;}
	.home .section-booking .imageBg {height: 41.25rem;}
	.home .section-booking .pageRow {top: -5rem;}
	.home .section-booking .formPanel {padding: 3rem 3.5rem 3.5rem;}
}