/* Shared member chibi presentation. Asset order lives in member-chibis.js. */
.featured-section--main .home-showcase-card-members .showcase-member-group-chibis {
  display: flex;
  flex: 0 1 auto;
  align-items: flex-end;
  min-width: 0;
  height: 45px;
  margin: -7px 0 -5px 11px;
}

.featured-section--main .home-showcase-card-members .showcase-member-group-chibi {
  display: grid;
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  place-items: end center;
}

.featured-section--main .home-showcase-card-members .showcase-member-group-chibi + .showcase-member-group-chibi {
  margin-left: -6px;
}

/* The source canvases are equally wide, but their visible silhouettes are not.
   Per-member leading offsets keep the perceived gaps even. */
.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="keke"] { margin-left: -8px; }
.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="chisato"] { margin-left: -7px; }
.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="sumire"] { margin-left: -1px; }
.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="ren"] { margin-left: -6px; }
.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="mei"] { margin-left: -9px; }
.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="shiki"] { margin-left: -10px; }
.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="natsumi"] {
  flex-basis: 48px;
  width: 48px;
  height: 48px;
  margin-left: -11px;
  margin-bottom: -0.5px;
}
.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="tomari"] { margin-left: -7.5px; }

.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="kinako"] {
  flex-basis: 43.5px;
  width: 43.5px;
  height: 43.5px;
}

.featured-section--main .home-showcase-card-members .showcase-member-group-chibi img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2px 2px rgba(65, 42, 82, 0.12));
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 180ms ease, transform 220ms ease;
}

.featured-section--main .home-showcase-card-members .showcase-member-group-chibi[data-member-chibi="tomari"] img {
  filter: brightness(1.1) saturate(1.02) drop-shadow(0 2px 2px rgba(65, 42, 82, 0.12));
}

.featured-section--main .home-showcase-card-members .showcase-member-group-chibi img.is-loaded {
  opacity: 1;
  transform: translateY(0);
}

.featured-section--main .home-showcase-card-members .showcase-member-group-chibi img.is-error {
  display: none;
}

@media (max-width: 520px) {
  .featured-section--main .home-showcase-card-members .showcase-member-group-chibis {
    margin-top: -6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .featured-section--main .home-showcase-card-members .showcase-member-group-chibi img {
    transition: none;
  }
}