.epc-app-shot{margin:0;min-width:0}.epc-app-shot>a{display:block;border-radius:15px;overflow:hidden;background:#0c1119;box-shadow:0 16px 42px #07182b1c;outline-offset:5px}.epc-app-shot img{display:block;width:100%;height:auto;aspect-ratio:2732/2048;object-fit:contain;border-radius:0;transition:opacity .15s}.epc-app-shot a:hover img{opacity:.93}.epc-app-shot figcaption{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5;color:#54637a;margin-top:12px}.epc-shot-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.epc-shot-gallery .epc-app-shot>a{border-radius:10px;box-shadow:0 8px 22px #07182b12}.show-media .epc-app-shot img{filter:none}.show-media .epc-app-shot>a{border:7px solid #151b25;border-radius:19px;box-shadow:0 25px 65px #0a1a3340}.epc-image-dialog{border:0;padding:0;background:#0a1019;color:#fff;width:min(96vw,1550px);max-width:96vw;max-height:96dvh;border-radius:14px;overflow:auto;box-shadow:0 20px 100px #0008}.epc-image-dialog::backdrop{background:#030914e8}.epc-image-dialog header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;position:sticky;top:0;background:#0a1019;z-index:1}.epc-image-dialog h2{font:600 16px/1.4 system-ui;margin:0;color:white;letter-spacing:normal}.epc-image-dialog button{border:1px solid #75839a;background:#172536;color:white;border-radius:9px;padding:10px 14px;cursor:pointer;font:600 14px/1.4 system-ui}.epc-image-dialog img{display:block;width:100%;height:auto;max-height:calc(94dvh - 150px);object-fit:contain;border-radius:0}.epc-image-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding:14px}.epc-image-controls span{font:14px system-ui;color:#bdcbe0}.epc-image-dialog button:focus-visible,.epc-app-shot>a:focus-visible{outline:3px solid #72b3ff;outline-offset:3px}html.epc-image-open{overflow:hidden}@media(max-width:820px){.epc-shot-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.show-media .epc-app-shot>a{border-width:4px;border-radius:12px}}@media(max-width:600px){.epc-shot-gallery{grid-template-columns:1fr;gap:28px}.epc-image-dialog header{padding:12px}.epc-image-dialog h2{font-size:14px}}@media(prefers-reduced-motion:reduce){.epc-app-shot img{transition:none}}

/* Device silhouette is rendered from the existing iPad Pro model, with alpha. */
.epc-app-shot>a,.epc-shot-gallery .epc-app-shot>a,.show-media .epc-app-shot>a{border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}.epc-app-shot img,.show-media .epc-app-shot img{aspect-ratio:2688/2064;border-radius:0;filter:drop-shadow(0 14px 20px #07182b24)}.epc-image-dialog img{aspect-ratio:auto;padding:10px}

/* Keep shadows outside the image compositor: WebKit can clip filtered alpha images. */
.epc-app-shot>a,.show-media .epc-app-shot>a{position:relative;isolation:isolate}
.epc-app-shot>a::after{content:"";position:absolute;inset:1% .5%;border-radius:6.2% / 8.1%;z-index:-1;pointer-events:none;background:transparent;box-shadow:0 16px 28px #07182b35;transition:box-shadow .38s ease}
.epc-app-shot img,.show-media .epc-app-shot img{filter:none}