/* v38: unify the hero background and remove the clashing gradient band. */

#home.hero-v14{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

/* Replace the old split gradient with a single continuous designer background. */
#home.hero-v14::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg,
      rgba(4,12,10,.92) 0%,
      rgba(5,14,11,.86) 22%,
      rgba(6,16,13,.72) 48%,
      rgba(6,16,13,.72) 72%,
      rgba(5,14,11,.84) 100%),
    url('../assets/images/hero-background.png') center center / cover no-repeat;
}

/* Soft atmospheric shaping only — no visible seam or vertical band. */
#home.hero-v14::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 24%, rgba(118, 216, 166, .10), transparent 26%),
    radial-gradient(circle at 78% 46%, rgba(235, 206, 130, .08), transparent 24%),
    radial-gradient(circle at 54% 100%, rgba(23, 92, 62, .16), transparent 30%);
}

/* Tone down the extra hero effects so the new background stays clean. */
#home .hero-v14-atmosphere{opacity:.34!important;}
#home .hero-v14-grid{display:none!important;}
#home .hero-v14-halo{background:radial-gradient(circle, rgba(116,216,166,.11), transparent 70%)!important;}

/* Clean up the portrait zone and let the background behind Sean feel intentional. */
#home .v22-portrait{
  border:1px solid rgba(140, 188, 160, .22)!important;
  border-radius:22px!important;
  background:transparent!important;
  overflow:hidden!important;
  box-shadow:0 16px 44px rgba(0,0,0,.16)!important;
}

#home .v22-portrait:before{
  display:none!important;
}

#home .v22-portrait:after{
  display:none!important;
}

#home .v22-portrait .v35-office-backdrop{
  position:absolute;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  background:url('../assets/images/office-background.png') center 48% / cover no-repeat!important;
  filter:blur(1.35px) saturate(.92) brightness(.82)!important;
  opacity:.98!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

/* Use the frosted-rain texture as an overlay, but lighter so the office still shows. */
#home .v22-portrait .v35-office-backdrop::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(10, 31, 23, .12), rgba(10, 31, 23, .06)),
    url('../assets/images/rainy-frosted-glass.png') center center / cover no-repeat;
  opacity:.52;
  mix-blend-mode:screen;
}

#home .v22-portrait .v35-office-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(223, 241, 232, .06), rgba(92, 146, 117, .08));
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

#home .v22-portrait > img{
  position:relative!important;
  z-index:2!important;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.22))!important;
}

/* Slightly stronger text separation against the art background. */
#home .hero-v14-copy{
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}

#home .hero-v14-lead{
  max-width:640px!important;
}

@media (max-width: 850px){
  #home.hero-v14::before{
    background:
      linear-gradient(180deg,
        rgba(4,12,10,.92) 0%,
        rgba(5,14,11,.82) 46%,
        rgba(6,16,13,.74) 100%),
      url('../assets/images/hero-background.png') center center / cover no-repeat;
  }

  #home .v22-portrait{
    border-radius:16px!important;
  }
}

/* v39: apply art to actual hero surface, not a negative z-index layer. */
main#main > section#home.hero.hero-v14,
main#main > section#home.hero.hero-v14.deck-active {
  background-image: url('../assets/images/hero-background.png') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#home.hero-v14::before,
#home.hero-v14::after { display:none !important; }
#home .hero-v14-atmosphere {opacity:.10!important;}