/* Preserve the subjects in the selected guide photos rather than centring
   every crop. Keep these choices with the corresponding image across cards. */
.full-bleed-backdrop img[src*="still-tense-after-the-day"] {
  object-position: 65% top;
}
.full-bleed-backdrop img[src*="ibs-and-stress-gut-brain-loop"] {
  object-position: right center;
}
.full-bleed-backdrop img[src*="first-session-room-retouched"] {
  object-position: left center;
}
.blog-grid .blog-card .blog-card-img img[src*="still-tense-after-the-day"] {
  object-position: center top;
}
.blog-grid .blog-card .blog-card-img img[src*="ibs-and-stress-gut-brain-loop"] {
  object-position: right center;
  transform: scale(1.12);
  transform-origin: right center;
}
@media (min-width: 1101px) {
  /* Start below the fixed navigation so it cannot hide the woman's face. */
  .full-bleed-backdrop img[src*="still-tense-after-the-day"],
  .full-bleed-backdrop img[src*="ibs-and-stress-gut-brain-loop"] {
    top: 72px;
    height: calc(100% - 72px);
  }
  .full-bleed-backdrop img[src*="ibs-and-stress-gut-brain-loop"] {
    max-width: 850px;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, #000 32%),
      linear-gradient(180deg, #000 90%, transparent 100%);
    mask-image:
      linear-gradient(90deg, transparent 0%, #000 32%),
      linear-gradient(180deg, #000 90%, transparent 100%);
  }
  .full-bleed-backdrop img[src*="first-session-room-retouched"] {
    -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%);
  }
  .full-bleed-backdrop:has(img[src*="first-session-room-retouched"])::after {
    background: linear-gradient(90deg, #081c1d 0%, #081c1d 40%, rgba(8,28,29,.12) 52%, rgba(8,28,29,.12) 100%);
  }
}
@media (max-width: 1100px) {
  .full-bleed-backdrop img[src*="ibs-and-stress-gut-brain-loop"] {
    -webkit-mask-image: linear-gradient(180deg, #000 88%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 88%, transparent 100%);
  }
  .full-bleed-backdrop:has(img[src*="ibs-and-stress-gut-brain-loop"])::after {
    background: linear-gradient(180deg, rgba(8,28,29,.08) 0%, rgba(8,28,29,.08) 54vw, #081c1d 66.6667vw);
  }
}