.rg-approved-homepage img.rg-home-mascot {
  display: block;
  inline-size: var(--mascot-size);
  block-size: var(--mascot-size);
  flex: 0 0 var(--mascot-size);
  object-fit: contain;
  pointer-events: none;
}

.rg-mascot-slot--raise { --mascot-size: clamp(86px, 11vw, 152px); }

.rg-mascot-slot--rai {
  --mascot-size: clamp(80px, 10vw, 142px);
  position: relative;
}
.rg-approved-homepage .path-heading.rg-mascot-slot--rai {
  padding-inline-end: calc(var(--mascot-size) + 16px);
  min-block-size: calc(var(--mascot-size) + 12px);
}
.rg-home-mascot--rai {
  position: absolute;
  inset-inline-end: 8px;
  inset-block-start: 50%;
  transform: translateY(-50%);
}

.rg-mascot-slot--rose {
  --mascot-size: clamp(76px, 9.5vw, 132px);
  position: relative;
  padding-inline-end: calc(var(--mascot-size) + 8px);
  min-block-size: var(--mascot-size);
}
.rg-home-mascot--rose {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
}

@media (max-width: 720px) {
  .rg-approved-homepage .hero-actions.rg-mascot-slot--raise {
    column-gap: 10px;
  }
  .rg-approved-homepage .path-heading.rg-mascot-slot--rai {
    column-gap: 8px;
  }
  .rg-approved-homepage .path-heading.rg-mascot-slot--rai h3 {
    white-space: normal;
  }
}