/* T98 — subtle dark backdrop behind homepage hero copy.
   Purpose: improve readability over the warm architectural glow
   without blocking the waterfall or changing the card layout. */

#home .hero-copy-block{
  position:relative !important;
  isolation:isolate !important;
}

#home .hero-copy-block::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  right:50% !important;
  top:50% !important;
  transform:translate(50%,-50%) !important;
  pointer-events:none !important;
  border-radius:34px !important;
  background:
    radial-gradient(ellipse at center,
      rgba(0,0,0,.66) 0%,
      rgba(2,8,16,.54) 34%,
      rgba(3,8,16,.34) 58%,
      rgba(3,8,16,.16) 76%,
      rgba(3,8,16,0) 100%) !important;
  filter:blur(6px) !important;
  opacity:1 !important;
}

/* Let the logo breathe while keeping the copy legible. */
@media (min-width:921px){
  body.unified-header-home #home .hero-copy-block{
    padding:16px 28px 14px !important;
  }

  body.unified-header-home #home .hero-copy-block::before{
    width:min(760px,74vw) !important;
    height:245px !important;
    margin-top:12px !important;
  }

  body.unified-header-home #home .hero-kicker{
    text-shadow:0 4px 12px rgba(0,0,0,.96) !important;
  }

  body.unified-header-home #home .hero h1{
    filter:
      drop-shadow(0 3px 0 rgba(62,34,6,.28))
      drop-shadow(0 10px 20px rgba(0,0,0,.82))
      drop-shadow(0 0 4px rgba(0,0,0,.22)) !important;
  }

  body.unified-header-home #home .hero-subtitle{
    text-shadow:0 4px 14px rgba(0,0,0,.96) !important;
  }
}

@media (max-width:760px){
  #home .hero-copy-block{
    padding:8px 10px 8px !important;
  }

  #home .hero-copy-block::before{
    width:min(360px,96vw) !important;
    height:170px !important;
    margin-top:8px !important;
    border-radius:26px !important;
    background:
      radial-gradient(ellipse at center,
        rgba(0,0,0,.62) 0%,
        rgba(2,8,16,.49) 34%,
        rgba(3,8,16,.28) 60%,
        rgba(3,8,16,.12) 78%,
        rgba(3,8,16,0) 100%) !important;
    filter:blur(5px) !important;
  }

  #home .hero-kicker,
  #home .hero-subtitle::after,
  #home .hero-subtitle{
    text-shadow:0 3px 10px rgba(0,0,0,.96) !important;
  }

  #home .hero h1{
    filter:
      drop-shadow(0 2px 0 rgba(62,34,6,.24))
      drop-shadow(0 7px 16px rgba(0,0,0,.84)) !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero-copy-block::before{
    height:154px !important;
  }
}