.ai-content-inverted {
  padding-bottom: 0;
}

.office-photo {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 75%;
  margin: 20px auto;
  overflow: hidden;
  border-radius: var(--radius-card);
}

.hero-photo {
  position: relative;
}

.hero-photo::after,
.office-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  border-radius: inherit;
  pointer-events: none;
}

.office-photo img {
  position: absolute;
  display: block;
  width: 150%;
  max-width: none;
  height: auto;
  left: -40%;
  top: -30%;
}

@media (min-width: 768px) {
  .office-photo {
    aspect-ratio: 1887 / 852;
    margin-block: 32px;
  }

  .office-photo img {
    width: 130%;
    left: -30%;
    top: -48%;
  }
}

/* Keep the existing image box and crop while removing its dark edge. */
.photo-strip img {
  border-color: transparent;
  box-shadow: none;
}