/* Supplied Clerestory imagery within the existing horizontal chapters. */
body.pc-style #main img[data-ff-asset="clerestory"] {
  display: block;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  filter: none !important;
}
.df-placeholder.ff-has-media {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 16px;
  padding: 23px;
}
.ff-has-media > .df-slot-center { display: none; }
.ff-image-stage { min-width: 0; min-height: 0; align-self: stretch; }
.ff-image-stage img {
  width: 100%; height: 100%; min-height: 0;
  object-fit: contain; object-position: center;
}
.ff-has-media .df-slot-top { color: var(--pc-blue); }
.ff-has-media figcaption { margin: 0; padding-top: 13px; }
.df-hero-placeholder.ff-has-media { padding: 30px; background: #CCD4C0; }
.df-hero-placeholder .ff-image-stage { margin-inline: -30px; }
.df-work-placeholder.ff-has-media { padding: 0; overflow: hidden; }
.df-work-placeholder.ff-has-media img {
  width: 100%; height: 100%; object-fit: cover;
}
.ff-project-caption { white-space: normal; }
@media (max-width: 760px) {
  .df-placeholder.ff-has-media { gap: 14px; min-height: 300px; padding: 20px; }
  .df-hero-placeholder.ff-has-media { height: 320px; min-height: 320px; padding: 20px 25px; }
  .df-hero-placeholder .ff-image-stage { margin-inline: -25px; }
  .sp-process-visuals .ff-has-media { height: 300px; }
  .df-work-placeholder.ff-has-media { min-height: 0; padding: 0; }
}