/* Keep a large photograph beside the list, matching the other photo sections. */
@media (min-width: 851px) {
  #industries { --industry-photo-height: min(760px, calc(100svh - var(--header-height) - 48px)); }
  #industries > .industry-canvas { display: block; position: absolute; inset: 0; z-index: -1; }
  #industries .industry-preview {
    position: sticky;
    inset: auto;
    top: calc(var(--header-height) + 16px);
    width: 100%;
    height: var(--industry-photo-height);
    margin: 0;
    overflow: hidden;
  }
  #industries .industry-preview img {
    inset: 0 0 auto auto;
    width: 70%;
    height: 100%;
    max-width: 70%;
    object-fit: cover;
    object-position: right top;
    mask-image: none;
    -webkit-mask-image: none;
  }
  #industries .industry-preview:after {
    background:
      linear-gradient(90deg, #e9edef 0%, #e9edef 42%, #e9edefeb 46%, #e9edef00 61%),
      linear-gradient(0deg, #e9edef 0%, #e9edef00 7%);
  }
  #industries .photo-followup { background: transparent; }
  #industries .industry-stage:after { content: none; }
  #industries .source-cta { max-width: 46%; }
}
@media (min-width: 1151px) {
  #industries .photo-copy { width: 50%; }
  #industries .source-cta { max-width: 50%; }
}
@media (max-width: 850px) {
  #industries .industry-inline-scene:after {
    background: linear-gradient(180deg, #e9edef, #e9edef00 32px);
  }
  #industries .industry-inline-image {
    aspect-ratio: 4 / 5;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center top;
  }
}