/* Display geometry calibrated to the source photographs, September 2026.
   Desk: the homography comes from scene.js. Front: 403.491×862.885 px glass aperture
   inside the 480×934 px product photograph. Rounded corners are continuous
   curves following the glass, rather than a generic circular border radius. */
.phonescreen{
  border-radius:0;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22844%22%20viewBox%3D%220%200%20390%20844%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M41%200%20H349%20C379%200%20390%2013%20390%2044%20V800%20C390%20830%20378%20844%20349%20844%20H41%20C12%20844%200%20830%200%20800%20V44%20C0%2013%2011%200%2041%200%20Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22390%22%20height%3D%22844%22%20viewBox%3D%220%200%20390%20844%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M41%200%20H349%20C379%200%20390%2013%20390%2044%20V800%20C390%20830%20378%20844%20349%20844%20H41%20C12%20844%200%20830%200%20800%20V44%20C0%2013%2011%200%2041%200%20Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.phone .body{
  clip-path:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22934%22%20viewBox%3D%220%200%20480%20934%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M111%2023%20H370%20C423%2023%20453%2052%20453%20110%20V825%20C453%20881%20427%20909%20370%20909%20H111%20C53%20909%2026%20881%2026%20825%20V110%20C26%2052%2054%2023%20111%2023%20Z%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%2223%22%20y%3D%22189%22%20width%3D%225%22%20height%3D%2239%22%20rx%3D%222%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%2223%22%20y%3D%22243%22%20width%3D%225%22%20height%3D%2265%22%20rx%3D%222%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%2223%22%20y%3D%22330%22%20width%3D%225%22%20height%3D%2265%22%20rx%3D%222%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%22451%22%20y%3D%22295%22%20width%3D%225%22%20height%3D%2269%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22934%22%20viewBox%3D%220%200%20480%20934%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M111%2023%20H370%20C423%2023%20453%2052%20453%20110%20V825%20C453%20881%20427%20909%20370%20909%20H111%20C53%20909%2026%20881%2026%20825%20V110%20C26%2052%2054%2023%20111%2023%20Z%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%2223%22%20y%3D%22189%22%20width%3D%225%22%20height%3D%2239%22%20rx%3D%222%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%2223%22%20y%3D%22243%22%20width%3D%225%22%20height%3D%2265%22%20rx%3D%222%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%2223%22%20y%3D%22330%22%20width%3D%225%22%20height%3D%2265%22%20rx%3D%222%22%2F%3E%3Crect%20fill%3D%22white%22%20x%3D%22451%22%20y%3D%22295%22%20width%3D%225%22%20height%3D%2269%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  /* The silhouette is the real photographic chassis and side buttons. */
}
.phone .pscreen{
  /* Inner glass traced independently at each corner from the 480×934 source.
     Constant 2.5 source-pixel inset; vector simplification error ≤0.10 px. */
  border-radius:0;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20403.490692%20862.885208%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M330.903%200.015%20L343.300%200.300%20L347.325%200.727%20L355.530%202.007%20L360.943%203.349%20L363.590%204.171%20L366.251%205.092%20L370.084%206.695%20L373.856%208.588%20L377.521%2010.674%20L380.892%2012.987%20L385.092%2016.725%20L388.075%2019.671%20L389.794%2021.738%20L392.209%2025.136%20L394.394%2028.724%20L396.335%2032.433%20L397.898%2036.191%20L400.276%2044.156%20L400.923%2046.775%20L401.572%2050.735%20L402.843%2061.421%20L403.259%2069.229%20L403.407%2076.997%20L403.491%20786.997%20L403.209%20798.711%20L402.679%20805.220%20L401.421%20814.529%20L399.780%20821.046%20L398.040%20826.165%20L396.399%20829.851%20L394.436%20833.513%20L391.562%20838.051%20L386.113%20844.298%20L381.057%20849.092%20L377.932%20851.530%20L373.118%20854.300%20L369.419%20856.194%20L366.976%20857.280%20L363.095%20858.697%20L356.504%20860.559%20L349.887%20861.792%20L341.700%20862.524%20L330.905%20862.885%20L72.905%20862.649%20L63.413%20862.546%20L55.319%20861.917%20L52.710%20861.533%20L47.333%20860.414%20L43.302%20859.443%20L39.346%20858.272%20L34.422%20856.204%20L25.950%20851.385%20L21.598%20848.139%20L19.449%20846.333%20L16.526%20843.478%20L11.142%20837.107%20L8.991%20833.803%20L6.088%20827.561%20L4.106%20822.466%20L3.331%20819.879%20L2.188%20814.673%20L0.495%20802.669%20L0.000%20786.998%20L0.121%2076.997%20L0.263%2066.579%20L1.330%2054.613%20L1.979%2049.275%20L3.840%2041.251%20L5.071%2037.310%20L6.070%2034.710%20L8.429%2029.787%20L13.050%2022.687%20L15.547%2019.431%20L19.512%2015.564%20L25.038%2011.292%20L27.408%209.795%20L31.120%207.779%20L36.181%205.341%20L38.740%204.422%20L46.868%202.170%20L50.874%201.455%20L60.549%200.313%20L67.414%200.028%20L72.903%200.000%20Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20403.490692%20862.885208%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M330.903%200.015%20L343.300%200.300%20L347.325%200.727%20L355.530%202.007%20L360.943%203.349%20L363.590%204.171%20L366.251%205.092%20L370.084%206.695%20L373.856%208.588%20L377.521%2010.674%20L380.892%2012.987%20L385.092%2016.725%20L388.075%2019.671%20L389.794%2021.738%20L392.209%2025.136%20L394.394%2028.724%20L396.335%2032.433%20L397.898%2036.191%20L400.276%2044.156%20L400.923%2046.775%20L401.572%2050.735%20L402.843%2061.421%20L403.259%2069.229%20L403.407%2076.997%20L403.491%20786.997%20L403.209%20798.711%20L402.679%20805.220%20L401.421%20814.529%20L399.780%20821.046%20L398.040%20826.165%20L396.399%20829.851%20L394.436%20833.513%20L391.562%20838.051%20L386.113%20844.298%20L381.057%20849.092%20L377.932%20851.530%20L373.118%20854.300%20L369.419%20856.194%20L366.976%20857.280%20L363.095%20858.697%20L356.504%20860.559%20L349.887%20861.792%20L341.700%20862.524%20L330.905%20862.885%20L72.905%20862.649%20L63.413%20862.546%20L55.319%20861.917%20L52.710%20861.533%20L47.333%20860.414%20L43.302%20859.443%20L39.346%20858.272%20L34.422%20856.204%20L25.950%20851.385%20L21.598%20848.139%20L19.449%20846.333%20L16.526%20843.478%20L11.142%20837.107%20L8.991%20833.803%20L6.088%20827.561%20L4.106%20822.466%20L3.331%20819.879%20L2.188%20814.673%20L0.495%20802.669%20L0.000%20786.998%20L0.121%2076.997%20L0.263%2066.579%20L1.330%2054.613%20L1.979%2049.275%20L3.840%2041.251%20L5.071%2037.310%20L6.070%2034.710%20L8.429%2029.787%20L13.050%2022.687%20L15.547%2019.431%20L19.512%2015.564%20L25.038%2011.292%20L27.408%209.795%20L31.120%207.779%20L36.181%205.341%20L38.740%204.422%20L46.868%202.170%20L50.874%201.455%20L60.549%200.313%20L67.414%200.028%20L72.903%200.000%20Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  isolation:isolate;
}
.phone .pscreen::after{
  /* Match the photographed island, including its spacing from the top glass. */
  top:2.32%;left:35.82%;width:28.36%;height:3.48%;
  border-radius:999px;
}
/* Cast the shadow from the assembled silhouette, outside its aperture masks. */
.phone{filter:drop-shadow(0 28px 34px rgba(0,0,0,.32));}
.phone .body{filter:none;}