/* Hero styling — the image itself is controlled exclusively from the admin panel.
   The current image is applied immediately and then faded in, so a transient
   preload failure can never leave the Hero permanently blank. */
.hero{
  background:#242714!important;
}
.hero-media{
  /* Do not use !important here: the active Hero URL is injected inline by site-images.js. */
  background-image:none;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .18s ease!important;
}
.hero.hero-image-ready .hero-media{
  opacity:1!important;
  visibility:visible!important;
}
.hero-overlay{
  background:linear-gradient(90deg,rgba(20,24,10,.76) 0%,rgba(28,33,12,.55) 38%,rgba(28,33,12,.14) 62%,rgba(28,33,12,0) 78%)!important;
}
.hero-content{position:relative;z-index:3}
.hero-content .eyebrow,
.hero-content h1,
.hero-content .hero-copy,
.hero-content .text-link{color:#fff!important}
.hero-content h1{font-weight:800!important;text-shadow:0 3px 18px rgba(0,0,0,.45)!important}
.hero-content .hero-copy{font-weight:600!important;text-shadow:0 2px 12px rgba(0,0,0,.5)!important}
.hero-content .eyebrow{font-weight:700!important;letter-spacing:.18em!important;text-shadow:0 2px 10px rgba(0,0,0,.5)!important}
.hero-content .button-light{background:#fff!important;color:#171b10!important;font-weight:800!important}
.hero-content .text-link{font-weight:800!important}