/* User-supplied landscape originals, displayed with CSS only. */
.north-hero > .backdrop { object-position: 58% 45%; }
.north-hero::after {
  background: linear-gradient(90deg, rgba(9,32,29,.88), rgba(9,32,29,.64) 42%, rgba(9,32,29,.12) 80%);
}
.south-contact { position: relative; isolation: isolate; overflow: hidden; }
.south-backdrop {
  position: absolute; inset: 0; z-index: -2;
  width: 100%; height: 100%; object-fit: cover; object-position: 62% 53%;
}
.south-contact::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(9,32,29,.88), rgba(9,32,29,.68) 48%, rgba(9,32,29,.34));
}
.south-contact .section { min-height: 440px; }
@media(max-width:760px) {
  .north-hero > .backdrop { object-position: 62% 45%; }
  .north-hero::after { background: linear-gradient(90deg, rgba(9,32,29,.86), rgba(9,32,29,.63)); }
  .south-backdrop { object-position: 66% 50%; }
  .south-contact::after { background: rgba(9,32,29,.76); }
  .south-contact .section { min-height: 440px; }
}