/* Original Apple bezel dimensions: 1350 × 2760; display: 70,60,1210,2638. */
.app-view .phone-col {
  background: transparent;
  overflow: visible;
}
.app-view .phone-col::before,
.app-view .phone-col::after { display: none; }
html[data-concept="stoic"] .app-view > .wrap {
  width: min(1080px, 100% - 80px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: center;
}
html[data-concept="stoic"] .app-view .phone-col {
  min-height: 0;
  padding: 0;
}
.app-view .product-copy { max-width: 460px; }
html[data-concept="stoic"] .app-view .product-copy h2 {
  max-width: none;
  margin: 0;
  line-height: 1.3;
  letter-spacing: -.035em;
  text-wrap: initial;
  white-space: nowrap;
}
html[data-concept="stoic"] .app-view .product-copy .section-lead {
  max-width: 23em;
  margin-top: 24px;
  color: #625d6b;
}
html[data-concept="stoic"] .app-view .product-copy .state-row {
  width: 100%;
  max-width: 368px;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid rgb(74 57 92 / 12%);
  gap: 16px;
}
.app-view .product-copy .state-pill { gap: 10px; color: #51485d; }
.app-view .product-copy .state-pill img {
  width: 64px;
  height: 68px;
  object-fit: contain;
}
.app-view .product-device {
  position: relative;
  width: min(328px, 100%);
  aspect-ratio: 1350 / 2760;
  margin: 0 auto;
  filter: drop-shadow(0 18px 20px rgb(43 32 62 / 14%));
}
.product-device__display {
  position: absolute;
  left: 5.185185%;
  top: 2.173913%;
  width: 89.62963%;
  height: 95.57971%;
  overflow: hidden;
  border-radius: 15.7% / 7.2%;
  background: #b59ce3;
}
.product-device__display iframe {
  display: block;
  width: 400px;
  height: 872.066116px;
  max-width: none;
  border: 0;
  transform: scale(var(--device-scale, .735));
  transform-origin: top left;
  pointer-events: none;
}
.product-device__bezel {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 901px) and (min-height: 700px) {
  html[data-concept="stoic"] .app-view .product-device {
    width: min(328px, calc((100svh - 192px) * .48913));
  }
}
@media (max-width: 900px) {
  html[data-concept="stoic"] .app-view > .wrap {
    width: calc(100% - 40px);
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }
  .app-view .product-copy { margin-inline: auto; text-align: center; }
  html[data-concept="stoic"] .app-view .product-copy .state-row {
    margin-top: 28px;
    padding-top: 24px;
    margin-inline: auto;
    gap: 12px;
  }
  html[data-concept="stoic"] .app-view .product-copy .section-lead {
    margin-top: 20px;
    margin-inline: auto;
  }
}
@media (max-width: 600px) {
  .app-view .phone-col { padding: 28px 14px; min-height: 0; }
  .app-view .product-device { width: min(304px, 100%); }
}
/* Hidden only after the supported entrance controller has been installed. */
@media (prefers-reduced-motion: no-preference) {
  .app-view .product-device[data-product-entry="waiting"],
  .app-view .product-copy[data-product-entry="waiting"] h2,
  .app-view .product-copy[data-product-entry="waiting"] .section-lead,
  .app-view .product-copy[data-product-entry="waiting"] .state-pill {
    opacity: 0;
  }
}