/* Let the larger sea bream and both supporting hands sit in front of the central figure. */
.is-home .fusion-intro .rc-person-layer.layer-3 {z-index:6}

.is-home .fusion-intro .rc-person-layer.layer-1 img {
  scale: 1.48;
  translate: var(--portrait-x,0px) calc(var(--portrait-y,0px) + 35%);
}
.is-home .fusion-intro .rc-person-layer.layer-3 img {
  scale: 1.55;
  translate: var(--portrait-x,0px) calc(var(--portrait-y,0px) + 40%);
}
@media (max-width:1100px) and (orientation:portrait) {
  .is-home .fusion-intro .rc-person-layer.layer-1 img {
    scale: calc(var(--portrait-fit,1) * 1.50);
    translate: var(--portrait-x,0px) calc(var(--portrait-y,0px) + var(--portrait-fit,1) * 46%);
  }
  .is-home .fusion-intro .rc-person-layer.layer-3 img {
    scale: calc(var(--portrait-fit,1) * 1.53);
    translate: var(--portrait-x,0px) calc(var(--portrait-y,0px) + var(--portrait-fit,1) * 49%);
  }
}

/* Match the existing 54px mobile action bar; keep the portrait's cut edge behind it. */
@media (max-width:700px) and (orientation:portrait) {
  .is-home .fusion-intro .rc-person-layer.layer-2 {
    bottom: 53px;
  }
  .is-home .fusion-intro .rc-person-layer.layer-2 img {
    translate: var(--portrait-x,0px) 0px;
  }
}

/* The preview shell has no fixed action bar above 768px. */
@media (min-width:769px) and (max-width:896px) {
  .is-home .fusion-intro { --rc61-dock:0px; }
}

/* Keep the existing cutout edge at the visible frame, including panel widths. */
@media (max-width:768px) and (min-height:521px) {
  .is-home .fusion-intro .rc-person-layer.layer-2 { bottom:53px; }
  .is-home .fusion-intro .rc-person-layer.layer-2 img {
    translate:var(--portrait-x,0px) 0px;
  }
}
@media (min-width:769px) and (max-width:1100px) and (min-height:521px) and (orientation:landscape),
       (min-width:769px) and (max-width:896px) and (orientation:portrait) {
  .is-home .fusion-intro .rc-person-layer.layer-2 { bottom:-1px; }
  .is-home .fusion-intro .rc-person-layer.layer-2 img {
    translate:var(--portrait-x,0px) 0px;
  }
}

/* End the mobile scene at the existing portrait edge when the page scrolls. */
@media (max-width:700px) and (orientation:portrait) {
  .is-home .fusion-intro { height:calc(100svh - 54px); }
  .is-home .fusion-intro .rc-hero { height:100svh; }
}