.intro .intro-credit {
  position: absolute;
  top: auto;
  bottom: clamp(86px, 11vh, 112px);
  left: var(--gut);
  right: var(--gut);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  animation: lifeIntroCredit 0.8s 0.35s ease-in-out forwards;
}

.intro .intro-credit span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(13px, 1.4vw, 18px);
  line-height: 1.4;
  color: var(--mute);
}

.intro .intro-credit img {
  display: block;
  width: min(240px, 58vw);
  height: auto;
  opacity: 0.8;
}

@keyframes lifeIntroCredit {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-height: 520px) {
  .intro .lg {
    position: relative;
    top: -32px;
    width: min(34vh, 220px);
  }

  .intro .intro-credit {
    top: auto;
    bottom: 72px;
    gap: 8px;
  }

  .intro .intro-credit img {
    width: min(200px, 48vw);
  }
}