/* Full-width hero photos, softly blended into the copy area. */
.ps-blended-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(108deg, #f1f8f8, #fff 76%);
}
.ps-blended-hero .ps-blended-photo {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ps-blended-individual .hero-photo { background: transparent !important; }

@media (min-width: 1001px) {
  .ps-blended-hero .ps-blended-layout {
    display: block;
    position: static;
  }
  .ps-blended-hero .ps-blended-copy {
    position: relative;
    z-index: 1;
    width: 54%;
  }
  .ps-blended-hero .ps-blended-photo {
    position: absolute;
    inset: 0 0 0 auto;
    width: 53%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center 40%;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 31%);
    mask-image: linear-gradient(to right, transparent, #000 31%);
  }
  .ps-blended-individual .hero-photo img {
    height: 100%;
    min-height: 0;
    object-position: center 29%;
  }
  .ps-blended-individual .hero-photo-caption { padding-left: 34%; }
}

@media (max-width: 1000px) {
  .ps-blended-story .ps-blended-layout,
  .ps-blended-individual .ps-blended-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 26px;
  }
  .ps-blended-story.ps-blended-hero,
  .ps-blended-individual.ps-blended-hero { padding-bottom: 0; }
  .ps-blended-story .ps-blended-photo,
  .ps-blended-individual .ps-blended-photo {
    display: block;
    width: 100vw;
    max-width: none;
    margin-inline: calc(50% - 50vw);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 17%);
    mask-image: linear-gradient(to bottom, transparent, #000 17%);
  }
  .ps-blended-story .ps-blended-photo {
    height: clamp(240px, 58vw, 460px);
    object-position: center;
  }
  .ps-blended-individual .hero-photo img {
    height: clamp(290px, 66vw, 490px);
    min-height: 0;
    object-position: center 24%;
  }
}