/* Load after smish-site.css on /friends/, /ru/friends/ and /en/friends/.
   The original 1600×900 photographs remain unchanged. Square cover removes
   the empty sides while retaining the full image height, including ears. */
.site-character-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 28px;
}

.site-character-grid .site-character-image {
  min-width: 0;
  aspect-ratio: 1;
  overflow: hidden;
}

.site-character-grid .site-character-image img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 50%;
}

/* Keep both wing tips and both mice's tails inside the square. */
#friend-chichi .site-character-image img {
  object-position: 52% 50%;
}

#friend-shishandtwist .site-character-image img {
  object-position: 55% 50%;
}

@media (max-width: 1040px) {
  .site-character-grid {
    gap: 40px 24px;
  }
}

@media (max-width: 700px) {
  .site-character-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}