.brand img {
  object-fit: contain;
}

.photo-frame img,
.award-photo img,
.activity-index > a > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo-frame img {
  position: absolute;
  inset: 0;
}

.photo-frame::after {
  content: "";
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(transparent, rgba(8, 24, 44, 0.78));
}

.photo-frame span {
  position: relative;
  z-index: 2;
}

.photo-a img { object-position: 58% center; }
.photo-b img { object-position: 48% center; }
.photo-c img { object-position: 58% center; }

.award-photo {
  overflow: hidden;
  background: #27465d;
}

.award-photo img {
  transition: transform 300ms ease;
}

.award-grid article:hover .award-photo img {
  transform: scale(1.025);
}

.activity-index a {
  grid-template-columns: 74px 1fr auto;
}

.activity-index > a > img {
  width: 62px;
  height: 52px;
  border-radius: 2px;
}

.activity-index > a:last-child {
  grid-template-columns: 74px 1fr auto;
}

@media (max-width: 600px) {
  .activity-index a,
  .activity-index > a:last-child {
    grid-template-columns: 58px 1fr auto;
  }

  .activity-index > a > img {
    width: 48px;
    height: 44px;
  }
}