/* Hero text protection, shared by every hero (home, journeys, properties, destinations, pages).
   Light text sat on the brightest part of many photos (the sky), so the small line above the heading could vanish.
   A soft shade now sits behind the text column, and the text carries a faint shadow, whatever the photo.
   Loaded after each page stylesheet. */
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(28,25,24,.6) 0%,rgba(28,25,24,.48) 38%,rgba(28,25,24,.18) 62%,rgba(28,25,24,0) 80%)}
.hero .tag,.hero h1,.hero .sub,.hero .acts .alt,.hero .meta .credit{text-shadow:0 1px 2px rgba(20,17,16,.55),0 0 22px rgba(20,17,16,.45)}
.hero .tag{color:#F6EEE3;font-weight:500}
@media (max-width:760px){
  /* On phones the text runs the full width, so the shade comes up from the bottom instead */
  .hero::before{background:linear-gradient(180deg,rgba(28,25,24,.2) 0%,rgba(28,25,24,.45) 18%,rgba(28,25,24,.5) 45%,rgba(28,25,24,.55) 100%)}
}