/* Keep the complete compass visible in the supplied photograph. The shared
   banner handles the layout; these overrides only protect this subject. */
@media (min-width: 1101px) {
  .guides-compass-hero .full-bleed-backdrop img {
    max-width: 1100px;
    object-position: left center;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, #000 12%),
      linear-gradient(180deg, #000 78%, transparent 100%);
    mask-image:
      linear-gradient(90deg, transparent 0%, #000 12%),
      linear-gradient(180deg, #000 78%, transparent 100%);
  }
}
@media (max-width: 1100px) {
  .guides-compass-hero .full-bleed-backdrop img {
    -webkit-mask-image: linear-gradient(180deg, #000 80%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 80%, transparent 100%);
  }
  .guides-compass-hero .full-bleed-backdrop::after {
    background: linear-gradient(180deg, rgba(8,28,29,.08) 0%, rgba(8,28,29,.08) 50vw, #081c1d 66.6667vw);
  }
}