/*
  Keeps the .al brand hero the reference's height whatever the admin uploads.

  collection.css sizes the picture as `width: 62.083vw; height: auto`, so the
  banner is as tall as the uploaded file's aspect ratio makes it. The reference
  image is 1192x666; the one currently on the collection is 1.536:1, which makes
  the hero 582px tall at 1440 instead of 499.5px and pushes the whole page down.

  Pinning the ratio here means the hero can't drift again the next time somebody
  swaps the image in /admin/collections. It is a separate file because every
  theme/css/*.css is a byte-for-byte copy of the reference stylesheet and that
  identity is what makes a live-vs-reference diff meaningful.
*/

.al__img img {
  aspect-ratio: 1192 / 666;
  object-fit: cover;
  object-position: center;
}