/* HL3C v52 - background 10% darker than v51, collage images less overexposed */

/* 1) Hero background: keep v51 layout, darken banner by about 10% */
.hl3c-hero-collage.brand-v4-hero::before{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.60), rgba(0,0,0,.76)),
    url('../img/banner.png')!important;
  filter:saturate(1.04) contrast(1.08) brightness(.78)!important;
  opacity:.98!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), inset 0 -96px 145px rgba(0,0,0,.58)!important;
}
.hl3c-hero-collage.brand-v4-hero{
  background:
    radial-gradient(circle at 18% 20%, rgba(76,125,255,.20), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(102,242,231,.16), transparent 34%),
    radial-gradient(circle at 52% 88%, rgba(255,120,212,.10), transparent 42%),
    linear-gradient(180deg,#020611 0%,#07101d 56%,#071222 100%)!important;
}
.hl3c-hero-collage.brand-v4-hero::after{
  opacity:.12!important;
}

/* 2) Keep title readable after background darkening */
.hl3c-hero-copy h1{
  text-shadow:0 20px 54px rgba(0,0,0,.88), 0 2px 0 rgba(0,0,0,.22), 0 0 1px rgba(255,255,255,.9)!important;
}
.hl3c-hero-copy p,
.hl3c-hero-tags span{
  text-shadow:0 10px 26px rgba(0,0,0,.50)!important;
}

/* 3) Collage: reduce overexposure and keep colors clearer */
.hl3c-rental-card,
.hl3c-rental-tv,.hl3c-rental-projector,.hl3c-rental-screen,.hl3c-rental-vc,.hl3c-rental-ai,.hl3c-rental-ad{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(225,238,255,.92))!important;
  box-shadow:0 24px 56px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.90) inset!important;
}
.hl3c-rental-card img{
  filter:saturate(1.16) contrast(1.12) brightness(.94)!important;
}
.hl3c-rental-card::before{
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%,rgba(0,0,0,.10))!important;
}
.hl3c-rental-card:hover img{
  filter:saturate(1.22) contrast(1.14) brightness(.98)!important;
}
.hl3c-rental-card:hover{
  box-shadow:0 42px 98px rgba(0,0,0,.54),0 0 0 1px rgba(255,255,255,.98) inset!important;
}

/* 4) Card-specific accents remain colorful but less washed out */
.hl3c-rental-tv{background:linear-gradient(135deg,#f9fbff,#cbdcff)!important;}
.hl3c-rental-projector{background:linear-gradient(135deg,#fffdf4,#ffdfa2)!important;}
.hl3c-rental-screen{background:linear-gradient(135deg,#f7fffc,#b7f2df)!important;}
.hl3c-rental-vc{background:linear-gradient(135deg,#fbf7ff,#d8c4ff)!important;}
.hl3c-rental-ai{background:linear-gradient(135deg,#f5fffc,#b9f2e9)!important;}
.hl3c-rental-ad{background:linear-gradient(135deg,#fff9f2,#ffc982)!important;}

.hl3c-rental-card span{
  background:rgba(255,255,255,.90)!important;
  color:#07111f!important;
  box-shadow:0 12px 26px rgba(0,0,0,.26)!important;
}

@media (max-width:720px){
  .hl3c-hero-collage.brand-v4-hero::before{
    background-image:linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.76)),url('../img/banner.png')!important;
    filter:saturate(1.04) contrast(1.06) brightness(.80)!important;
  }
}