/* 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;
}

/* Homepage hero promoted from <h2> to <h1> (single-H1 SEO). Mirror the previous
   <h2> rendering EXACTLY so there is NO visual change — only the semantic tag.
   Measured live: 45px desktop/tablet, 27px mobile, weight 700, Montserrat,
   #2f3032. This 3-class selector beats the vendor `.slider-content h1` (55px)
   and loads last, so it wins at every breakpoint. */
.slider-area.style-five .slider-content h1 {
    font-size: 45px;
    line-height: 58.5px;
    font-weight: 700;
    color: #2f3032;
    margin: 0;
    text-transform: none;
    letter-spacing: normal;
}

@media (max-width: 767px) {
    .slider-area.style-five .slider-content h1 {
        font-size: 27px;
        line-height: 35.1px;
    }
}