@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--font-sans:"Hanken Grotesk";--font-ibm-plex-mono:ui-monospace;--font-inter-mono:ui-monospace;--font-serif:Georgia;--font-display:"Hanken Grotesk"}.pro-demo-sign-in-backdrop{--demo-tile-width:clamp(480px,52vw,780px);--demo-tile-height:calc(var(--demo-tile-width) * 9 / 16);position:absolute;inset:-45%;transform:rotate(-8deg);filter:blur(20px) saturate(.7)}.pro-demo-sign-in-backdrop:after,.pro-demo-sign-in-backdrop:before{content:"";position:absolute;inset:0;background-image:url(/images/pro-demo/sign-in-background.jpg);background-repeat:repeat;background-size:var(--demo-tile-width) var(--demo-tile-height)}.pro-demo-sign-in-backdrop:before{-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 var(--demo-tile-height),transparent var(--demo-tile-height) calc(var(--demo-tile-height) * 2));mask-image:repeating-linear-gradient(to bottom,#000 0 var(--demo-tile-height),transparent var(--demo-tile-height) calc(var(--demo-tile-height) * 2))}.pro-demo-sign-in-backdrop:after{background-position:calc(var(--demo-tile-width) / 2) 0;-webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0 var(--demo-tile-height),#000 var(--demo-tile-height) calc(var(--demo-tile-height) * 2));mask-image:repeating-linear-gradient(to bottom,transparent 0 var(--demo-tile-height),#000 var(--demo-tile-height) calc(var(--demo-tile-height) * 2))}