/* ============================================
 * service-page-why-brand.css — brand-identity-only override
 *
 * The brand-identity "Why firms choose us" visual is a composed brand
 * board (Pearson & Schmidt), not the laptop photo the shared module was
 * built for. The shared desktop frame pins the image into a fixed-height
 * sticky box (calc(100svh - 296px), max 736) with object-fit:cover, so on
 * any viewport shorter than ~1032px the board gets cropped top/bottom.
 *
 * Here we let the board show WHOLE: size the figure to the image's own
 * aspect, drop the sticky fixed-height crop, and contain rather than cover.
 * Loaded after service-page-why.css so these win.
 * ============================================ */

@media (min-width: 1024px) {
  .tlm-service-page-why .tlm-service-page-why__visual {
    /* Release the sticky fixed-height crop frame; size to the image. */
    position: static;
    height: auto;
    max-height: none;
    top: auto;
    overflow: visible;
  }

  .tlm-service-page-why .tlm-service-page-why__visual-image {
    height: auto;
    object-fit: contain;
    border-radius: var(--radius-lg);
  }
}