/* Shared cover framing. Page styles provide crop and height; motion stays in JS. */
.em-backdrop-cover {
  --em-backdrop-desktop-position: 50% 35%;
  --em-backdrop-mobile-position: 50% 35%;
  position: relative;
  overflow: hidden;
}

.em-backdrop-cover > .em-backdrop-cover__media {
  position: absolute;
  inset: -50px 0;
}

.em-backdrop-cover > .em-backdrop-cover__media > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--em-backdrop-desktop-position);
}

/* Small screens do not have spare pixels for the desktop parallax overscan.
   Keep the original image flush with the cover and ignore inline scroll transforms. */
@media (max-width: 1024px) {
  .em-backdrop-cover > .em-backdrop-cover__media {
    inset: 0;
    transform: none !important;
  }
}

@media (max-width: 760px) {
  .em-backdrop-cover > .em-backdrop-cover__media > img {
    object-position: var(--em-backdrop-mobile-position);
  }
}

/* Shared page-cover title treatment, independent of theme headings. */
:is(.em-work-page,.em-donate-page) .cover h1{
 margin:0;color:#F1EBDD!important;font-size:clamp(56px,10.5vw,124px);
 font-family:var(--font-head)!important;font-weight:500!important;
 letter-spacing:-.035em;line-height:.94;
}
:is(.em-work-page,.em-donate-page) .cover h1 em{color:var(--gold)!important;font-style:italic}