/* iPhone 18 Pro chassis and display. See Apple's published specifications:
   71.9 × 150.0 mm body, 1206 × 2622 pixel display at 460 ppi. */
.tour-phone {
  position: relative;
  width: min(100%, 338px);
  aspect-ratio: 71.9 / 150;
  margin: auto;
  border-radius: 15.5% / 7.43%;
  background: linear-gradient(110deg, #a29687, #382f29 18%, #1b1714 67%, #8f8174 98%);
  box-shadow: inset 0 0 0 1px #ebd8c5a1, inset 0 0 0 3px #3c352f,
    inset 0 0 0 5px #141211, 0 18px 44px #2513093d;
}
.tour-display {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: 92.62%;
  aspect-ratio: 1206 / 2622;
  overflow: hidden;
  border-radius: 13.3% / 6.12%;
  background: #100d0c;
  box-shadow: 0 0 0 2px #0c0a09;
}
.app-tour { display: block; width: 100%; height: 100%; object-fit: contain; }
.tour-display::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 21%;
  height: 2.5%;
  left: 39.5%;
  top: 1%;
  border-radius: 999px;
  background: #060505;
}
@media (max-width: 690px) {
  .tour-phone { width: min(86%, 314px); }
}