/* R7 author portrait: original pixels, full natural frame, one shared layout. */
.r7-page .creator-story .creator-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  width: 100%;
  max-width: none;
}

.r7-page .creator-story .creator-intro > div {
  min-width: 0;
}

.r7-page .creator-story .creator-intro > div:first-child {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.r7-page .creator-story .creator-intro picture {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  overflow: visible;
  aspect-ratio: auto;
}

.r7-page .creator-story .creator-intro picture img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  max-height: none !important;
  aspect-ratio: 2048 / 1686 !important;
  object-fit: contain !important;
  object-position: center;
}

@media (min-width: 900px) {
  .r7-page .creator-story .creator-intro {
    grid-template-columns: 420px minmax(0, 1fr);
    gap: clamp(36px, 4.25vw, 60px);
  }

  .r7-page .creator-story .creator-intro > div:first-child {
    margin: 0;
  }
}