/* Keep the accepted large outline proportional to the mirror at every size.
   The mirror is 108% wide, with a visible height of 70% * .42 = 29.4%.
   Both dimensions use the same scale; no breakpoint-specific aspect ratio. */
.pv-home .pv-mirror-outline { display:none; }
@media (min-width:768px) {
  .pv-home .experience.pv-carousel .pv-carousel-visual { position:relative; }
  .pv-home .experience.pv-carousel .pv-mirror-outline {
    --pv-mirror-outline-scale:2.12;
    display:block;
    position:absolute;
    grid-area:1 / 1 / 2 / 2;
    left:50%;
    top:calc(90.3% + 1cm);
    z-index:-1;
    width:calc(108% * var(--pv-mirror-outline-scale));
    height:calc(29.4% * var(--pv-mirror-outline-scale));
    box-sizing:border-box;
    border:1px solid rgba(218,236,246,.48);
    border-radius:50%;
    background:transparent;
    transform:translate(-50%,-50%);
    pointer-events:none;
  }
}
@media (min-width:768px) and (max-width:1100px) {
  /* Match the photo stage's width cap so the background shares its grid bounds. */
  .pv-home .experience.pv-carousel .pv-carousel-visual {
    max-width:830px;
    justify-self:center;
  }
}