/* v1.16.8 — Single global pūhoro; photograph-only hero layer.
   Preserve the source image aspect ratio and show its full framing, no forced zoom. */
html body>.app-shell::before {
  background-image:url('/puhoro-watermark-original.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  opacity:.095!important;
  mix-blend-mode:screen!important;
}
/* Transparent container: the single global watermark remains behind it. */
html body #home .hero-block {
  background-image:none!important;
  background-color:rgba(4,31,35,.10)!important;
  position:relative!important; isolation:isolate!important; overflow:hidden!important;
}
/* ONE photograph layer only. Contain shows the whole photo without extreme cropping. */
html body #home .hero-block::before {
  content:''!important; display:block!important;
  position:absolute!important; inset:0!important; z-index:0!important;
  background-image:var(--hero-location-image,none)!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center center!important;
  opacity:.88!important; filter:none!important; mix-blend-mode:normal!important;
  pointer-events:none!important;
}
/* No second pūhoro artwork in the hero. Gradient is text legibility only. */
html body #home .hero-block::after {
  content:''!important;display:block!important;
  position:absolute!important;inset:0!important;z-index:0!important;
  background-image:linear-gradient(90deg,rgba(3,23,26,.49) 0%,rgba(3,23,26,.20) 44%,rgba(3,23,26,.04) 100%)!important;
  background-size:100% 100%!important;background-repeat:no-repeat!important;
  opacity:1!important;pointer-events:none!important;
}
html body #home .hero-block>* {position:relative!important;z-index:1!important}
@media(max-width:760px) {
  html body #home .hero-block::before {
    background-image:var(--hero-location-image,none)!important;
    background-size:contain!important; background-position:center center!important;
    opacity:.88!important;
  }
  html body #home .hero-block::after {
    background-image:linear-gradient(180deg,rgba(3,23,26,.35),rgba(3,23,26,.12) 52%,rgba(3,23,26,.28))!important;
    opacity:1!important;
  }
}