/* Original film phone mesh; styles externalized for the site CSP. */

  .ph3-plate { position: absolute; left: 0; top: 0; width: 413px; height: 872px; border-radius: 62px; }
  .ph3-side { position: absolute; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
  .ph3-bezel {
    position: absolute; left: 0; top: 0; width: 413px; height: 872px; border-radius: 62px; box-sizing: border-box;
    border: 10px solid #050608;
    box-shadow: inset 0 0 0 1px #24272d, 0 0 0 1.2px #d7dbe1, 0 0 0 2.4px #8b929c;
  }
  .ph3-glare {
    position: absolute; left: 10px; top: 10px; width: 393px; height: 852px; border-radius: 55px; pointer-events: none;
    background-image: linear-gradient(118deg, rgba(255,255,255,0) 34%, rgba(255,255,255,0.16) 43%, rgba(255,255,255,0.05) 47%, rgba(255,255,255,0) 55%, rgba(255,255,255,0.06) 63%, rgba(255,255,255,0) 70%);
    background-size: 260% 100%; background-position: 70% 0;
  }
  .ph3-island { position: absolute; left: 143.5px; top: 21px; width: 126px; height: 37px; border-radius: 19px; background: #000; }
  .ph3-island::after { content: ""; position: absolute; right: 22px; top: 12px; width: 13px; height: 13px; border-radius: 50%;
    background: radial-gradient(circle at 40% 38%, #3a4a6a 0%, #0c1220 55%, #000 75%); }
  .ph3-back { background: linear-gradient(162deg, #e6e9ee 0%, #d4d9e0 46%, #c5ccd5 78%, #bcc3cd 100%);
    box-shadow: inset 0 0 0 3px #b3bac4, inset 0 0 40px rgba(255,255,255,0.35); }
  .ph3-plateau { position: absolute; left: 22px; top: 22px; width: 168px; height: 168px; border-radius: 46px;
    background: linear-gradient(150deg, #dde1e7 0%, #c9cfd7 60%, #bbc2cb 100%);
    box-shadow: inset 0 0 0 2px #aeb5bf, 0 3px 8px rgba(60,70,85,0.28); }
  .ph3-lens { position: absolute; width: 64px; height: 64px; border-radius: 50%;
    background: conic-gradient(from 30deg, #7d848e, #e1e5ea, #8a919b, #f0f2f5, #7a818b, #cfd4da, #7d848e);
    box-shadow: 0 2px 4px rgba(30,36,46,0.45); }
  .ph3-lens::before { content: ""; position: absolute; inset: 7px; border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, #0b0e14 0 34%, #1b2433 45%, #070a10 70%); box-shadow: inset 0 0 0 2px #2a313c; }
  .ph3-lens::after { content: ""; position: absolute; left: 21px; top: 18px; width: 12px; height: 8px; border-radius: 50%;
    background: radial-gradient(ellipse, rgba(170,190,255,0.75), rgba(170,190,255,0)); transform: rotate(-30deg); }
  .ph3-flash { position: absolute; width: 20px; height: 20px; border-radius: 50%;
    background: radial-gradient(circle, #f6f1e2 0 40%, #d9d2bd 60%, #a9a291 100%); box-shadow: inset 0 0 0 1.5px #9aa1ab; }