/* Marketing screenshots only. Keep the original image intact inside the device. */
.p-phone:has(.iphone-pro-max){width:100%}
.iphone-pro-max{position:relative}
.iphone-pro-max.iphone-pro-max{
  display:block;box-sizing:border-box;aspect-ratio:0.465;
  padding:30px 4px 19px;border:6px solid #171719;border-radius:38px;
  background:#f7f7f8;overflow:hidden;
  box-shadow:0 0 0 1px #77777b,0 0 0 3px #c3c0bb,0 22px 44px -16px rgba(20,20,25,.38);
  isolation:isolate;
}
.iphone-pro-max::before{
  content:"";position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);
  width:29%;height:15px;border-radius:20px;background:#111113;
  box-shadow:inset -5px 0 3px -3px #343947;pointer-events:none;
}
.iphone-pro-max::after{
  content:"";position:absolute;z-index:2;bottom:7px;left:50%;transform:translateX(-50%);
  width:34%;height:4px;border-radius:8px;background:#171719;pointer-events:none;
}
.iphone-pro-max.iphone-pro-max img{
  position:absolute;left:4px;top:30px;display:block;
  width:calc(100% - 8px);max-width:none;height:calc(100% - 49px);min-height:0;
  object-fit:contain;object-position:center;border-radius:0 0 19px 19px;background:#f7f7f8;
}
.iphone-pro-max:focus-visible{outline:3px solid #008767;outline-offset:7px}
@media(max-width:520px){
  .iphone-pro-max.iphone-pro-max{border-width:5px;border-radius:29px;padding:25px 3px 16px}
  .iphone-pro-max.iphone-pro-max img{left:3px;top:25px;width:calc(100% - 6px);height:calc(100% - 41px)}
  .iphone-pro-max::before{top:6px;height:13px}
  .iphone-pro-max::after{bottom:6px;height:3px}
}