.presence-film{--boundary:1;--volume:1;--phone:1;--proof:1;display:grid;grid-template-columns:1.17fr 1fr;gap:36px;align-items:center;margin:42px 0 48px;padding:28px 0;border-block:1px solid var(--rule);scroll-margin-top:24px}.presence-photograph{position:relative;overflow:hidden;background:#8ca4a5;min-width:0}.presence-photo-svg{display:block;width:100%;height:auto}.presence-photo-label{position:absolute;top:20px;left:20px;color:#f9f9eb;background:#204d43b8;padding:7px 10px;font:10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em}.geo-volume{opacity:var(--volume)}.geo-fill{fill:url(#octet-geofence-gradient);opacity:calc(var(--volume) * .18)}.geo-boundary{opacity:var(--fade,1);fill:none;stroke:url(#octet-geofence-gradient);stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--boundary))}.presence-phone{opacity:var(--phone)}.phone-proof-check{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--proof))}.presence-caption{font:300 15.5px/1.7 var(--body);color:var(--ink);padding:0;min-width:0}.presence-caption h3{font:400 25px/1.25 var(--display);letter-spacing:-.025em;margin:13px 0 18px;max-width:24ch}.presence-caption>p{font-size:15px;line-height:1.7;margin:0 0 23px;max-width:35ch}.presence-stages{list-style:none;margin:0 0 24px;padding:0}.presence-stages li{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-top:1px solid var(--rule);color:#858171}.presence-number{display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border:1px solid #c5c8b7;border-radius:50%;font:10px/1 var(--mono);margin-top:2px}.presence-stages strong{display:block;font-size:13px;font-weight:400}.presence-stages small{font-size:11px;line-height:1.55;display:block;margin-top:3px}.presence-stages li.is-current,.presence-stages li.is-complete{color:#315e45}.presence-stages li.is-complete .presence-number{background:#e3eadb;border-color:#8ea687}.presence-verdict{display:flex;gap:9px;align-items:center;color:#396648;font-size:18px;font-weight:400;min-height:31px}.presence-status-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px}.presence-status-icon svg{display:block;width:20px;height:20px}.presence-status-check{opacity:calc(var(--proof) * var(--fade,1))}.presence-caption p.presence-approval-note{font-size:12px;line-height:1.6;margin:10px 0 18px;color:#6b675b;max-width:34ch}.presence-film[data-phase="boundary"] .presence-verdict,.presence-film[data-phase="phone"] .presence-verdict{color:#716d60}
@media(max-width:700px){.presence-film{display:block;padding:22px 0;margin:35px 0 38px}.presence-caption{padding-top:24px}.presence-caption h3{font-size:23px;max-width:28ch;margin:12px 0 15px}.presence-caption>p{font-size:15px;max-width:none;margin-bottom:20px}.presence-photo-label{font-size:9px;top:14px;left:14px}.presence-stages{margin-bottom:19px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.presence-stages li{display:block;padding:12px 0}.presence-number{margin:0 0 10px}.presence-stages strong{font-size:12px;line-height:1.45}.presence-stages small{font-size:11px;line-height:1.5;margin-top:5px}.presence-caption p.presence-approval-note{max-width:none;font-size:12px}.presence-verdict{font-size:19px}}
/* The verification result stays with the image on every screen size. */
.presence-photograph .presence-verdict{position:absolute;bottom:16px;left:16px;right:16px;background:#f5f4ebed;padding:11px 14px;font:400 16px/1.4 var(--body);min-height:45px}.presence-photo-label{top:16px;left:16px;min-height:38px;display:flex;align-items:center}.presence-caption p.presence-approval-note{margin:18px 0 0}
@media(max-width:700px){.presence-photograph .presence-verdict{font-size:15px;left:12px;right:12px;bottom:12px;padding:9px 12px}.presence-photo-label{top:12px;left:12px;min-height:36px}.presence-caption p.presence-approval-note{margin-top:4px}}

/* completed stage: drawn check matched to the type */
.presence-number .mk{display:block;width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
