/* CacheWood Mobile homepage hero override v34
   Goal: keep text fully readable while making the background image more visible. */
.hero{
  position:relative !important;
  isolation:isolate !important;
  max-width:none !important;
  min-height:720px !important;
  background:#070707 !important;
  color:#fff !important;
  border-bottom:1px solid #2b2112 !important;
  overflow:hidden !important;
}

.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    linear-gradient(90deg,
      rgba(5,5,5,.94) 0%,
      rgba(5,5,5,.88) 17%,
      rgba(5,5,5,.76) 34%,
      rgba(5,5,5,.58) 50%,
      rgba(5,5,5,.34) 68%,
      rgba(5,5,5,.12) 100%),
    url("/assets/home-hero-professional-offer.jpg") center right / cover no-repeat !important;
  opacity:1 !important;
}

.hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 22% 35%, rgba(204,146,35,.18), transparent 36%),
    linear-gradient(180deg, rgba(0,0,0,.01), rgba(0,0,0,.08)) !important;
}

.hero .hero-copy{
  position:relative !important;
  z-index:3 !important;
  max-width:680px !important;
  color:#fff !important;
}

.hero .eyebrow{
  color:#d8aa4a !important;
  opacity:1 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.85) !important;
}

.hero h1{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 4px 20px rgba(0,0,0,.82) !important;
}

.hero h1 span{
  color:#d89a27 !important;
  opacity:1 !important;
}

.hero .lead{
  color:#f4ede2 !important;
  opacity:1 !important;
  max-width:640px !important;
  font-weight:400 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.84) !important;
}

.hero .trust-row{
  color:#f0e8dd !important;
  opacity:1 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.88) !important;
}

.hero .trust-row span{
  color:#f0e8dd !important;
  font-weight:600 !important;
}

.hero .trust-row span::before{
  color:#d89a27 !important;
}

.hero .primary,
.hero .primary:visited{
  color:#111 !important;
  background:linear-gradient(135deg,#b77d18,#f3c65a,#a96d10) !important;
  border-color:#e6bd59 !important;
}

.hero .secondary,
.hero .secondary:visited{
  color:#ffffff !important;
  background:rgba(10,10,10,.76) !important;
  border-color:#c99635 !important;
  box-shadow:0 4px 18px rgba(0,0,0,.24) !important;
}

.hero .secondary:hover{
  color:#fff !important;
  background:#111 !important;
}

@media (max-width:900px){
  .hero::before{
    background:
      linear-gradient(90deg,
        rgba(5,5,5,.95) 0%,
        rgba(5,5,5,.85) 36%,
        rgba(5,5,5,.65) 58%,
        rgba(5,5,5,.34) 100%),
      url("/assets/home-hero-professional-offer.jpg") 66% center / cover no-repeat !important;
  }
}

@media (max-width:600px){
  .hero{
    min-height:auto !important;
  }

  .hero::before{
    background:
      linear-gradient(180deg,
        rgba(5,5,5,.70) 0%,
        rgba(5,5,5,.80) 24%,
        rgba(5,5,5,.89) 55%,
        rgba(5,5,5,.95) 100%),
      url("/assets/home-hero-professional-offer.jpg") 66% center / cover no-repeat !important;
  }

  .hero .hero-copy{
    max-width:100% !important;
  }

  .hero h1{
    color:#fff !important;
    text-shadow:0 4px 18px rgba(0,0,0,.95) !important;
  }

  .hero .lead,
  .hero .trust-row,
  .hero .trust-row span{
    color:#f5efe6 !important;
  }
}