/* OBRAC Home hero — left text area with soft shadow fade.
 * Desktop: dark legibility area starts at the left edge and dissolves into the photo.
 * Tablet/mobile use the same edge-to-edge treatment, with a vertical fade on phones.
 */
@media (min-width:1025px){
  body.home .obrac-home-hero-photo,
  body.page-id-10 .obrac-home-hero-photo{
    position:relative!important;
    overflow:hidden!important;
  }

  body.home .obrac-home-hero-photo > .e-con-inner,
  body.home .obrac-home-hero-photo > .obrac-shell,
  body.page-id-10 .obrac-home-hero-photo > .e-con-inner,
  body.page-id-10 .obrac-home-hero-photo > .obrac-shell{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:2!important;
  }

  body.home .obrac-home-hero-photo::before,
  body.page-id-10 .obrac-home-hero-photo::before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    inset:0 auto 0 0!important;
    width:54%!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      rgba(8,10,16,.80) 0%,
      rgba(8,10,16,.72) 32%,
      rgba(8,10,16,.56) 52%,
      rgba(8,10,16,.34) 70%,
      rgba(8,10,16,.18) 84%,
      rgba(8,10,16,.07) 93%,
      rgba(8,10,16,0) 100%)!important;
  }

  body.home .obrac-home-hero-photo .obrac-hero-copy,
  body.page-id-10 .obrac-home-hero-photo .obrac-hero-copy{
    width:50%!important;
    max-width:50%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:auto!important;
    padding:56px 48px 46px 56px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    position:relative!important;
    z-index:2!important;
  }

  body.home .obrac-home-hero-photo .obrac-hero-copy .obrac-display,
  body.home .obrac-home-hero-photo .obrac-hero-copy .obrac-lead,
  body.page-id-10 .obrac-home-hero-photo .obrac-hero-copy .obrac-display,
  body.page-id-10 .obrac-home-hero-photo .obrac-hero-copy .obrac-lead{
    width:100%!important;
    max-width:100%!important;
  }
}

/* OBRAC_HOME_HERO_RESPONSIVE_V1 — Experience Core.
 * Override the old copy panel and Elementor's pseudo-element dimensions.
 */
@media(max-width:1024px){
  body.home.page-id-10 .obrac-home-hero-photo{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate;
    padding:48px 32px 96px!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    transform:none!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      color-mix(in srgb,var(--obrac-bg) 94%,transparent) 0%,
      color-mix(in srgb,var(--obrac-bg) 82%,transparent) 45%,
      color-mix(in srgb,var(--obrac-bg) 48%,transparent) 72%,
      transparent 100%)!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo > .obrac-shell,
  body.home.page-id-10 .obrac-home-hero-photo .obrac-home-hero-single{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo .obrac-hero-copy{
    width:70%!important;
    max-width:620px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    position:relative!important;
    z-index:2!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo .obrac-eyebrow,
  body.home.page-id-10 .obrac-home-hero-photo .obrac-eyebrow .elementor-heading-title{
    color:var(--obrac-purple-light)!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo .obrac-micro,
  body.home.page-id-10 .obrac-home-hero-photo .obrac-micro .elementor-heading-title{
    color:var(--obrac-text)!important;
  }
}
@media(max-width:767px){
  body.home.page-id-10 .obrac-home-hero-photo{
    padding:40px 24px 136px!important;
    background-position:58% center!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo::before{
    background:linear-gradient(180deg,
      color-mix(in srgb,var(--obrac-bg) 92%,transparent) 0%,
      color-mix(in srgb,var(--obrac-bg) 84%,transparent) 55%,
      color-mix(in srgb,var(--obrac-bg) 70%,transparent) 76%,
      color-mix(in srgb,var(--obrac-bg) 32%,transparent) 90%,
      transparent 100%)!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo .obrac-hero-copy{
    width:100%!important;
    max-width:100%!important;
    gap:20px!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo .obrac-display,
  body.home.page-id-10 .obrac-home-hero-photo .obrac-display .elementor-heading-title{
    font-size:clamp(36px,10.8vw,46px)!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo .obrac-actions{
    padding:0!important;
    margin-top:4px!important;
    gap:12px!important;
  }
  body.home.page-id-10 .obrac-home-hero-photo .elementor-button:focus-visible{
    outline:2px solid var(--obrac-text)!important;
    outline-offset:4px!important;
  }
}