/* A photographic memory at the end of the journey. The supplied image is
   kept in its full original composition, without an overlay or recoloring. */
.editorial-opportunity {
  padding-top: clamp(66px, 6vw, 92px);
}
.editorial-opportunity .opportunity-top {
  margin-bottom: clamp(26px, 3vw, 44px);
}
.editorial-opportunity .giving-layout {
  align-items: center;
}
.editorial-opportunity .giving-copy {
  min-width: 0;
}
.editorial-opportunity .giving-copy h2 > .giving-headline-line {
  display: block;
  color: var(--hdf-charcoal);
}
.editorial-opportunity .giving-amount {
  color: var(--hdf-blue);
  white-space: nowrap;
}
.editorial-opportunity .giving-description {

  margin-top: 22px;
  max-width: 30ch;
}
.editorial-opportunity .giving-actions {
  margin-top: 25px;
  width: min(100%, 370px);
}
.editorial-opportunity .giving-actions .donate-button {
  min-height: 54px;

}
.editorial-opportunity .contribute-button {
  min-height: 46px;
  margin-top: 5px;
}
.editorial-opportunity .contribution-note {
  max-width: 40ch;
  margin-top: 1px;

}
.editorial-opportunity .campaign-state {
  margin-top: 12px;
}
.editorial-opportunity .editorial-photo-print {
  max-width: 520px;
  padding: 10px 10px 0;
  border: 1px solid rgba(28, 28, 28, .09);
  background: var(--hdf-white);
  box-shadow: 0 22px 36px -26px rgba(28, 28, 28, .32),
              0 3px 8px -3px rgba(28, 28, 28, .09);
  transform-origin: 50% 78%;
  transform: translate3d(0, calc((1 - var(--print-settle, 1)) * 16px), 0);
  opacity: calc(.72 + var(--print-settle, 1) * .28);
}
.editorial-opportunity .editorial-photo-print img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}
.editorial-opportunity .editorial-photo-print figcaption {
  padding: 17px 4px 19px;
  gap: 10px;

}
.editorial-opportunity .print-location-pin {
  width: 12px;
  height: 15px;
  flex-basis: 12px;
  align-self: flex-start;
  margin-top: 1px;
}
.editorial-opportunity .print-caption-copy {
  display: grid;
  gap: 4px;
}
.editorial-opportunity .print-caption-date {

  color: rgba(28, 28, 28, .72);

}
@media (max-width: 700px) {
  .editorial-opportunity { padding-top: 54px; }
  .editorial-opportunity .opportunity-top {
    gap: 6px;
    margin-bottom: 24px;
  }
  .editorial-opportunity .giving-layout { gap: 38px; }
  .editorial-opportunity .giving-description {

    margin-top: 17px;
    max-width: 30ch;
  }
  .editorial-opportunity .giving-actions {
    width: 100%;
    margin-top: 20px;
  }
  .editorial-opportunity .giving-actions .donate-button {
    min-height: 52px;

    padding: 13px 17px;
  }
  .editorial-opportunity .contribute-button {
    min-height: 46px;
    margin-top: 4px;
  }
  .editorial-opportunity .editorial-photo-print {
    width: 94%;
    max-width: 390px;
    padding: 8px 8px 0;
  }
  .editorial-opportunity .editorial-photo-print figcaption {

    padding: 15px 3px 17px;
  }
}
@media (max-width: 360px) {
  .editorial-opportunity { padding-top: 44px; }
  .editorial-opportunity .opportunity-top { margin-bottom: 21px; }
  .editorial-opportunity .giving-description { margin-top: 14px; }
  .editorial-opportunity .giving-actions { margin-top: 17px; }
}

html:not(.js) .editorial-opportunity .editorial-photo-print {
  transform: none;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .editorial-opportunity .editorial-photo-print {
    transform: none;
    opacity: 1;
  }
}
@media print {
  .editorial-opportunity .editorial-photo-print {
    transform: none;
    opacity: 1;
    box-shadow: none;
  }
}