/* Theme 25 layout fixes — isolated, loaded AFTER responsive.css.
   Does NOT edit any vendor stylesheet. Rollback = delete this file + its
   <link> in views/css.blade.php. */

/* about-thumb negative-margin "bleed left" hack (responsive.css:
   `.about-thumb { margin-left: -436px }` + `.about-area.style-two .about-thumb
   { margin-left: -239px }`) assumes a fixed container width. At other viewport
   widths the shifted/oversized image overlaps the text column, so the about
   body renders ON TOP of the image (worse with longer AI intro text).
   Neutralize the bleed and keep the image contained within its grid column. */
.about-area.style-two .about-thumb,
.about-thumb {
    margin-left: 0;
}

.about-area.style-two .about-thumb img,
.about-thumb img {
    max-width: 100%;
    height: auto;
}