/* ---- Banner: let the artwork show ---- */
[class*="banner"]::after,
[class*="cover"]::after,
[class*="hero"]::after,
[class*="mask"],
[class*="overlay"] {
  background: none !important;
  background-color: transparent !important;
  opacity: 0 !important;
}

[class*="banner"] img,
[class*="cover"] img,
[class*="hero"] img {
  filter: none !important;
  opacity: 1 !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ---- Banner size. Change all three together. ---- */
[class*="banner"],
[class*="cover"],
[class*="hero"] {
  position: relative !important;
  height: 320px !important;
  min-height: 0 !important;
  max-height: 320px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ---- Scrim across the top strip only, for the nav ---- */
[class*="banner"]::before,
[class*="cover"]::before,
[class*="hero"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 120px !important;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0)) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

[class*="banner"] nav,
[class*="banner"] header,
[class*="cover"] nav,
[class*="hero"] nav {
  position: relative !important;
  z-index: 2 !important;
}

/* ---- No shadows anywhere ---- */
body * {
  text-shadow: none !important;
}

/* ---- Except the top nav, which sits over the artwork.
        Higher specificity, so it wins over the rule above. ---- */
header nav a,
header > a,
[class*="header"] nav a,
[class*="banner"] > nav a,
[class*="hero"] > nav a {
  text-shadow: 0 1px 3px rgba(0,0,0,.9), 0 2px 10px rgba(0,0,0,.7) !important;
}