/* Raw app captures beneath Matt's transparent iPhone hardware overlay. */
:is(body[data-page="home"], body[data-page="about"]) .ios-frame {
  position: relative;
  aspect-ratio: 1031 / 2109;
}

:is(body[data-page="home"], body[data-page="about"]) .ios-frame .ios-screen {
  position: absolute;
  z-index: 0;
  top: 2.56%;
  left: 5.33%;
  width: 89.33%;
  height: 94.88%;
  object-fit: cover;
  border-radius: 15% / 7%;
}

:is(body[data-page="home"], body[data-page="about"]) .ios-frame .ios-hardware {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body[data-page="home"] .hero-stage .phone-side.ios-frame {
  width: clamp(180px, 21vw, 240px);
  opacity: 1;
}