/* Front view of the iPhone SE: 67.3 × 138.4 mm, 750 × 1334 display.
   https://support.apple.com/en-us/111882
   The screen keeps its native ratio; the surrounding bezel supplies the
   physical device proportions. Shared by the site and marketing layouts. */
.pc-iphone {
  position: relative;
  display: block;
  box-sizing: border-box;
  aspect-ratio: 67.3 / 138.4;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 14% / 6.8%;
  background: linear-gradient(120deg, #20252b, #080a0d 45%, #15191e);
  box-shadow: inset 0 0 0 1px #9ba2a7, inset 0 0 0 3px #454b52,
    inset 0 0 0 5px #111419, 14px 20px 32px #10203230;
  isolation: isolate;
}
.pc-iphone > .pc-iphone-screen {
  position: absolute;
  display: block;
  top: 12.42%;
  left: 6.538%;
  width: 86.924%;
  height: auto;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.pc-iphone-speaker {
  position: absolute;
  top: 5.9%;
  left: 42%;
  width: 16%;
  height: .7%;
  border-radius: 999px;
  background: #030405;
  box-shadow: inset 0 1px 1px #62697180;
}
.pc-iphone-camera {
  position: absolute;
  top: 5.5%;
  left: 28%;
  width: 3.2%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0e1c2d;
  box-shadow: 0 0 0 1px #30363d, inset 0 0 0 2px #070a10;
}
.pc-iphone-home {
  position: absolute;
  bottom: 2.3%;
  left: 42%;
  width: 16%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #101216;
  box-shadow: 0 0 0 1px #6d7278, inset 0 0 0 2px #20242a;
}
/* The marketing indicator color is independent of the original capture. */
.pc-iphone-status {
  position: absolute;
  left: var(--pc-status-left, 9.667%);
  top: var(--pc-status-top, 17.943%);
  width: 2.55%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #35c98a;
}