.elementor-866 .elementor-element.elementor-element-a2eb875{--display:flex;}.elementor-866 .elementor-element.elementor-element-4088724{--display:flex;}.elementor-866 .elementor-element.elementor-element-a6a48b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-d25ca24 */.hero-bg {
  position: relative;
  width: 100%;
  height: 90vh;
  background-image: url('https://jessicachophotography.com/wp-content/uploads/2026/02/L1000199-scaled.jpg');
  background-size: cover;       /* ensures image fills hero area */
  background-position: center;  /* centers the image */
  background-repeat: no-repeat;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .hero-bg {
    height: 70vh;             /* slightly shorter on mobile */
    background-position: top;  /* keeps subject visible */
  }
  .overlay {
    padding: 0 20px;           /* adds space around text */
  }
  .logo {
    max-width: 50%;            /* scales logo for mobile */
  }
  .hero-intro {
    font-size: 13px;           /* smaller intro text */
    max-width: 90%;
  }
}/* End custom CSS */