/* Crop only the displayed portrait; keep the supplied image files intact. */
.bs-mike-portrait > .contact-portrait-crop {
  position: relative;
  z-index: 1;
  width: 112%;
  aspect-ratio: 1386 / 1135;
  overflow: clip;
}
.contact-portrait-crop > img {
  position: absolute;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  left: 0;
  top: -14%;
}
.aram-contact .contact-portrait-crop > img {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
@media (max-width: 640px) {
  .bs-mike-portrait > .contact-portrait-crop { width: 110%; }
}

.aram-contact .bs-mike-portrait > .aram-nameplate { padding-right: 76px; }
.aram-nameplate .aram-linkedin { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: grid; place-items: center; color: #fff; border-radius: 5px; }
.aram-linkedin svg { width: 25px; height: 25px; display: block; }
.aram-linkedin:hover { background: rgba(255,255,255,.15); }
.aram-linkedin:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }


/* Keep Mike proportionate and inside the nameplate width on both brand pages. */
.baderie-story .bs-mike-portrait > .contact-portrait-crop,
.fs-bad-in-beeld .bs-mike-portrait > .contact-portrait-crop { width:100%; }