/* Preserve image proportions and keep the entire photo visible. */
main .hero-slide img,
main .section-photo img,
main .leader-portrait img,
main [data-service-button] > img,
main .gallery-grid img,
.service-dialog-image { object-fit: contain; object-position: center; }
/* Show each entire hero photo within its section without distortion. */
#home .hero-slide:not(.hero-advertisement) img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
main .leader-portrait { padding: 0; }
main .leader-portrait::after { display: none; }
#values > div:first-child > .section-photo,
#contact > div:first-child > .section-photo { display: block; position: relative; background: #071426; }
.section-photo img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; }
@media (min-width: 768px) {
    #values, #contact { align-items: stretch; }
    #values > div:first-child, #contact > div:first-child { display: flex; flex-direction: column; align-self: stretch; min-height: 0; }
    #values > div:first-child > .section-photo,
    #contact > div:first-child > .section-photo { flex: 1; min-height: clamp(280px, 30vw, 480px); }
    .section-photo img { position: absolute; inset: 0; width: 100%; height: 100%; }
    #values > div:first-child > p { flex: 0 0 auto; }
}