/* ============================================================
   GoldenKey HERO CONFIG — GK.01.034
   ------------------------------------------------------------
   CHANGE THE HERO IMAGE FOR THE WHOLE WEBSITE HERE (one line):
   just replace 'hero-office.webp' below with any image placed
   in /assets/img/ — every page updates automatically.
   ============================================================ */
:root{
  --gk-hero-image: url('../img/hero-office.webp');        /* desktop  */
  --gk-hero-image-m: url('../img/hero-office-m.webp');    /* mobile   */
  --gk-hero-pos: center 30%;
}

/* applied to every hero on every page — overrides per-page inline css */
.gk-hero, .hero{
  background:
    linear-gradient(100deg, rgba(8,16,32,.92) 0%, rgba(10,20,40,.82) 30%,
                    rgba(10,20,40,.34) 62%, rgba(8,16,32,.42) 100%),
    var(--gk-hero-image) var(--gk-hero-pos) / cover no-repeat !important;
}
@media(max-width:900px){
  .gk-hero, .hero{
    background:
      linear-gradient(180deg, rgba(8,16,32,.92) 0%, rgba(10,20,40,.86) 52%,
                      rgba(10,20,40,.66) 100%),
      var(--gk-hero-image-m) center 24% / cover no-repeat !important;
  }
}
/* small inner-page heroes get a slightly deeper overlay for text safety */
.page-hero, .hero.small, .hero-sm{
  background:
    linear-gradient(100deg, rgba(8,16,32,.95) 0%, rgba(10,20,40,.88) 45%,
                    rgba(10,20,40,.6) 100%),
    var(--gk-hero-image) var(--gk-hero-pos) / cover no-repeat !important;
}