/* Editable Nola Home About — layout hooks only; approved visual CSS lives in nola.css. */
body .elementor-widget-nola-home-about,
body .elementor-widget-nola-home-about > .elementor-widget-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.nola-about{width:100%;font-family:"General Sans","Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.65}
.nola-about .about-ref{width:100%;font-family:inherit;font-size:inherit;line-height:inherit}
.nola-about .about-ref-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--nola-about-x,30%) var(--nola-about-y,50%)}
.nola-about .about-ref-cta,.nola-about .about-ref-cta:visited{color:#ffffff}
.nola-about .about-ref-cta:hover{color:#ffffff}
.nola-about .about-ref-cta:focus-visible{outline:2px solid #0a6e9e;outline-offset:4px}
.nola-about .about-ref-media:hover .about-ref-image{transform:scale(1.012)}
@media (max-width:1180px){
  body .elementor .elementor-widget.elementor-element .nola-about .about-ref-media{margin-top:clamp(2rem,4vw,3rem)}
}
@media (max-width:640px){
  body .elementor .elementor-widget.elementor-element .nola-about .about-ref-media{margin-top:1.75rem}
}
@media (prefers-reduced-motion:reduce){
  .nola-about .about-ref-image{transition:none}
}