/* Content images keep their full frame on narrow screens. */
@media (max-width: 900px) {
  .site-shell .about-image {
    height: auto;
    clip-path: none;
  }
  .site-shell .about-image img {
    display: block;
    height: auto;
    object-fit: contain;
    object-position: center;
    /* The existing scroll animation writes an inline zoom transform. */
    transform: none !important;
  }
  .site-shell .application-card {
    height: auto;
  }
  .site-shell .application-card-link {
    height: auto;
  }
  .site-shell .application-card-link img {
    display: block;
    height: auto;
    object-fit: contain;
  }
  .site-shell .application-card:is(:hover, :focus-within) img,
  .site-shell .journal-card:hover .journal-image img {
    transform: none;
  }
  .site-shell .application-overlay {
    position: relative;
    inset: auto;
    padding: 24px;
    background: var(--carbon);
  }
  .site-shell .journal-image,
  .site-shell .journal-card:first-child .journal-image {
    aspect-ratio: auto;
  }
  .site-shell .journal-image img,
  .site-shell .journal-cover img {
    display: block;
    height: auto;
    object-fit: contain;
  }
  .site-shell .process-card video {
    object-fit: contain;
  }
}