/* -------------------------------------------------------
   Revolução Industrial — custom overrides
   Add site-specific tweaks here, not in main.css
------------------------------------------------------- */

/* Banner image: scale proportionally to container width,
   capped at max-height. align-self: flex-start lets the
   container shrink to the image's natural height instead
   of stretching to match the text column. */
#banner .image {
    max-height: 28em;
    overflow: hidden;
    align-self: flex-start;
}

#banner .image img {
    width: 100%;
    height: auto;
    display: block;
}