/* Chain-of-proof film in #solutions (assets/js/proof-film.js) */
@font-face { font-family: "ParagrafSans-Regular"; src: url("../fonts/ParagrafSans-Regular.woff2") format("woff2"), url("../fonts/ParagrafSans-Regular.ttf") format("truetype"); font-display: block; }
@font-face { font-family: "ParagrafSans-Medium"; src: url("../fonts/ParagrafSans-Medium.woff2") format("woff2"), url("../fonts/ParagrafSans-Medium.ttf") format("truetype"); font-display: block; }
.pf-film { display: none; position: relative; width: 100%; max-width: 600px; aspect-ratio: 1; overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent), linear-gradient(to bottom, transparent, #000 4%, #000 96%, transparent);
  -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent), linear-gradient(to bottom, transparent, #000 4%, #000 96%, transparent); mask-composite: intersect; }
.pf-on .pf-film { display: block; }
.pf-on .chain { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; pointer-events: none; }  /* kept measurable for site.js */