/* Restore the requested desktop split hero: copy on the left, team photo on the right.
   Mobile keeps the supplied logo-wall image as a full hero background. */

@media (min-width:1051px){
  .hero{
    isolation:isolate;
    min-height:100svh!important;
    padding:78px 0 0!important;
    background:
      linear-gradient(rgba(7,17,31,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(7,17,31,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(251,250,247,.97) 0%,rgba(251,250,247,.93) 34%,rgba(249,247,241,.82) 56%,rgba(244,241,232,.68) 100%),
      url("../images/home-hero-team-office-desktop.webp")!important;
    background-size:46px 46px,46px 46px,auto,cover!important;
    background-position:0 0,0 0,center,center 28%!important;
    background-repeat:repeat,repeat,no-repeat,no-repeat!important;
  }
  .hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:
      radial-gradient(circle at 8% 32%,rgba(216,167,63,.15),transparent 30%),
      radial-gradient(circle at 92% 22%,rgba(37,91,155,.10),transparent 32%)!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
    pointer-events:none!important;
  }
  .hero::after{display:none!important}
  .hero-glow{display:block!important;opacity:.7}
  .hero-wide-container{
    width:min(1540px,calc(100% - 72px))!important;
    min-height:calc(100svh - 78px)!important;
  }
  .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(500px,.92fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:clamp(34px,4vw,78px)!important;
    min-height:calc(100svh - 78px)!important;
  }
  .hero-copy{
    display:block!important;
    width:100%!important;
    max-width:800px!important;
    padding:46px 0 48px!important;
  }
  .hero h1{
    max-width:800px!important;
    color:#07111f!important;
    font-size:clamp(3.45rem,4.7vw,5.15rem)!important;
    line-height:.99!important;
    text-shadow:none!important;
  }
  .hero-brand-line{
    display:block!important;
    color:#b97800!important;
    background:none!important;
    -webkit-background-clip:initial!important;
    background-clip:initial!important;
    -webkit-text-fill-color:#b97800!important;
    animation:none!important;
  }
  .hero-description{
    max-width:680px!important;
    margin-top:20px!important;
    padding:12px 0 12px 17px!important;
    border-left:3px solid #d9a52b!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .hero-description .hero-text{color:#40536b!important}
  .hero-description .hero-support{color:#5b6c80!important}
  .hero-actions{margin-top:22px!important}
  .hero-actions .btn-secondary{
    color:#07111f!important;
    background:#fff!important;
    border-color:rgba(7,17,31,.13)!important;
    box-shadow:0 10px 26px rgba(7,17,31,.08)!important;
  }
  .hero-proof{margin-top:13px!important}
  .hero-proof span{
    color:#4b5b6d!important;
    background:rgba(255,255,255,.78)!important;
    border-color:rgba(7,17,31,.12)!important;
    box-shadow:0 8px 20px rgba(7,17,31,.05)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .hero-visual{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:680px!important;
    justify-self:end!important;
  }
  .hero-image-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(610px,calc(100svh - 142px))!important;
    aspect-ratio:4/3!important;
    border-radius:30px!important;
    border:1px solid rgba(255,255,255,.9)!important;
    box-shadow:0 28px 70px rgba(7,17,31,.18)!important;
    background:#fff!important;
  }
  .hero-image-card > picture,
  .hero-image-card > picture > img{display:block!important;width:100%!important;height:100%!important}
  .hero-image-card > picture > img{
    object-fit:cover!important;
    object-position:center center!important;
  }
  .hero-image-card::after{
    display:block!important;
    background:linear-gradient(180deg,transparent 52%,rgba(4,11,21,.68) 100%)!important;
  }
  .hero-image-caption{display:block!important;left:28px!important;right:28px!important;bottom:23px!important}
}

@media (min-width:1051px) and (max-width:1320px){
  .hero-wide-container{width:min(1240px,calc(100% - 44px))!important}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(440px,.88fr)!important;gap:26px!important}
  .hero-copy{max-width:690px!important}
  .hero h1{font-size:clamp(3rem,4.35vw,4.1rem)!important}
  .hero-image-card{height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
}

@media (max-width:1050px){
  .hero{
    background-color:#07111f!important;
    background-image:url("../images/home-hero-logo-wall-mobile.webp")!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center 42%!important;
  }
  .hero::before{
    z-index:0!important;
    background:linear-gradient(180deg,rgba(4,11,21,.60) 0%,rgba(4,11,21,.72) 52%,rgba(4,11,21,.92) 100%)!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .hero::after{display:none!important}
  .hero-glow{display:none!important}
  .hero-grid{z-index:1!important}
  .hero-visual{display:none!important}
  .hero-copy{position:relative!important;z-index:2!important}
  .hero h1{color:#fff!important;text-shadow:0 4px 28px rgba(0,0,0,.28)!important}
  .hero-brand-line{
    display:block!important;
    background:linear-gradient(110deg,#f0bd3d 6%,#ffd875 45%,#e0a521 82%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
  }
  .hero-description{
    border-color:#e5ae2b!important;
    background:rgba(5,14,27,.54)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  .hero-description .hero-text{color:#eef4fb!important}
  .hero-description .hero-support{color:#d2dce8!important}
  .hero-proof span{
    color:#fff!important;
    background:rgba(5,14,27,.58)!important;
    border-color:rgba(255,255,255,.24)!important;
  }
}