/* Rythmo Triage page only (7 Oct 2026). The hero sits on a night incident
   photo (Unsplash, Lutz Stallknecht, DeTB4lkLrSg, Unsplash Licence) with the
   number plates, unit numbers and a shop sign blurred, under a dark overlay so
   the text stays readable. Served from this site, so no third party requests. */
.triage-head {
  background-color: #051920;
  background-image: linear-gradient(rgba(5, 25, 32, 0.50), rgba(5, 25, 32, 0.80)), url("/assets/img/triage/triage-hero-incident-800.webp");
  background-size: cover;
  background-position: center 70%;
}
/* Phones: the hero is tall, so "cover" zoomed into a blur of lights. Instead the
   photo sits at a fixed height behind the logo and headline, cropped to the two
   trucks, and fades into the dark background below. */
@media (max-width: 47.99rem) {
  .triage-head {
    background-image: linear-gradient(rgba(5, 25, 32, 0.45) 0, rgba(5, 25, 32, 0.70) 20rem, #051920 29rem), url("/assets/img/triage/triage-hero-incident-1200.webp");
    background-size: 100% 100%, auto 34rem;
    background-position: 0 0, 50% -5rem;
    background-repeat: no-repeat;
  }
}
@media (min-width: 48rem) {
  .triage-head {
    background-image: linear-gradient(rgba(5, 25, 32, 0.50), rgba(5, 25, 32, 0.80)), url("/assets/img/triage/triage-hero-incident-1200.webp");
  }
}
@media (min-width: 80rem) {
  .triage-head {
    background-image: linear-gradient(rgba(5, 25, 32, 0.50), rgba(5, 25, 32, 0.80)), url("/assets/img/triage/triage-hero-incident-1800.webp");
  }
}
.cta-email { margin-top: 0.75rem; }
.triage-head .status { border-radius: 1rem; max-width: 40rem; }
/* A full-width photo band between sections: Lachy's own flood rescue photo,
   rescuers from behind. The service lettering on the vests and the writing on
   the helmet were removed (ChatGPT edit patched into the original, 7 Oct 2026). */
.photo-band { margin: 0; line-height: 0; }
.photo-band img { display: block; width: 100%; height: clamp(14rem, 42vw, 30rem); object-fit: cover; object-position: center 60%; }