/* ========================================================================== $WAGO — styles ========================================================================== */ :root{ --blue:#1E8FD5; --sky:#5BC6F2; --lagoon:#16C2C2; --paper:#EFECE6; --ink:#111111; --navy:#1B2342; --money:#7CC456; --red:#D62839; --sand:#F3D9A4; --lime:#D4FF3A; --deep:#0E5F95; --abyss:#06253F; --night:#0A0E1A; --gold:#F2C230; --foam:#F7FCFF; --f-head:"Archivo Black","Arial Black",Impact,sans-serif; --f-mono:"Space Mono",ui-monospace,Menlo,Consolas,monospace; --f-type:"Special Elite","Courier New",monospace; --gut:clamp(16px,4vw,44px); --maxw:1220px; --nav-h:62px; --r-pill:999px; --edge-paper-b:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA2MDAgMjYiPjxmaWx0ZXIgaWQ9ImIiIHg9Ii01JSIgeT0iLTYwJSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMjIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42Ii8+PC9maWx0ZXI+PHBhdGggZD0iTTAgMCBMMC4wIDEzLjUgTDcuMyAxNi42IEwyMS4wIDExLjMgTDMxLjkgMTMuMCBMNDQuNSAxNi4xIEw1MS40IDkuMyBMNjUuNyAxMi45IEw3OS40IDkuMCBMODkuOCAxNS41IEw5OC4xIDE3LjUgTDExMy4xIDkuMyBMMTE5LjQgMTMuOSBMMTM0LjggMTIuNCBMMTQyLjkgMTIuOCBMMTQ5LjIgMTEuMCBMMTU5LjYgMTMuNSBMMTY3LjkgMTEuMSBMMTc2LjEgMTMuMSBMMTg1LjAgOS4yIEwxOTkuNCAxNC4wIEwyMTEuOCAxMC43IEwyMjcuNyAxNi43IEwyMzUuMCAxMi4wIEwyNDguMiAxNS40IEwyNjMuNSAxMi44IEwyNzcuOCAxNS4wIEwyODYuOSAxNC4zIEwzMDEuNyAxNi42IEwzMTIuNyAxNC4zIEwzMTkuMSAxMS4yIEwzMzMuMSAxMi43IEwzNDAuOCAxMy45IEwzNTMuOCAxNS4xIEwzNjMuNiAxMy4wIEwzNzQuNyAxNi4wIEwzODUuOSAxMi41IEwzOTYuOCA5LjMgTDQwMy4yIDE1LjMgTDQxOS4wIDE0LjMgTDQyOS4wIDEwLjUgTDQ0MC4wIDE3LjggTDQ1My43IDEzLjkgTDQ2OC4zIDExLjEgTDQ3OS40IDE3LjYgTDQ5MS4yIDEzLjEgTDQ5OS45IDEzLjkgTDUxNS41IDkuMSBMNTI5LjMgMTYuNCBMNTQ0LjIgMTUuNyBMNTU4LjMgMTMuNyBMNTY5LjkgMTIuOCBMNTc2LjQgMTYuOCBMNTg4LjEgMTAuOCBMNjAwLjAgMTMuNSBMNjAwIDBaIiBmaWxsPSJyZ2JhKDAsMCwwLC4yMikiIGZpbHRlcj0idXJsKCNiKSIvPjxwYXRoIGQ9Ik0wIDAgTDAuMCA5LjUgTDUuMiA4LjUgTDkuNiA5LjggTDE1LjUgMTAuMyBMMjAuNSA2LjEgTDI0LjMgNy4yIEwzMC4wIDEyLjEgTDM2LjkgMTEuNiBMNDMuOSA3LjcgTDUxLjAgMTAuNyBMNTQuMCA2LjAgTDU2LjUgMTEuMyBMNjAuNCA2LjcgTDY2LjQgOC40IEw2OS4yIDcuMCBMNzQuNiA3LjEgTDc4LjYgMTEuMCBMODMuNiA4LjIgTDg4LjcgNi4xIEw5My40IDguOSBMOTYuOSA2LjcgTDEwNC40IDkuNiBMMTA4LjAgMTAuMyBMMTE1LjAgNi4wIEwxMTcuNiA3LjAgTDEyNC4xIDcuMSBMMTMwLjQgMTAuOCBMMTM1LjkgNy41IEwxNDMuOCAxMS42IEwxNDkuMSA3LjUgTDE1NS4yIDguNyBMMTYwLjkgOC4yIEwxNjYuOCA2LjMgTDE3MS4wIDEyLjkgTDE3OC4zIDguMSBMMTg1LjUgOC4xIEwxOTMuMiAxMS4zIEwxOTguMCA3LjcgTDIwMC41IDEyLjIgTDIwMy4yIDExLjggTDIxMS4wIDEwLjAgTDIxNC41IDEyLjEgTDIyMi4zIDExLjAgTDIyNy42IDguNiBMMjMyLjAgNy40IEwyMzguMiA5LjAgTDI0MS44IDYuNyBMMjQ4LjAgOC4wIEwyNTMuMiA4LjIgTDI2MC41IDEyLjQgTDI2My4xIDcuMyBMMjY3LjQgMTMuMCBMMjc0LjIgOC4zIEwyNzcuOSAxMC44IEwyODUuMCAxMi42IEwyODkuNCAxMi4zIEwyOTUuNyA5LjQgTDMwMy42IDcuNiBMMzEwLjEgNi41IEwzMTMuNSAxMi41IEwzMTcuMiAxMS40IEwzMjMuMCAxMi4wIEwzMjcuNSA4LjQgTDMzMS42IDEyLjEgTDMzNy40IDEyLjggTDM0NC44IDYuOSBMMzUwLjMgNi43IEwzNTMuMCA2LjQgTDM2MC4zIDExLjYgTDM2Ny40IDguNCBMMzczLjMgMTEuNSBMMzc3LjggMTAuMCBMMzgxLjYgNi41IEwzODUuNSAxMi4zIEwzOTEuMSAxMi42IEwzOTYuMiA3LjkgTDQwMy4wIDExLjkgTDQwNS41IDEwLjcgTDQwOC42IDYuNyBMNDE1LjkgNi4yIEw0MTkuNyAxMy4wIEw0MjQuNiA2LjcgTDQyOC4wIDcuNiBMNDM0LjYgNi42IEw0NDIuMSA4LjYgTDQ0OS45IDEyLjQgTDQ1NC4wIDcuNyBMNDU5LjIgNi42IEw0NjUuMiA2LjIgTDQ2Ny44IDEzLjAgTDQ3MS45IDEwLjIgTDQ3Ni45IDguMiBMNDc5LjcgMTIuNSBMNDg3LjYgMTIuOSBMNDkwLjcgNy40IEw0OTYuNiAxMy4wIEw1MDIuMSAxMC45IEw1MDguMiA3LjggTDUxMy43IDguMSBMNTE3LjUgNi41IEw1MjEuNiAxMy4wIEw1MjYuNiAxMC42IEw1MzIuNiAxMi43IEw1MzcuMiA4LjEgTDU0MS41IDguMiBMNTQ4LjcgMTIuMyBMNTUyLjkgOC4zIEw1NTguNCAxMC4xIEw1NjQuMSA3LjcgTDU2Ni44IDcuNyBMNTY5LjYgOS45IEw1NzIuNSA2LjQgTDU3OC41IDguMCBMNTg1LjQgOS41IEw1OTIuNiA3LjAgTDYwMC4wIDkuNSBMNjAwIDBaIiBmaWxsPSIjRkNGQkY3Ii8+PHBhdGggZD0iTTAgMCBMMC4wIDYuMiBMMTEuMiAzLjMgTDIzLjcgNC4wIEwzNC43IDkuNSBMNDYuMSA1LjAgTDUxLjAgNi4zIEw2My4zIDQuOCBMNzUuNCAzLjggTDg3LjYgMy4wIEw5NC40IDguOSBMMTA1LjYgOS4wIEwxMTcuMiA3LjkgTDEyNy40IDQuMCBMMTM1LjMgMy45IEwxNDUuNyA3LjMgTDE1Mi4wIDMuMiBMMTY0LjcgOC4zIEwxNzMuNiA2LjUgTDE4NS4zIDUuOSBMMTkyLjggNS4xIEwxOTkuMiAzLjAgTDIwOS4wIDUuNiBMMjE4LjEgMy4yIEwyMjUuMyAzLjcgTDIzMC40IDQuNiBMMjQxLjkgNS41IEwyNDkuNSA3LjAgTDI1NS42IDIuOSBMMjY0LjQgNi4yIEwyNzQuMiA1LjggTDI4NC40IDcuOCBMMjkwLjUgNi4yIEwyOTguOCA0LjMgTDMwNi42IDYuNiBMMzE4LjcgOS4wIEwzMjUuMiA3LjIgTDMyOS42IDMuMyBMMzM4LjIgOC44IEwzNDMuNyA4LjAgTDM1NS42IDQuOSBMMzY1LjggOC42IEwzNzMuMiA3LjYgTDM4My44IDYuOCBMMzk1LjUgOC45IEw0MDguMiA2LjcgTDQxMy44IDQuNSBMNDE5LjcgNi43IEw0MzAuNSAzLjIgTDQ0MC43IDcuNyBMNDQ3LjggNi4zIEw0NTMuMyA3LjggTDQ1Ny42IDkuNSBMNDY4LjkgNy4xIEw0NzUuMyA5LjAgTDQ4OC4wIDMuNyBMNDk4LjkgOC41IEw1MDguOSA3LjYgTDUxNi45IDkuMSBMNTI5LjYgNS40IEw1NDAuOCA1LjcgTDU0Ni4zIDUuMCBMNTUxLjUgOS4wIEw1NjQuMSAzLjYgTDU3My41IDUuNiBMNTc4LjYgNC44IEw1ODQuOCA3LjkgTDU4OC44IDQuMSBMNjAwLjAgNi4yIEw2MDAgMFoiIGZpbGw9IiNFRkVDRTYiLz48L3N2Zz4="); --edge-paper-t:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA2MDAgMjYiPjxmaWx0ZXIgaWQ9ImIiIHg9Ii01JSIgeT0iLTYwJSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMjIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42Ii8+PC9maWx0ZXI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyNikgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0wIDAgTDAuMCAxMy41IEwxNS42IDE3LjUgTDIyLjEgOS44IEwzNi41IDE1LjYgTDQ5LjIgMTEuOCBMNjEuMiAxNC41IEw3My4wIDEwLjQgTDgzLjQgMTIuNSBMOTYuNiAxOC4wIEwxMTIuMSAxMy45IEwxMjIuNSAxMS40IEwxMjguOSA5LjIgTDEzOS41IDExLjkgTDE0OS4zIDE3LjAgTDE2MC42IDE0LjAgTDE2OS4wIDkuMiBMMTc4LjIgMTAuMiBMMTg5LjMgMTguMCBMMjAyLjEgMTAuNiBMMjE3LjAgMTYuMiBMMjMwLjMgMTcuMiBMMjQ0LjAgMTYuMSBMMjUzLjUgMTcuOCBMMjY5LjEgMTAuNSBMMjgyLjcgMTUuNCBMMjkzLjMgMTMuOCBMMzA0LjIgMTcuMyBMMzE1LjIgMTYuNSBMMzI0LjcgMTYuOSBMMzM5LjcgMTMuMSBMMzUxLjQgMTcuMyBMMzY0LjYgMTMuNCBMMzcyLjkgMTEuOSBMMzg1LjggMTAuNSBMNDAwLjkgMTEuNCBMNDE2LjAgMTEuOCBMNDMxLjYgMTUuNCBMNDQyLjcgMTMuNyBMNDU1LjIgMTQuMyBMNDY0LjMgMTAuOSBMNDc1LjQgMTcuNCBMNDg3LjYgOS43IEw1MDEuOCAxNS41IEw1MTYuOSAxMC43IEw1MzAuNCA5LjUgTDU0Mi45IDExLjUgTDU1MS4yIDE2LjkgTDU1OC4yIDEzLjcgTDU3Mi44IDExLjIgTDU4MC45IDE2LjkgTDU5MS4xIDE1LjUgTDYwMC4wIDEzLjUgTDYwMCAwWiIgZmlsbD0icmdiYSgwLDAsMCwuMjIpIiBmaWx0ZXI9InVybCgjYikiLz48cGF0aCBkPSJNMCAwIEwwLjAgOS41IEw0LjUgNy4xIEwxMC43IDYuNSBMMTguNCA2LjEgTDI1LjAgNi4xIEwyOC45IDExLjggTDMyLjIgNy4yIEwzOC41IDguNyBMNDEuMyAxMy4wIEw0NC42IDYuMiBMNDkuMCAxMC4zIEw1NS42IDYuNyBMNTkuOSA2LjEgTDY0LjkgMTEuNCBMNzEuNSAxMi40IEw3OC4xIDEyLjEgTDg0LjUgOS4zIEw4OC4yIDEwLjcgTDkyLjUgNi42IEw5Ny40IDEyLjIgTDEwMC42IDEwLjEgTDEwNS4zIDkuNiBMMTA4LjYgMTIuOCBMMTEyLjUgMTAuMyBMMTE3LjMgNi4wIEwxMjIuOSA2LjkgTDEyNS43IDYuMSBMMTI5LjEgNi42IEwxMzUuMSA5LjYgTDE0My4wIDEyLjYgTDE1MS4wIDcuNiBMMTU1LjkgNy43IEwxNjEuNyAxMC40IEwxNjguNiAxMS4wIEwxNzIuNSA4LjkgTDE3Ny45IDUuOSBMMTgwLjYgOC44IEwxODMuNyAxMS4xIEwxODcuNSA2LjYgTDE5MS4wIDcuNiBMMTk0LjcgOS42IEwxOTkuOCA4LjEgTDIwNS44IDcuNCBMMjEzLjMgMTIuOCBMMjE5LjggOS4wIEwyMjUuMSAxMC4xIEwyMjcuOSA4LjkgTDIzMy4zIDcuMiBMMjM2LjMgMTEuNyBMMjQwLjggOS42IEwyNDguNCAxMC4zIEwyNTIuNSAxMy4wIEwyNTcuMCA2LjAgTDI2My4zIDYuNiBMMjY3LjUgMTIuMCBMMjczLjcgNi4wIEwyNzguNiA4LjkgTDI4My44IDcuNCBMMjg5LjUgNi40IEwyOTMuNiA4LjYgTDMwMS4zIDYuNSBMMzA3LjkgNy4zIEwzMTMuNiA4LjcgTDMxOC42IDExLjMgTDMyMy4zIDYuOCBMMzI2LjQgNi41IEwzMzMuNiAxMC41IEwzNDEuNCAxMC45IEwzNDQuMCAxMC42IEwzNTAuOCAxMS4xIEwzNTYuMCA4LjUgTDM2MS4xIDExLjcgTDM2NS4wIDkuNyBMMzcwLjIgMTIuOCBMMzc3LjEgMTIuNiBMMzg0LjIgOC4wIEwzODguMCA5LjQgTDM5MS45IDkuMCBMMzk4LjEgMTIuNSBMNDAzLjggMTEuOCBMNDA2LjkgOC41IEw0MTQuOSA3LjAgTDQxOS43IDYuNCBMNDIyLjYgMTIuMyBMNDMwLjYgMTAuNiBMNDMzLjggOC4wIEw0MzcuNSAxMC43IEw0NDMuOCA5LjEgTDQ0OS4yIDYuNyBMNDU0LjYgMTIuNyBMNDYxLjMgNi42IEw0NjYuNiAxMS4xIEw0NzAuNiAxMi4zIEw0NzUuNiAxMS4wIEw0ODAuMyAxMy4xIEw0ODcuMSAxMC4wIEw0OTAuNCA5LjEgTDQ5My4xIDEwLjIgTDUwMC40IDcuMiBMNTA1LjcgOS40IEw1MTAuNSAxMS4wIEw1MTguMSAxMS4wIEw1MjMuMiAxMi44IEw1MjcuNSAxMS4zIEw1MzMuNyAxMS40IEw1NDAuOCA3LjUgTDU0Ni44IDguOCBMNTUyLjkgMTIuOSBMNTU4LjkgNi4wIEw1NjQuMCAxMS4wIEw1NzEuMyAxMC42IEw1NzguMyA2LjAgTDU4Ni4wIDExLjIgTDU5MS44IDEyLjQgTDYwMC4wIDkuNSBMNjAwIDBaIiBmaWxsPSIjRkNGQkY3Ii8+PHBhdGggZD0iTTAgMCBMMC4wIDYuMiBMNC45IDguMyBMMTUuOCA0LjIgTDI2LjUgNi44IEwzMi4yIDguMyBMMzcuNSA3LjAgTDQ1LjQgNC41IEw1NC41IDYuMCBMNjAuMyA5LjQgTDY1LjAgMi44IEw3My4zIDguNSBMODMuMyA3LjkgTDkxLjYgNy40IEw5OC42IDQuNiBMMTA3LjIgMy4wIEwxMTEuOSA3LjkgTDExNy41IDcuOSBMMTI4LjUgNS42IEwxMzguNiA4LjIgTDE1MC40IDMuNyBMMTU1LjggNS40IEwxNjQuMCA0LjggTDE2OC4xIDYuNiBMMTgwLjggNS4zIEwxODkuNiA1LjQgTDE5Ny42IDguNyBMMjA0LjQgNy4yIEwyMTIuOCA2LjUgTDIyNS4wIDMuMyBMMjM2LjQgNC45IEwyNDYuMiA4LjIgTDI1Ni4xIDUuNSBMMjY3LjcgMy40IEwyNzcuNCA1LjUgTDI4Ni4yIDguNiBMMjk3LjMgNy4xIEwzMDQuMSA0LjQgTDMxMi4yIDQuNCBMMzE4LjcgOS4zIEwzMjMuNyA4LjQgTDMzMS4xIDUuMyBMMzM4LjAgMy4zIEwzNDYuMSAzLjkgTDM1NC4xIDQuOCBMMzY2LjIgOS4xIEwzNzQuMSA3LjEgTDM4Ni41IDUuMCBMMzkxLjQgNC40IEwzOTcuMSA3LjQgTDQwNC41IDUuMiBMNDE1LjYgNC40IEw0MjYuOSA3LjEgTDQzNC41IDguNCBMNDQxLjYgOC44IEw0NTMuOSA2LjIgTDQ2NC4xIDkuMyBMNDc0LjggNy45IEw0ODYuNiA5LjIgTDQ5Ny40IDkuNSBMNTA0LjAgNy4wIEw1MTQuMSA1LjMgTDUyMS42IDQuMCBMNTM0LjIgNS4yIEw1NDIuNSA4LjkgTDU0OC4yIDkuMyBMNTUzLjQgMy4wIEw1NjAuNSA1LjIgTDU3Mi44IDguOCBMNTgzLjYgNS44IEw1OTIuNSA0LjQgTDYwMC4wIDYuMiBMNjAwIDBaIiBmaWxsPSIjRUZFQ0U2Ii8+PC9nPjwvc3ZnPg=="); --edge-sand-b:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA2MDAgMjYiPjxmaWx0ZXIgaWQ9ImIiIHg9Ii01JSIgeT0iLTYwJSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMjIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42Ii8+PC9maWx0ZXI+PHBhdGggZD0iTTAgMCBMMC4wIDEzLjUgTDguNCAxMy45IEwxOC4xIDE0LjQgTDMwLjMgOS42IEwzNi41IDE2LjUgTDQ1LjEgMTEuMSBMNjEuMCAxMy4yIEw3NS40IDEzLjMgTDg3LjggMTAuNCBMMTAwLjEgMTYuOCBMMTExLjQgMTUuNyBMMTI0LjEgOS42IEwxMzcuNyAxNC4zIEwxNDYuNyA5LjMgTDE2MS4zIDEzLjMgTDE3NC41IDE2LjkgTDE4Ny42IDE3LjMgTDE5Ny42IDE2LjIgTDIwOC4wIDE3LjQgTDIyMi44IDkuOSBMMjMwLjIgMTEuMCBMMjQ1LjggMTIuOSBMMjU4LjEgMTEuNyBMMjY5LjIgMTIuNSBMMjc4LjcgMTQuMyBMMjkwLjUgMTcuMSBMMzAzLjQgMTcuNCBMMzE3LjkgMTcuOSBMMzMwLjYgMTAuNSBMMzQ1LjIgMTcuNyBMMzYwLjMgMTQuMSBMMzczLjQgMTAuOSBMMzg3LjcgMTQuMiBMMzk2LjYgOS42IEw0MTEuMSAxNy45IEw0MTguMCAxNi4yIEw0MjguMSAxMC40IEw0MzcuMSAxNS45IEw0NTEuOCA5LjQgTDQ2My45IDkuNCBMNDc3LjEgMTIuMCBMNDkxLjkgMTcuOCBMNTAzLjAgMTguMCBMNTEyLjEgOS43IEw1MjQuMSA5LjMgTDUzMi4wIDEyLjcgTDU0NC4yIDEwLjQgTDU1MC42IDE2LjggTDU1OS43IDE3LjYgTDU3NC43IDEyLjQgTDU4NS4zIDEzLjcgTDYwMC4wIDEzLjUgTDYwMCAwWiIgZmlsbD0icmdiYSgwLDAsMCwuMjIpIiBmaWx0ZXI9InVybCgjYikiLz48cGF0aCBkPSJNMCAwIEwwLjAgOS41IEw1LjggOS45IEwxMS43IDEyLjcgTDE3LjAgOS4wIEwyMy40IDcuNiBMMjcuNiAxMi45IEwzMy4wIDkuOCBMMzUuNSA4LjkgTDQxLjIgNi4wIEw0Ny4xIDEwLjUgTDQ5LjkgMTAuNCBMNTUuMCAxMC44IEw1OS40IDExLjAgTDY2LjAgNi4xIEw2OC44IDEwLjggTDc2LjYgNy43IEw4MS42IDEwLjIgTDg1LjkgOC41IEw5MC4xIDguNiBMOTUuOSA4LjEgTDEwMC41IDExLjUgTDEwMy4xIDEwLjAgTDEwOS43IDguMSBMMTEzLjQgMTEuNyBMMTE3LjIgNy4yIEwxMjIuMSAxMC45IEwxMjUuMSA4LjIgTDEyOS41IDExLjkgTDEzNC40IDEyLjEgTDEzNy44IDguMyBMMTQzLjkgMTIuMyBMMTQ4LjkgNy41IEwxNTIuMCA5LjcgTDE1NS42IDExLjcgTDE2Mi43IDcuMiBMMTY2LjcgMTEuNyBMMTcyLjggMTEuNyBMMTc3LjIgNi44IEwxODEuMyAxMS42IEwxODUuMyA4LjQgTDE5MC4xIDguOSBMMTk0LjggMTIuNSBMMTk4LjIgNS45IEwyMDUuOSAxMi4yIEwyMTMuOCA5LjAgTDIyMS41IDEyLjYgTDIyNS4yIDExLjMgTDIzMi4zIDEwLjcgTDIzNy43IDguMCBMMjQyLjEgNy41IEwyNDQuOSAxMC4xIEwyNDkuMCAxMS43IEwyNTEuOCAxMi40IEwyNTguMSAxMi42IEwyNjUuNSAxMi40IEwyNzEuMiA2LjAgTDI3Ny44IDcuMSBMMjgxLjkgMTAuNyBMMjg3LjMgOC45IEwyOTUuMCAxMC4zIEwyOTkuNCA3LjcgTDMwNi42IDkuMyBMMzEzLjQgOC40IEwzMTcuMCA5LjcgTDMyNC4wIDcuMSBMMzMwLjggMTIuNSBMMzM3LjggMTEuOCBMMzQwLjMgMTAuNCBMMzQ3LjYgNi4zIEwzNTEuNSA3LjggTDM1Ni45IDguOSBMMzYyLjEgMTEuNSBMMzY0LjYgNi4zIEwzNjcuOCA2LjggTDM3MC42IDEyLjkgTDM3Ny44IDYuNSBMMzgzLjEgOC4yIEwzODcuMyA4LjQgTDM5My40IDEwLjEgTDM5Ny45IDcuMyBMNDAyLjIgNi44IEw0MDcuNyAxMS4xIEw0MTIuMyA2LjUgTDQxNS44IDguNiBMNDIxLjYgMTEuNSBMNDI2LjIgMTEuNyBMNDMyLjEgOS4wIEw0MzYuNyA5LjUgTDQ0My4xIDguOSBMNDQ5LjQgOS4yIEw0NTMuMiA5LjggTDQ1OS42IDYuNCBMNDY0LjQgOS4wIEw0NzEuNyAxMi42IEw0NzYuMyAxMi40IEw0ODMuMSA3LjggTDQ4OC4yIDYuOCBMNDk1LjIgMTAuNyBMNTAyLjUgMTEuNiBMNTA4LjcgMTEuMiBMNTE0LjMgNi42IEw1MjAuMCA1LjkgTDUyMy4zIDExLjUgTDUyNi4xIDYuNiBMNTI5LjEgMTIuMiBMNTMyLjYgNi4xIEw1MzkuNyA2LjggTDU0Ni45IDEwLjcgTDU1NC4wIDEyLjggTDU1OS43IDExLjcgTDU2Mi40IDExLjQgTDU2Ny43IDExLjAgTDU3MC44IDExLjMgTDU3OC40IDYuMyBMNTgyLjcgMTAuMCBMNTg5LjcgNy42IEw1OTMuMiA3LjcgTDYwMC4wIDkuNSBMNjAwIDBaIiBmaWxsPSIjRkNGQkY3Ii8+PHBhdGggZD0iTTAgMCBMMC4wIDYuMiBMMTAuOCA1LjUgTDE4LjEgNS41IEwyNS4yIDUuNiBMMzAuMCA2LjIgTDQyLjcgNS42IEw1My41IDMuOSBMNjMuNyA3LjkgTDczLjggNi4zIEw4Mi4xIDcuMiBMOTQuMiAzLjggTDk5LjEgNy45IEwxMTEuMyA2LjMgTDExOS4zIDcuNyBMMTI1LjAgNC42IEwxMzAuOCA2LjggTDEzNy42IDQuNCBMMTQ3LjggOS4zIEwxNTQuNSA3LjYgTDE2Mi4yIDguNiBMMTcxLjUgNC42IEwxNzcuNCAzLjAgTDE4NS43IDUuNCBMMTkxLjMgNS4zIEwxOTguMiA4LjEgTDIwMy41IDkuNSBMMjExLjggNi45IEwyMjAuMCA4LjUgTDIzMS40IDYuNiBMMjM5LjcgNy43IEwyNTEuNCA1LjUgTDI2Mi4wIDkuMyBMMjcwLjIgNC40IEwyNzYuNCA3LjcgTDI4Ni40IDkuMyBMMjk4LjEgNC40IEwzMDMuOCA0LjYgTDMwOS41IDcuNiBMMzIxLjIgOC45IEwzMjcuNSA4LjcgTDMzNC40IDUuNyBMMzQ0LjkgMy40IEwzNDkuNyA4LjUgTDM1Ni40IDUuMiBMMzY1LjYgNy40IEwzNjkuNyA1LjEgTDM3Ny42IDYuMSBMMzgzLjUgNi44IEwzOTYuMSA1LjUgTDQwNS4wIDMuNiBMNDExLjQgNy4zIEw0MTYuNSA4LjggTDQyOC42IDMuNSBMNDQxLjEgNS4zIEw0NTIuMSA3LjkgTDQ1OC43IDcuNCBMNDY4LjYgOC4zIEw0NzUuMCA3LjkgTDQ4Ny42IDcuNCBMNDk2LjUgMy42IEw1MDQuOSA1LjIgTDUxNS40IDcuNCBMNTI0LjUgNC4wIEw1MzQuMyA3LjEgTDUzOS45IDguOSBMNTQ5LjggMy42IEw1NjIuMiAzLjggTDU2OS4yIDcuNyBMNTc4LjUgNi42IEw1ODguNCA1LjkgTDU5NS4yIDQuMCBMNjAwLjAgNi4yIEw2MDAgMFoiIGZpbGw9IiNGM0Q5QTQiLz48L3N2Zz4="); --edge-sand-t:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA2MDAgMjYiPjxmaWx0ZXIgaWQ9ImIiIHg9Ii01JSIgeT0iLTYwJSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMjIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42Ii8+PC9maWx0ZXI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyNikgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0wIDAgTDAuMCAxMy41IEw4LjQgOS45IEwxOC4zIDEwLjQgTDI1LjAgMTIuNiBMNDAuMiAxNi4yIEw1My44IDExLjAgTDY1LjIgMTEuNSBMNzIuOSAxMC4wIEw4MS4xIDE3LjMgTDk1LjMgMTYuMyBMMTA5LjMgMTAuNyBMMTE4LjQgMTQuNiBMMTMxLjggMTYuNyBMMTQ2LjYgOS44IEwxNTguNiAxNS4wIEwxNjkuNyAxMC42IEwxODAuNCA5LjggTDE5NS44IDE2LjggTDIwNy4yIDExLjcgTDIyMi4zIDE0LjIgTDIzNy4yIDE2LjYgTDI0OC4yIDEyLjcgTDI2MC4yIDEyLjkgTDI2Ny44IDExLjcgTDI4Mi4wIDkuNCBMMjg4LjQgMTQuNiBMMjk3LjIgMTMuOCBMMzA3LjkgMTIuMSBMMzIzLjkgMTAuOCBMMzM0LjAgMTAuOCBMMzQ2LjQgMTEuNSBMMzU1LjkgMTUuNyBMMzY1LjEgMTQuMCBMMzgwLjIgOS45IEwzODYuOCAxMS4xIEw0MDAuNCAxNC41IEw0MDguOCAxMi4wIEw0MTYuNiAxMy4xIEw0MjMuMCAxNS4zIEw0MzguMCAxNy42IEw0NTEuMyAxNy42IEw0NTcuNSAxMS42IEw0NzMuMiAxNi4wIEw0ODMuMyAxNy41IEw0OTUuNSAxNi40IEw1MDQuNCAxMC43IEw1MTQuOSAxMC4yIEw1MjQuNyAxNy43IEw1MzQuMCA5LjEgTDU0MC40IDEwLjUgTDU1NC4zIDEyLjMgTDU2My4yIDkuOSBMNTc5LjAgMTIuOCBMNTg3LjEgOS41IEw1OTMuNiAxMC41IEw2MDAuMCAxMy41IEw2MDAgMFoiIGZpbGw9InJnYmEoMCwwLDAsLjIyKSIgZmlsdGVyPSJ1cmwoI2IpIi8+PHBhdGggZD0iTTAgMCBMMC4wIDkuNSBMMy4zIDYuMiBMOC41IDcuNyBMMTYuNSA2LjggTDIxLjkgMTEuNSBMMjYuNyAxMy4wIEwzMS44IDcuNiBMMzYuNiA2LjIgTDQxLjQgNy43IEw0OC44IDExLjkgTDU0LjAgNi4xIEw1Ny45IDcuNiBMNjEuNiA3LjYgTDY4LjggNi45IEw3MS42IDEyLjYgTDc3LjIgMTMuMCBMODEuOSAxMi40IEw4OC4wIDExLjYgTDk0LjYgOS41IEw5Ny42IDcuNCBMMTA1LjAgMTIuNCBMMTEyLjUgOC4zIEwxMTguNiAxMS43IEwxMjQuNyAxMS44IEwxMzAuMSAxMC42IEwxMzYuNCA3LjggTDE0My45IDEyLjggTDE0Ni44IDEyLjkgTDE1NC42IDEwLjcgTDE1Ny40IDEyLjQgTDE2MC42IDEyLjkgTDE2Ni44IDYuMyBMMTcwLjIgMTAuNSBMMTc1LjggMTEuMyBMMTgzLjQgNy41IEwxODUuOSAxMi41IEwxODguNSAxMi4yIEwxOTEuNiAxMS43IEwxOTguNCAxMi4yIEwyMDQuMCAxMi4yIEwyMDcuNiAxMC43IEwyMTEuOSAxMi4zIEwyMTguNiA5LjMgTDIyNC4wIDYuMSBMMjI2LjcgMTAuMiBMMjMxLjkgMTIuMSBMMjM3LjggNi45IEwyNDIuMyAxMS40IEwyNDcuNiA2LjAgTDI1NC43IDExLjkgTDI1Ny43IDkuOCBMMjYyLjMgMTEuNiBMMjY2LjUgNy42IEwyNzEuNyAxMi45IEwyNzQuNyA2LjcgTDI4MC42IDEyLjMgTDI4Ni4wIDkuMCBMMjkzLjIgMTEuNSBMMjk2LjAgMTIuMiBMMjk5LjYgOC4xIEwzMDYuNyA4LjkgTDMxMy42IDcuMSBMMzIwLjkgNy4yIEwzMjQuMiA5LjUgTDMyOC42IDkuOCBMMzM2LjEgMTEuMCBMMzM4LjYgOC4xIEwzNDQuMSA5LjQgTDM1MC41IDkuNCBMMzUzLjUgNy43IEwzNjAuNiA4LjUgTDM2Ny4zIDEzLjAgTDM3My4zIDEwLjggTDM3OS4xIDguMiBMMzg2LjYgOS4zIEwzOTQuMiA4LjEgTDQwMS40IDExLjYgTDQwNy4zIDkuMSBMNDEwLjYgMTEuNSBMNDE1LjEgMTAuNyBMNDE4LjMgNi41IEw0MjEuNiAxMS43IEw0MjUuMSAxMi40IEw0MjkuNiAxMC4wIEw0MzQuMCAxMC40IEw0MzcuMSA4LjggTDQ0NC43IDcuMiBMNDUwLjggOC4zIEw0NTUuMCA2LjEgTDQ1Ny42IDEyLjcgTDQ2NC42IDExLjcgTDQ3MS42IDEyLjggTDQ3NC45IDEwLjEgTDQ4MC4yIDEwLjAgTDQ4Ny44IDExLjQgTDQ5NS43IDYuNyBMNTAxLjcgMTAuOCBMNTA4LjMgMTAuMyBMNTE1LjQgOC4xIEw1MjMuMCA4LjggTDUyOC44IDEyLjQgTDUzNS4yIDguMSBMNTM4LjkgOC4zIEw1NDQuOSAxMy4xIEw1NTIuMyA4LjggTDU1Ny4wIDExLjggTDU2MS4xIDguOSBMNTYzLjcgNy4yIEw1NjkuMSAxMC45IEw1NzUuMCA4LjUgTDU4Mi44IDEwLjQgTDU4Ni4xIDYuNCBMNTk0LjAgMTMuMCBMNjAwLjAgOS41IEw2MDAgMFoiIGZpbGw9IiNGQ0ZCRjciLz48cGF0aCBkPSJNMCAwIEwwLjAgNi4yIEw5LjQgNC45IEwxNC4zIDQuNiBMMjAuMyA5LjEgTDMyLjMgOC4xIEwzNy42IDQuNCBMNDQuMyA5LjIgTDQ5LjggOC4yIEw1OS45IDYuNSBMNzIuNiA0LjYgTDgxLjMgMy45IEw4Ni4xIDMuMCBMOTMuMCAzLjYgTDk3LjUgOS41IEwxMDQuMSA4LjkgTDExNC41IDcuOCBMMTI0LjQgOS4zIEwxMzYuMyA3LjcgTDE0NS4zIDcuNSBMMTU1LjggNi42IEwxNjQuMyAzLjggTDE3NS45IDYuMSBMMTgwLjUgMy45IEwxOTIuNCA0LjUgTDE5OS45IDcuNCBMMjExLjcgNS4wIEwyMTkuMiA1LjcgTDIyMy40IDguOCBMMjI3LjYgOS4zIEwyMzMuMCAzLjkgTDI0NC42IDguNCBMMjUwLjcgNi42IEwyNTkuMCA3LjcgTDI2NC43IDguNCBMMjc3LjYgNy42IEwyODkuOSA5LjIgTDI5Ny4zIDguNiBMMzA4LjggNi44IEwzMTMuOCA3LjAgTDMyNi4wIDQuOSBMMzM1LjggOC45IEwzNDUuMiAzLjEgTDM1NC45IDQuNSBMMzY2LjYgNy4zIEwzNzMuNCA4LjkgTDM4My4wIDUuMSBMMzk0LjUgOC45IEw0MDYuNiA4LjggTDQxNi41IDcuNiBMNDI1LjkgNi40IEw0MzguOCA1LjIgTDQ0My42IDcuNyBMNDUyLjAgNi41IEw0NjEuNCA0LjUgTDQ2Ny4yIDMuMyBMNDc4LjMgOS4wIEw0ODguNSAzLjYgTDUwMS4zIDguNCBMNTA5LjkgMi44IEw1MjEuNSA3LjAgTDUzMS4xIDIuOSBMNTQxLjcgMy4wIEw1NTAuMCAzLjggTDU1Ny4zIDguOSBMNTY4LjAgOC4zIEw1NzQuNyA1LjQgTDU4NC4xIDMuMCBMNTkxLjggOS40IEw2MDAuMCA2LjIgTDYwMCAwWiIgZmlsbD0iI0YzRDlBNCIvPjwvZz48L3N2Zz4="); --edge-navy-b:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA2MDAgMjYiPjxmaWx0ZXIgaWQ9ImIiIHg9Ii01JSIgeT0iLTYwJSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMjIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42Ii8+PC9maWx0ZXI+PHBhdGggZD0iTTAgMCBMMC4wIDEzLjUgTDEyLjIgMTUuNyBMMjYuMiAxNy41IEwzOS42IDE3LjMgTDQ1LjkgMTMuMiBMNjEuMyAxNC44IEw3Ni4zIDEwLjAgTDg3LjAgMTEuMiBMOTguNCAxNC4yIEwxMDQuNiAxMS4wIEwxMTMuNCAxNy4yIEwxMjcuMCAxMC40IEwxNDEuMCAxMC4yIEwxNTMuMiAxMC4xIEwxNTkuMiAxNi44IEwxNjcuMyAxMC45IEwxODMuMSAxNi45IEwxOTIuMCAxNy43IEwyMDMuNCAxNS4xIEwyMTEuNCAxNy41IEwyMjQuMyAxNy43IEwyMzkuMyAxMS43IEwyNDguOSAxMC41IEwyNTYuNCA5LjYgTDI2NS40IDE0LjQgTDI3MS40IDE1LjEgTDI4MC44IDExLjggTDI5NS4wIDEzLjMgTDMwNC4xIDEzLjMgTDMxNy4yIDkuNSBMMzMyLjkgOS4yIEwzNDYuNCAxNi42IEwzNTIuNiAxNi4xIEwzNjIuMyAxNC4yIEwzNjguNCA5LjQgTDM3Ni4yIDE3LjYgTDM4NC4xIDE1LjggTDM5OS40IDE3LjUgTDQwOC45IDEyLjIgTDQyMC4xIDE2LjAgTDQyNy4yIDE1LjcgTDQ0MS4yIDE2LjcgTDQ0Ny41IDE3LjUgTDQ1NC40IDEyLjEgTDQ2Ni42IDE3LjMgTDQ3Ni4wIDE3LjMgTDQ4Ny40IDExLjggTDQ5Ni42IDEwLjYgTDUwMy40IDEwLjMgTDUxNi4yIDE4LjAgTDUyMy45IDkuNCBMNTM5LjcgMTMuOCBMNTQ5LjggMTEuMSBMNTYxLjcgMTYuNCBMNTcyLjMgMTIuOCBMNTc4LjggMTcuMiBMNTg1LjIgMTMuNCBMNjAwLjAgMTMuNSBMNjAwIDBaIiBmaWxsPSJyZ2JhKDAsMCwwLC4yMikiIGZpbHRlcj0idXJsKCNiKSIvPjxwYXRoIGQ9Ik0wIDAgTDAuMCA5LjUgTDMuMiAxMS4yIEwxMC45IDEwLjQgTDE3LjggNi43IEwyMi43IDcuMCBMMjkuOCA4LjAgTDM0LjggMTMuMSBMNDIuMCAxMi45IEw0Ny4wIDkuNCBMNTMuNSA5LjMgTDU3LjYgOC44IEw2MC45IDguNiBMNjguOCAxMi44IEw3NC44IDkuNSBMNzkuMiA2LjUgTDgzLjEgMTEuNSBMOTAuNCA4LjUgTDk3LjIgMTEuNSBMMTAzLjYgMTAuNyBMMTEwLjIgOC41IEwxMTYuNiA3LjkgTDEyMS44IDExLjQgTDEyOC4xIDguMCBMMTM1LjggMTAuNiBMMTQxLjUgNi4wIEwxNDcuMCA3LjcgTDE1My4yIDkuMiBMMTYwLjIgMTAuNiBMMTY3LjEgOC40IEwxNzMuMSAxMS4yIEwxODAuMiA4LjQgTDE4Ny4zIDEyLjIgTDE5My42IDEyLjkgTDIwMS4zIDkuNiBMMjA2LjggNy4xIEwyMTMuOSAxMi42IEwyMTkuMCAxMC45IEwyMjUuNCAxMS4yIEwyMjguOSAxMS41IEwyMzQuNiAxMC43IEwyMzkuNCAxMC40IEwyNDYuMiAxMC41IEwyNTIuNiA2LjEgTDI1Ni4wIDkuMSBMMjYyLjEgNy41IEwyNjguMyAxMC40IEwyNzEuMSA5LjMgTDI3NC44IDYuMyBMMjc4LjEgOC4yIEwyODEuNiA3LjMgTDI4NC4yIDkuMyBMMjg4LjggMTAuMyBMMjk0LjYgNy42IEwzMDIuMSA1LjkgTDMwNi44IDcuOSBMMzExLjUgNi43IEwzMTguNiA4LjYgTDMyMS4zIDEwLjMgTDMyNC4zIDkuOCBMMzI4LjcgMTAuMSBMMzM2LjUgMTEuOCBMMzQxLjMgMTEuOCBMMzQ3LjMgOC42IEwzNTAuNiAxMC4yIEwzNTYuMiAxMi44IEwzNjQuMCAxMC4zIEwzNjguNCAxMi4zIEwzNzAuOSA2LjcgTDM3Ni42IDEwLjMgTDM3OS44IDEwLjQgTDM4Ny4yIDguNiBMMzkyLjEgNy41IEwzOTYuMiAxMi45IEw0MDAuOCAxMi44IEw0MDguMyAxMC4yIEw0MTIuMyAxMy4wIEw0MTcuNSA4LjkgTDQyMS43IDEzLjAgTDQyNi45IDguMCBMNDMyLjEgNi44IEw0MzguMCA5LjEgTDQ0Mi4xIDExLjUgTDQ0OS4xIDYuMCBMNDU0LjYgNy45IEw0NjIuMiAxMS41IEw0NjYuMSA3LjggTDQ2OS40IDEzLjAgTDQ3My41IDEwLjMgTDQ3OC42IDEwLjUgTDQ4NC41IDExLjMgTDQ4Ny42IDExLjQgTDQ5MS44IDkuNyBMNDk2LjEgOC4wIEw1MDEuNSA5LjIgTDUwNi4wIDExLjMgTDUxMS44IDYuMiBMNTE1LjcgOS4yIEw1MjMuMiAxMi4zIEw1MjguNyA2LjAgTDUzNS41IDkuMCBMNTQxLjEgMTEuMCBMNTQ3LjEgOS40IEw1NTQuNiA4LjcgTDU1OS4zIDEyLjAgTDU2Mi45IDguMCBMNTY5LjkgNi40IEw1NzcuMCAxMC45IEw1ODEuOSA4LjAgTDU4OC43IDEyLjUgTDU5Mi4wIDkuMyBMNjAwLjAgOS41IEw2MDAgMFoiIGZpbGw9IiNGQ0ZCRjciLz48cGF0aCBkPSJNMCAwIEwwLjAgNi4yIEw4LjUgNS4wIEwxMy45IDYuOCBMMjUuMiAzLjMgTDMxLjIgOC40IEw0Mi40IDcuMyBMNDYuNiA3LjcgTDU5LjQgOS42IEw2OS43IDMuMSBMODEuMyA0LjMgTDkxLjEgOS4zIEwxMDEuNSAzLjcgTDEwOC4xIDkuMCBMMTEzLjUgNy4wIEwxMjEuMiAzLjkgTDEzMC44IDMuMSBMMTM1LjggNS40IEwxNDAuNCAzLjIgTDE0OS42IDcuOCBMMTYxLjUgMy43IEwxNjkuNCA0LjkgTDE3OC44IDYuMSBMMTkxLjMgNS4zIEwxOTUuOCA3LjUgTDIwMS4xIDcuMSBMMjA5LjcgOS4wIEwyMTguNyA3LjAgTDIyNS4wIDYuNiBMMjMxLjMgNy45IEwyNDAuMCAzLjcgTDI0Ni4xIDUuMyBMMjU2LjcgNC4wIEwyNjcuMSA3LjMgTDI3MS45IDcuMyBMMjc2LjcgMy42IEwyODYuMSA0LjQgTDI5OC4wIDYuMSBMMzA0LjkgOC4yIEwzMDkuMSA3LjcgTDMxMy42IDMuOCBMMzI2LjIgNy40IEwzMzIuMiAzLjYgTDM0NS4wIDcuMyBMMzU2LjMgMy44IEwzNjYuMCA1LjIgTDM3Mi4xIDUuMSBMMzgxLjYgNS4yIEwzODkuMSAzLjcgTDQwMC42IDcuMiBMNDExLjggNS43IEw0MjMuNSA2LjMgTDQzMi44IDYuNyBMNDQzLjUgNS41IEw0NDguMyAzLjAgTDQ1NC4xIDMuMSBMNDY2LjIgNi4xIEw0NzcuMCAyLjggTDQ4NS4yIDguOSBMNDk0LjggNS43IEw1MDMuMCAzLjUgTDUwOC40IDMuOSBMNTE1LjggNS40IEw1MjcuNyAzLjggTDUzNC4wIDQuNyBMNTM5LjQgNC44IEw1NDUuNSA2LjEgTDU0OS44IDkuMSBMNTU3LjEgOS4yIEw1NjcuMyA3LjQgTDU3NS42IDkuMiBMNTgwLjYgNy4zIEw1ODcuMyA3LjQgTDYwMC4wIDYuMiBMNjAwIDBaIiBmaWxsPSIjMUIyMzQyIi8+PC9zdmc+"); --edge-navy-t:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA2MDAgMjYiPjxmaWx0ZXIgaWQ9ImIiIHg9Ii01JSIgeT0iLTYwJSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMjIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42Ii8+PC9maWx0ZXI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyNikgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0wIDAgTDAuMCAxMy41IEwxMy45IDE2LjQgTDI0LjggMTEuNCBMMzAuOCAxNS4wIEw0MS41IDE1LjggTDUxLjIgMTUuOSBMNTkuOSAxNi4yIEw3My4yIDEyLjcgTDg0LjYgMTUuMSBMOTIuNiAxNC4wIEwxMDYuNiAxMS40IEwxMjAuNiAxNS4yIEwxMzUuMSAxMi4wIEwxNDIuMCAxNi4yIEwxNTYuMSAxMy4wIEwxNjMuMCAxMC44IEwxNzUuNCAxMS42IEwxOTAuOSAxNC4zIEwxOTguOSAxNC45IEwyMDguNSAxNy40IEwyMjMuNiAxMy42IEwyMzYuMCAxNS4zIEwyNTAuMSAxNy44IEwyNTYuNCAxMi4zIEwyNjguNCAxMS43IEwyODAuMyA5LjggTDI5NS4xIDEzLjcgTDMwMi4yIDE1LjAgTDMxMS40IDEwLjggTDMyMi4yIDEwLjIgTDMzMC4zIDE2LjggTDM0My4zIDkuMSBMMzU3LjEgOS4yIEwzNjYuNCAxNy4xIEwzNzguNiAxMS44IEwzODguNCAxMi41IEwzOTUuNiAxOC4wIEw0MDIuMiAxMi44IEw0MTUuNiAxMi42IEw0MzEuNCAxMS4yIEw0NDcuMiAxNy4wIEw0NTkuOSAxNy4wIEw0NzAuNCAxNi41IEw0ODQuNCAxMy43IEw0OTUuMSAxNS40IEw1MDUuMiA5LjggTDUxOC42IDExLjQgTDUyOS41IDE2LjEgTDUzNy4yIDkuMiBMNTQ0LjUgMTQuMyBMNTU0LjEgMTEuMyBMNTY0LjYgMTcuMyBMNTczLjEgMTIuNyBMNTg3LjkgMTQuNSBMNjAwLjAgMTMuNSBMNjAwIDBaIiBmaWxsPSJyZ2JhKDAsMCwwLC4yMikiIGZpbHRlcj0idXJsKCNiKSIvPjxwYXRoIGQ9Ik0wIDAgTDAuMCA5LjUgTDUuMSA5LjMgTDguNCA4LjYgTDEyLjYgMTEuNyBMMTYuOSAxMC42IEwyNC43IDEyLjUgTDI5LjMgMTAuMiBMMzMuNSA4LjggTDM4LjcgMTEuNiBMNDYuNCA4LjAgTDQ4LjkgOS4xIEw1MS43IDYuMSBMNTguNSA2LjcgTDY0LjkgOC41IEw3Mi42IDEyLjAgTDc1LjQgNy4zIEw4My4xIDEwLjMgTDg3LjkgMTEuNSBMOTQuOSA5LjQgTDEwMC4wIDYuNiBMMTA0LjUgNi45IEwxMTAuNCAxMC4zIEwxMTMuNyAxMC40IEwxMTYuOCA2LjcgTDEyMi44IDkuMiBMMTMwLjMgMTAuNCBMMTM2LjYgNi44IEwxNDMuNyA2LjUgTDE0OS42IDEyLjUgTDE1Ny4xIDEyLjMgTDE2Mi4xIDEwLjkgTDE2OC45IDYuOSBMMTc2LjYgMTIuNCBMMTgxLjUgMTEuNSBMMTg2LjUgNy45IEwxOTIuOSA2LjQgTDE5OS44IDEyLjkgTDIwMy45IDEyLjcgTDIwNi45IDEyLjEgTDIxMC45IDEyLjkgTDIxNS44IDEyLjUgTDIxOC40IDYuNSBMMjI1LjQgMTAuNSBMMjMwLjkgNi4xIEwyMzQuMyA4LjYgTDIzNy4xIDEzLjAgTDI0My44IDEyLjcgTDI1MC4yIDguNCBMMjUzLjEgMTEuMiBMMjU2LjIgOS44IEwyNjEuMyA5LjUgTDI2NC4yIDYuNCBMMjY5LjYgNi4xIEwyNzQuOSA3LjAgTDI3OS4wIDcuMCBMMjg0LjYgOC43IEwyODguMyA3LjUgTDI5My45IDEyLjUgTDI5OC44IDcuMSBMMzAzLjAgNy42IEwzMDguNiAxMS42IEwzMTQuMyA3LjMgTDMxOC42IDguNiBMMzIzLjUgOC44IEwzMzEuNSA5LjkgTDMzNy42IDExLjEgTDM0My43IDExLjcgTDM0OC4yIDEwLjcgTDM1Ni4xIDcuMSBMMzYyLjAgOC43IEwzNjQuOCA2LjIgTDM3MS41IDYuNyBMMzc3LjkgNi42IEwzODIuNCA2LjEgTDM4Ny45IDExLjYgTDM5MS43IDEwLjAgTDM5OS4yIDguMCBMNDA0LjMgMTEuMSBMNDExLjYgNy4xIEw0MTcuNyA2LjggTDQyMC44IDEzLjAgTDQyMy42IDEyLjUgTDQzMC4yIDEwLjggTDQzNi44IDEwLjYgTDQ0MC44IDkuMSBMNDQ0LjQgMTIuMSBMNDUxLjIgMTEuNiBMNDU0LjkgMTAuMiBMNDU4LjggMTEuNiBMNDY1LjQgMTMuMSBMNDcxLjggMTAuOCBMNDc4LjYgNi42IEw0ODQuMyA2LjEgTDQ4OC45IDYuNyBMNDk2LjYgNi4xIEw1MDQuMSAxMi43IEw1MDkuMCAxMS45IEw1MTEuOCA2LjkgTDUxNC40IDYuNCBMNTE2LjkgMTEuOSBMNTE5LjkgMTAuMiBMNTIzLjkgNi45IEw1MjguNyA3LjIgTDUzNi42IDguNyBMNTQyLjMgMTAuMCBMNTQ4LjMgOS40IEw1NTIuMyA2LjkgTDU1OS42IDcuMyBMNTY0LjYgMTEuNyBMNTcwLjMgMTIuNyBMNTc3LjIgOS42IEw1ODAuNCAxMC4yIEw1ODUuNSAxMi4xIEw1OTAuOSAxMC45IEw2MDAuMCA5LjUgTDYwMCAwWiIgZmlsbD0iI0ZDRkJGNyIvPjxwYXRoIGQ9Ik0wIDAgTDAuMCA2LjIgTDguMiA4LjUgTDIwLjMgMy44IEwzMi42IDguNyBMNDQuMyA1LjEgTDUwLjYgMy43IEw1Ny45IDguNiBMNjUuMiAyLjggTDcxLjkgMy40IEw4MS41IDguMCBMOTMuOSAzLjQgTDEwMS4zIDMuNyBMMTEzLjUgOC41IEwxMjIuMSA5LjMgTDEzMC44IDguMSBMMTM5LjIgNS4zIEwxNTIuMiA4LjUgTDE2MS41IDguNyBMMTcxLjMgOC4yIEwxNzUuOSAzLjcgTDE4MC45IDYuOSBMMTkxLjQgMy45IEwyMDAuMCAzLjYgTDIxMC4xIDguMSBMMjE0LjkgOS41IEwyMjQuOSAzLjYgTDIzMi4xIDMuOSBMMjQyLjYgOS4wIEwyNDguMiA0LjEgTDI1Ny45IDguNiBMMjY4LjUgNS45IEwyNzMuNSA3LjAgTDI4MS42IDguMyBMMjkwLjcgNy44IEwzMDMuNSA3LjEgTDMxNS43IDQuNyBMMzE5LjcgOC44IEwzMjQuMCA5LjYgTDMzMi4xIDMuMiBMMzM4LjUgNy43IEwzNDYuMCA3LjAgTDM1MC45IDguNSBMMzU4LjMgOC41IEwzNjMuNiA3LjMgTDM3MS44IDUuNiBMMzc2LjAgNi40IEwzODcuNSAzLjUgTDM5NS42IDIuOSBMNDA4LjUgOS40IEw0MTguNiA2LjEgTDQyMy4yIDMuNiBMNDMzLjYgOC4yIEw0NDYuNSA4LjcgTDQ1NC40IDQuNSBMNDYzLjMgNS4yIEw0NzIuMiA4LjggTDQ4MC4zIDkuNSBMNDkwLjcgMy4xIEw1MDEuNSA3LjMgTDUxMS4xIDIuOCBMNTIzLjAgNi4yIEw1MzEuOCA0LjAgTDUzNi4xIDIuOSBMNTQyLjAgNC45IEw1NDcuNCAzLjIgTDU1Ny45IDcuNiBMNTY5LjkgNC4zIEw1ODAuNCA2LjggTDU4NS4zIDguOCBMNTkyLjUgNC4xIEw2MDAuMCA2LjIgTDYwMCAwWiIgZmlsbD0iIzFCMjM0MiIvPjwvZz48L3N2Zz4="); --edge-ink-b:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA2MDAgMjYiPjxmaWx0ZXIgaWQ9ImIiIHg9Ii01JSIgeT0iLTYwJSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMjIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42Ii8+PC9maWx0ZXI+PHBhdGggZD0iTTAgMCBMMC4wIDEzLjUgTDkuMiAxMC40IEwyMS43IDkuNyBMMzMuMSAxMi4zIEwzOS43IDEzLjYgTDQ2LjEgMTIuOSBMNTIuOCA5LjggTDYzLjAgMTYuNCBMNzAuMiAxMS4wIEw4Mi41IDE3LjUgTDk0LjMgMTIuNiBMMTEwLjEgOS40IEwxMjQuNiAxMS42IEwxMzIuMSAxMC4xIEwxNDEuMiAxNi4zIEwxNDkuMCAxNC4yIEwxNjEuNCAxMi40IEwxNzIuOCA5LjYgTDE3OS40IDEwLjkgTDE5Mi4yIDEyLjggTDIwMS40IDE0LjMgTDIxMS45IDExLjcgTDIyNS45IDE1LjMgTDIzNC4zIDE0LjIgTDI0NS41IDE2LjkgTDI1OC44IDExLjYgTDI3NC42IDEwLjEgTDI4NC44IDE1LjggTDI5Mi4zIDEzLjQgTDI5OC43IDE1LjAgTDMxMi40IDE0LjIgTDMyNy4xIDExLjggTDM0MC4xIDE0LjMgTDM1MS45IDEzLjEgTDM2Ni4zIDE3LjUgTDM3Ny4wIDE1LjAgTDM4My42IDE1LjMgTDM5Ni4xIDE3LjkgTDQxMC4zIDExLjYgTDQyMC4yIDE1LjAgTDQyNi40IDEzLjIgTDQzNC4xIDEwLjEgTDQ0MC43IDE1LjkgTDQ0OC4wIDExLjIgTDQ1Ny45IDE2LjggTDQ2NC43IDEzLjAgTDQ3Ni4yIDE3LjAgTDQ5MC40IDE2LjggTDQ5OS4yIDEyLjcgTDUwOC43IDE3LjAgTDUyNC4zIDEwLjQgTDUzMi4xIDExLjEgTDU0MC40IDEzLjQgTDU1Mi4zIDExLjQgTDU1OC40IDEyLjggTDU2OC4wIDE0LjEgTDU4My42IDE1LjIgTDYwMC4wIDEzLjUgTDYwMCAwWiIgZmlsbD0icmdiYSgwLDAsMCwuMjIpIiBmaWx0ZXI9InVybCgjYikiLz48cGF0aCBkPSJNMCAwIEwwLjAgOS41IEw1LjkgMTAuOCBMOC43IDEyLjQgTDE1LjUgMTIuMiBMMjIuNCA4LjcgTDI3LjEgNi42IEwzMy4xIDYuMyBMMzUuOSA3LjQgTDM5LjMgOC4zIEw0Mi4xIDUuOSBMNDUuNCA2LjYgTDQ5LjkgNi4xIEw1Ny4yIDEwLjMgTDYwLjYgNy43IEw2NS4wIDguNSBMNjguMiAxMi4wIEw3Ni4xIDkuMyBMODEuMyA2LjUgTDg0LjMgOC40IEw4OC4zIDExLjkgTDkxLjcgNi4xIEw5OS40IDkuNyBMMTAyLjcgOS44IEwxMDUuNCA5LjcgTDExMy4yIDEyLjEgTDExOS42IDcuOCBMMTI0LjEgNy4xIEwxMzAuOCA5LjcgTDEzNy42IDguMyBMMTQxLjQgMTEuNyBMMTQ5LjMgMTIuMCBMMTU2LjIgMTEuOCBMMTYyLjggNy41IEwxNjguMSA4LjUgTDE3MC44IDYuMSBMMTc0LjggNy44IEwxODEuMSAxMi44IEwxODYuMSAxMi42IEwxOTQuMCAxMi44IEwxOTguNSA3LjUgTDIwMi4zIDcuMyBMMjA1LjkgMTAuNCBMMjEzLjMgMTIuMCBMMjE4LjUgMTAuNiBMMjI1LjQgNi41IEwyMzEuNSAxMi41IEwyMzguMyAxMS4zIEwyNDMuNCA3LjIgTDI1MC4zIDguMyBMMjU3LjIgMTIuOSBMMjYxLjkgOC44IEwyNjkuNiAxMS4xIEwyNzMuMCA2LjggTDI3Ni4zIDEyLjQgTDI4My4zIDcuMCBMMjkwLjMgMTMuMCBMMjk2LjQgOC40IEwzMDIuMCA2LjggTDMwNC41IDEyLjkgTDMxMC42IDkuNyBMMzE4LjIgOS4wIEwzMjUuNSAxMS44IEwzMjkuMiA3LjcgTDMzMy4zIDcuNiBMMzM5LjAgNy44IEwzNDMuOCA2LjggTDM1MS4zIDguNCBMMzU2LjQgMTAuMSBMMzYzLjggOC45IEwzNzEuNCA5LjUgTDM3Ni44IDkuNyBMMzc5LjQgOS4xIEwzODIuOSA1LjkgTDM4OS44IDcuMSBMMzk0LjkgMTEuMSBMNDAwLjUgOC4yIEw0MDUuOCA5LjkgTDQxMi42IDYuNyBMNDE4LjIgNy43IEw0MjIuMiAxMS41IEw0MjcuNSA5LjkgTDQzNC4yIDEyLjUgTDQzOS4yIDEwLjMgTDQ0NC40IDkuNiBMNDUwLjcgOS4yIEw0NTYuMiA5LjMgTDQ2My45IDEwLjkgTDQ3MS4yIDEyLjcgTDQ3NS4xIDkuOSBMNDgyLjggMTEuOSBMNDg2LjEgNi44IEw0OTEuMCA2LjQgTDQ5NC44IDYuNCBMNTAxLjAgMTEuNSBMNTA4LjQgNy4wIEw1MTQuOSAxMC43IEw1MTguMSAxMi4zIEw1MjYuMCA3LjUgTDUzMy43IDguOCBMNTM4LjkgMTMuMCBMNTQ2LjAgNy4xIEw1NTAuOCA5LjYgTDU1NS4yIDcuMyBMNTU5LjUgMTEuMSBMNTYyLjEgOS45IEw1NjcuMCA2LjAgTDU3MS4zIDEwLjQgTDU3Ni42IDYuNCBMNTg0LjUgMTEuNiBMNTkyLjQgNi43IEw1OTYuNCA2LjIgTDYwMC4wIDkuNSBMNjAwIDBaIiBmaWxsPSIjRkNGQkY3Ii8+PHBhdGggZD0iTTAgMCBMMC4wIDYuMiBMNi40IDMuNyBMMTQuMiA5LjAgTDI1LjYgNC42IEwzMC45IDkuMSBMNDAuMSA3LjYgTDQ0LjkgMy4yIEw1NS4xIDUuNyBMNTkuNyA5LjIgTDY5LjQgOC4zIEw3NC4yIDguNiBMNzguOCA4LjcgTDg2LjkgNS4xIEw5NS45IDkuMSBMMTAyLjMgMy43IEwxMTEuMCA0LjQgTDExNi4wIDMuOSBMMTIwLjUgNC4yIEwxMjcuMyA0LjkgTDEzOC4xIDQuOCBMMTQ2LjYgNC4wIEwxNTMuNyAyLjkgTDE2MC4wIDIuOSBMMTcwLjYgNi41IEwxNzYuMyA2LjAgTDE4OC43IDMuNSBMMjAwLjEgNS43IEwyMDguNSA4LjUgTDIxNi4xIDYuMiBMMjI2LjIgOS41IEwyMzMuMyA4LjUgTDI0My43IDcuMSBMMjUxLjMgNS4yIEwyNTUuOCAzLjcgTDI2MC41IDcuOCBMMjY2LjggMy45IEwyNzEuNSA4LjUgTDI4My4zIDcuNCBMMjg5LjkgNC40IEwyOTYuNSA1LjkgTDMwMS45IDUuOCBMMzA4LjMgOS4zIEwzMjEuMSA2LjUgTDMyNy4zIDkuNCBMMzM0LjEgNS4yIEwzMzguMSA1LjQgTDM0Ni4zIDYuMiBMMzUyLjEgNi4yIEwzNTYuMiA0LjYgTDM2MS4wIDUuNSBMMzY1LjQgMy4wIEwzNzIuMSA0LjQgTDM4MS40IDYuNCBMMzkyLjEgNy4zIEw0MDIuNiA4LjggTDQxMC4xIDUuMCBMNDIyLjkgMy44IEw0MzMuNSA3LjIgTDQzNy45IDguNSBMNDQ5LjkgNy4xIEw0NjAuNSA4LjMgTDQ2NS43IDYuNCBMNDc0LjMgOC41IEw0ODUuNSA4LjQgTDQ5NC44IDguOSBMNTA0LjkgNy41IEw1MTEuMCAzLjAgTDUxNi4yIDUuMyBMNTIxLjEgOC41IEw1MzAuMiA3LjEgTDUzOS44IDcuNCBMNTQ4LjIgMi44IEw1NTkuNCA3LjkgTDU2Ny45IDYuNCBMNTc3LjggMy4yIEw1ODguNSA0LjUgTDU5My4xIDQuNiBMNjAwLjAgNi4yIEw2MDAgMFoiIGZpbGw9IiMxMTExMTEiLz48L3N2Zz4="); --edge-ink-t:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA2MDAgMjYiPjxmaWx0ZXIgaWQ9ImIiIHg9Ii01JSIgeT0iLTYwJSIgd2lkdGg9IjExMCUiIGhlaWdodD0iMjIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42Ii8+PC9maWx0ZXI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyNikgc2NhbGUoMSAtMSkiPjxwYXRoIGQ9Ik0wIDAgTDAuMCAxMy41IEw4LjMgMTcuNyBMMTUuNSAxNS4zIEwyMi40IDExLjIgTDM4LjQgMTAuOSBMNTAuOCAxMy4xIEw2MS4zIDEzLjUgTDY5LjIgMTYuNSBMNzYuMSAxMS4xIEw4Mi4zIDExLjQgTDkyLjQgMTcuMSBMMTAyLjIgMTAuMCBMMTEwLjggMTcuOSBMMTE3LjQgMTQuNiBMMTI3LjIgMTQuOSBMMTM2LjYgMTUuMiBMMTQ3LjYgMTQuOCBMMTYyLjYgMTQuMiBMMTcwLjAgOS42IEwxODUuNSAxMy40IEwxOTMuNCAxNy41IEwyMDUuMiAxNS42IEwyMjAuMCAxMS42IEwyMjkuNiAxNi45IEwyMzYuOSAxNS45IEwyNDMuOSAxNS4yIEwyNTYuOSAxNy41IEwyNzEuMyAxMy41IEwyNzkuMyAxMC40IEwyOTAuNiAxMy42IEwyOTcuMyAxNy4xIEwzMDguNCAxNS4zIEwzMTYuNiAxMS4yIEwzMjIuNyAxMi4xIEwzMzEuNCAxMi44IEwzNDEuMSAxNi41IEwzNTYuMSAxMC42IEwzNjYuMCAxMC41IEwzNzguNyAxNy44IEwzODYuNyAxNS45IEwzOTUuNyA5LjEgTDQwOS4zIDEyLjEgTDQxNy4wIDEyLjkgTDQyNS4zIDEyLjcgTDQzNS44IDEyLjggTDQ0Ny43IDExLjYgTDQ1NC42IDkuOCBMNDYxLjcgMTMuNyBMNDcxLjMgMTYuMyBMNDgyLjMgMTUuNCBMNDk4LjEgOS42IEw1MDQuMyAxMC4zIEw1MTQuMiAxNC4yIEw1MjcuNiAxMi4yIEw1NDMuMyA5LjAgTDU1Ny42IDEwLjkgTDU3Mi40IDkuMyBMNTg4LjAgMTUuOCBMNjAwLjAgMTMuNSBMNjAwIDBaIiBmaWxsPSJyZ2JhKDAsMCwwLC4yMikiIGZpbHRlcj0idXJsKCNiKSIvPjxwYXRoIGQ9Ik0wIDAgTDAuMCA5LjUgTDUuNyA3LjIgTDEzLjUgOS4xIEwxNi41IDEwLjMgTDIxLjcgOS4zIEwyNS4xIDYuOCBMMzAuOCA5LjIgTDM0LjAgOS4xIEw0MC40IDExLjEgTDQ1LjUgOC43IEw1MC4wIDcuNSBMNTMuNiA5LjEgTDU2LjcgMTEuMSBMNjMuMSAxMC4zIEw2NS43IDguNSBMNzAuNiA2LjYgTDc4LjQgMTEuMyBMODMuNyAxMS4wIEw4Ny4zIDcuNiBMOTIuNyAxMS4zIEw5OC43IDUuOSBMMTA0LjYgMTIuNCBMMTExLjIgMTIuNiBMMTE5LjEgNy41IEwxMjMuMiA5LjggTDEzMS4xIDguNiBMMTM4LjggMTIuMCBMMTQ0LjEgMTAuNCBMMTUxLjkgMTEuNSBMMTU2LjAgMTIuMCBMMTU5LjYgOC42IEwxNjcuNCAxMi4wIEwxNzEuNiA4LjAgTDE3Ny41IDEyLjAgTDE4My43IDEyLjYgTDE5MC4yIDExLjggTDE5Ni4wIDguNSBMMjAwLjkgOS40IEwyMDYuMyAxMS45IEwyMTAuMyA2LjQgTDIxNi44IDcuOSBMMjIxLjYgNi43IEwyMjguNyA3LjkgTDIzMi44IDExLjcgTDIzOC4xIDcuOSBMMjQ1LjUgOC45IEwyNDkuOSAxMi45IEwyNTYuOCAxMS4zIEwyNjAuNyAxMS44IEwyNjYuNCAxMS45IEwyNzEuMCAxMS41IEwyNzcuOCA4LjcgTDI4My45IDExLjUgTDI5MS45IDEyLjUgTDI5OC43IDYuOSBMMzA0LjYgMTAuOCBMMzA3LjYgOS4yIEwzMTQuOCAxMi40IEwzMjIuNCA2LjYgTDMyOC4zIDEyLjEgTDMzNC4zIDguMiBMMzM3LjEgMTIuNSBMMzQ0LjMgMTAuNiBMMzQ4LjggMTEuOSBMMzU1LjggMTEuMSBMMzYxLjYgOC4yIEwzNjUuNyA4LjUgTDM3MC4wIDkuNiBMMzczLjEgMTEuMSBMMzc3LjYgNy4xIEwzODEuNSA4LjcgTDM4Ni4zIDExLjUgTDM4OS40IDcuNSBMMzkzLjUgNy4yIEw0MDAuMSA2LjcgTDQwMi45IDkuOSBMNDA5LjQgMTEuOCBMNDE1LjAgOC4zIEw0MjIuNCAxMS4yIEw0MjcuNSAxMC4wIEw0MzUuMSAxMy4xIEw0NDIuOCA2LjkgTDQ0Ny4xIDguOCBMNDUwLjUgMTEuNCBMNDUzLjMgMTIuMyBMNDU5LjAgMTAuMyBMNDYzLjggMTIuNiBMNDY5LjUgMTIuNCBMNDc3LjEgMTAuOSBMNDg1LjAgOS40IEw0ODkuNSAxMi4wIEw0OTQuOSA4LjEgTDUwMS4yIDkuMyBMNTA0LjQgMTEuOSBMNTA5LjYgMTIuOSBMNTE1LjAgMTIuNiBMNTE5LjEgNy41IEw1MjQuNSAxMS40IEw1MzEuNiAxMC42IEw1MzQuOCA4LjcgTDUzNy40IDguNiBMNTQ1LjEgOC40IEw1NTEuNSAxMC40IEw1NTQuOCAxMC45IEw1NTcuNyA3LjIgTDU2My40IDYuOCBMNTcxLjIgOS4wIEw1NzcuMiAxMi44IEw1ODAuMyAxMy4xIEw1ODMuMCAxMC4yIEw1ODkuMSAxMy4wIEw1OTMuNiAxMi43IEw2MDAuMCA5LjUgTDYwMCAwWiIgZmlsbD0iI0ZDRkJGNyIvPjxwYXRoIGQ9Ik0wIDAgTDAuMCA2LjIgTDguMyA0LjAgTDE0LjQgNS4zIEwyMS41IDUuMyBMMzIuOCA1LjMgTDQyLjUgMy4xIEw0Ny43IDcuNiBMNTkuNyA0LjkgTDY0LjAgNC40IEw3MS4zIDUuMyBMODAuMyA0LjkgTDkwLjIgOC4xIEwxMDEuMiA3LjggTDExMC41IDQuNiBMMTIyLjAgNC44IEwxMzMuOCA1LjggTDE0My40IDYuMiBMMTUzLjMgNS4xIEwxNjIuNSA3LjggTDE2OS44IDYuOSBMMTc3LjkgNi4wIEwxODUuMyA2LjUgTDE5NS43IDQuMCBMMjAxLjAgOC40IEwyMDUuOCA4LjIgTDIxNi43IDQuMyBMMjI2LjQgNC41IEwyMzguMyA0LjEgTDI0My40IDMuMCBMMjUzLjggNC4yIEwyNjAuNyA5LjQgTDI3MS4zIDcuOCBMMjgwLjUgNy4yIEwyODQuNiA4LjMgTDI5MS41IDguNiBMMjk5LjMgOS4wIEwzMDMuMyA5LjUgTDMwOC4xIDYuMyBMMzE2LjUgOS41IEwzMjYuOSA5LjUgTDMzOS4xIDUuNyBMMzQ0LjQgMy44IEwzNTQuOCA5LjMgTDM2NC44IDUuMiBMMzc0LjEgNy4zIEwzODAuNCA3LjUgTDM4Ni4yIDMuMCBMMzkwLjggNi4xIEw0MDEuMSA0LjMgTDQwOC42IDcuNSBMNDE1LjAgNi40IEw0MjQuNCA1LjYgTDQzMC4zIDcuNSBMNDQwLjYgNC4xIEw0NTEuOSA3LjMgTDQ2My43IDguMSBMNDcyLjEgNy43IEw0NzguOSA3LjIgTDQ4My43IDUuMiBMNDkyLjIgOC44IEw1MDIuNCA5LjAgTDUxNC4yIDkuNCBMNTIzLjggNy4wIEw1MzIuMCA0LjMgTDU0My4yIDcuMCBMNTQ4LjYgNC40IEw1NTQuNiA3LjcgTDU2NC4wIDQuMiBMNTc0LjIgNi42IEw1ODAuNiA1LjggTDU5My41IDMuOCBMNjAwLjAgNi4yIEw2MDAgMFoiIGZpbGw9IiMxMTExMTEiLz48L2c+PC9zdmc+"); --tex-paper:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJuIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjgiIG51bU9jdGF2ZXM9IjMiIHNlZWQ9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgLjMwICAwIDAgMCAwIC4yNiAgMCAwIDAgMCAuMjAgIDAgMCAwIC4wOSAwIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iZiIgeD0iMCIgeT0iMCI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9Ii4wMSAuMjUiIG51bU9jdGF2ZXM9IjIiIHNlZWQ9IjkiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgLjQyICAwIDAgMCAwIC4zNiAgMCAwIDAgMCAuMjggIDAgMCAwIC4wOSAtLjAxNSIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiBmaWx0ZXI9InVybCgjbikiLz48cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsdGVyPSJ1cmwoI2YpIi8+PC9zdmc+"); --tex-grain:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJnIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjkyIiBudW1PY3RhdmVzPSIyIiBzZWVkPSI1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNBIHR5cGU9InRhYmxlIiB0YWJsZVZhbHVlcz0iMCAxIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWx0ZXI9InVybCgjZykiLz48L3N2Zz4="); --tex-stamp:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMjIwIj48ZmlsdGVyIGlkPSJzIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjciIG51bU9jdGF2ZXM9IjIiIHNlZWQ9IjExIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9ImZpbmUiLz48ZmVDb2xvck1hdHJpeCBpbj0iZmluZSIgdmFsdWVzPSIwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAtMy40IDAgMCAwIDIuNzUiIHJlc3VsdD0iYSIvPjxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIuMDUiIG51bU9jdGF2ZXM9IjIiIHNlZWQ9IjQiIHN0aXRjaFRpbGVzPSJzdGl0Y2giIHJlc3VsdD0iY29hcnNlIi8+PGZlQ29sb3JNYXRyaXggaW49ImNvYXJzZSIgdmFsdWVzPSIwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAtMi42IDAgMCAwIDIuMyIgcmVzdWx0PSJiIi8+PGZlQ29tcG9zaXRlIGluPSJhIiBpbjI9ImIiIG9wZXJhdG9yPSJpbiIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIyMjAiIGhlaWdodD0iMjIwIiBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjcykiLz48L3N2Zz4="); --guilloche:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMjIwIj48cGF0aCBkPSJNMCAxMi4wIEw2IDE0LjIgTDEyIDE2LjEgTDE4IDE3LjcgTDI0IDE4LjcgTDMwIDE5LjAgTDM2IDE4LjcgTDQyIDE3LjcgTDQ4IDE2LjEgTDU0IDE0LjIgTDYwIDEyLjAgTDY2IDkuOCBMNzIgNy45IEw3OCA2LjMgTDg0IDUuMyBMOTAgNS4wIEw5NiA1LjMgTDEwMiA2LjMgTDEwOCA3LjkgTDExNCA5LjggTDEyMCAxMi4wIEwxMjYgMTQuMiBMMTMyIDE2LjEgTDEzOCAxNy43IEwxNDQgMTguNyBMMTUwIDE5LjAgTDE1NiAxOC43IEwxNjIgMTcuNyBMMTY4IDE2LjEgTDE3NCAxNC4yIEwxODAgMTIuMCBMMTg2IDkuOCBMMTkyIDcuOSBMMTk4IDYuMyBMMjA0IDUuMyBMMjEwIDUuMCBMMjE2IDUuMyBMMjIyIDYuMyBMMjI4IDcuOSBMMjM0IDkuOCBMMjQwIDEyLjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgzMCwxNDMsMjEzLC4xNykiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0wIDM4LjUgTDYgMzkuOSBMMTIgNDAuOCBMMTggNDEuMCBMMjQgNDAuNSBMMzAgMzkuNCBMMzYgMzcuNyBMNDIgMzUuNyBMNDggMzMuNSBMNTQgMzEuNCBMNjAgMjkuNSBMNjYgMjguMSBMNzIgMjcuMiBMNzggMjcuMCBMODQgMjcuNSBMOTAgMjguNiBMOTYgMzAuMyBMMTAyIDMyLjMgTDEwOCAzNC41IEwxMTQgMzYuNiBMMTIwIDM4LjUgTDEyNiAzOS45IEwxMzIgNDAuOCBMMTM4IDQxLjAgTDE0NCA0MC41IEwxNTAgMzkuNCBMMTU2IDM3LjcgTDE2MiAzNS43IEwxNjggMzMuNSBMMTc0IDMxLjQgTDE4MCAyOS41IEwxODYgMjguMSBMMTkyIDI3LjIgTDE5OCAyNy4wIEwyMDQgMjcuNSBMMjEwIDI4LjYgTDIxNiAzMC4zIEwyMjIgMzIuMyBMMjI4IDM0LjUgTDIzNCAzNi42IEwyNDAgMzguNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDMwLDE0MywyMTMsLjE3KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgNjIuOSBMNiA2Mi45IEwxMiA2Mi4zIEwxOCA2MS4wIEwyNCA1OS4zIEwzMCA1Ny4yIEwzNiA1NS4wIEw0MiA1Mi45IEw0OCA1MS4xIEw1NCA0OS44IEw2MCA0OS4xIEw2NiA0OS4xIEw3MiA0OS43IEw3OCA1MS4wIEw4NCA1Mi43IEw5MCA1NC44IEw5NiA1Ny4wIEwxMDIgNTkuMSBMMTA4IDYwLjkgTDExNCA2Mi4yIEwxMjAgNjIuOSBMMTI2IDYyLjkgTDEzMiA2Mi4zIEwxMzggNjEuMCBMMTQ0IDU5LjMgTDE1MCA1Ny4yIEwxNTYgNTUuMCBMMTYyIDUyLjkgTDE2OCA1MS4xIEwxNzQgNDkuOCBMMTgwIDQ5LjEgTDE4NiA0OS4xIEwxOTIgNDkuNyBMMTk4IDUxLjAgTDIwNCA1Mi43IEwyMTAgNTQuOCBMMjE2IDU3LjAgTDIyMiA1OS4xIEwyMjggNjAuOSBMMjM0IDYyLjIgTDI0MCA2Mi45IiBmaWxsPSJub25lIiBzdHJva2U9InJnYmEoMzAsMTQzLDIxMywuMTcpIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMCA4NC4wIEw2IDgyLjcgTDEyIDgwLjggTDE4IDc4LjcgTDI0IDc2LjUgTDMwIDc0LjUgTDM2IDcyLjggTDQyIDcxLjYgTDQ4IDcxLjAgTDU0IDcxLjIgTDYwIDcyLjAgTDY2IDczLjMgTDcyIDc1LjIgTDc4IDc3LjMgTDg0IDc5LjUgTDkwIDgxLjUgTDk2IDgzLjIgTDEwMiA4NC40IEwxMDggODUuMCBMMTE0IDg0LjggTDEyMCA4NC4wIEwxMjYgODIuNyBMMTMyIDgwLjggTDEzOCA3OC43IEwxNDQgNzYuNSBMMTUwIDc0LjUgTDE1NiA3Mi44IEwxNjIgNzEuNiBMMTY4IDcxLjAgTDE3NCA3MS4yIEwxODAgNzIuMCBMMTg2IDczLjMgTDE5MiA3NS4yIEwxOTggNzcuMyBMMjA0IDc5LjUgTDIxMCA4MS41IEwyMTYgODMuMiBMMjIyIDg0LjQgTDIyOCA4NS4wIEwyMzQgODQuOCBMMjQwIDg0LjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgzMCwxNDMsMjEzLC4xNykiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0wIDEwMi4zIEw2IDEwMC4yIEwxMiA5OC4wIEwxOCA5Ni4wIEwyNCA5NC41IEwzMCA5My40IEwzNiA5My4wIEw0MiA5My4zIEw0OCA5NC4yIEw1NCA5NS43IEw2MCA5Ny43IEw2NiA5OS44IEw3MiAxMDIuMCBMNzggMTA0LjAgTDg0IDEwNS41IEw5MCAxMDYuNiBMOTYgMTA3LjAgTDEwMiAxMDYuNyBMMTA4IDEwNS44IEwxMTQgMTA0LjMgTDEyMCAxMDIuMyBMMTI2IDEwMC4yIEwxMzIgOTguMCBMMTM4IDk2LjAgTDE0NCA5NC41IEwxNTAgOTMuNCBMMTU2IDkzLjAgTDE2MiA5My4zIEwxNjggOTQuMiBMMTc0IDk1LjcgTDE4MCA5Ny43IEwxODYgOTkuOCBMMTkyIDEwMi4wIEwxOTggMTA0LjAgTDIwNCAxMDUuNSBMMjEwIDEwNi42IEwyMTYgMTA3LjAgTDIyMiAxMDYuNyBMMjI4IDEwNS44IEwyMzQgMTA0LjMgTDI0MCAxMDIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDMwLDE0MywyMTMsLjE3KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgMTE5LjUgTDYgMTE3LjYgTDEyIDExNi4yIEwxOCAxMTUuMyBMMjQgMTE1LjAgTDMwIDExNS40IEwzNiAxMTYuNSBMNDIgMTE4LjEgTDQ4IDEyMC4xIEw1NCAxMjIuMyBMNjAgMTI0LjUgTDY2IDEyNi40IEw3MiAxMjcuOCBMNzggMTI4LjcgTDg0IDEyOS4wIEw5MCAxMjguNiBMOTYgMTI3LjUgTDEwMiAxMjUuOSBMMTA4IDEyMy45IEwxMTQgMTIxLjcgTDEyMCAxMTkuNSBMMTI2IDExNy42IEwxMzIgMTE2LjIgTDEzOCAxMTUuMyBMMTQ0IDExNS4wIEwxNTAgMTE1LjQgTDE1NiAxMTYuNSBMMTYyIDExOC4xIEwxNjggMTIwLjEgTDE3NCAxMjIuMyBMMTgwIDEyNC41IEwxODYgMTI2LjQgTDE5MiAxMjcuOCBMMTk4IDEyOC43IEwyMDQgMTI5LjAgTDIxMCAxMjguNiBMMjE2IDEyNy41IEwyMjIgMTI1LjkgTDIyOCAxMjMuOSBMMjM0IDEyMS43IEwyNDAgMTE5LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgzMCwxNDMsMjEzLC4xNykiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0wIDEzNy45IEw2IDEzNy4xIEwxMiAxMzcuMCBMMTggMTM3LjYgTDI0IDEzOC45IEwzMCAxNDAuNiBMMzYgMTQyLjYgTDQyIDE0NC44IEw0OCAxNDYuOSBMNTQgMTQ4LjcgTDYwIDE1MC4xIEw2NiAxNTAuOSBMNzIgMTUxLjAgTDc4IDE1MC40IEw4NCAxNDkuMSBMOTAgMTQ3LjQgTDk2IDE0NS40IEwxMDIgMTQzLjIgTDEwOCAxNDEuMSBMMTE0IDEzOS4zIEwxMjAgMTM3LjkgTDEyNiAxMzcuMSBMMTMyIDEzNy4wIEwxMzggMTM3LjYgTDE0NCAxMzguOSBMMTUwIDE0MC42IEwxNTYgMTQyLjYgTDE2MiAxNDQuOCBMMTY4IDE0Ni45IEwxNzQgMTQ4LjcgTDE4MCAxNTAuMSBMMTg2IDE1MC45IEwxOTIgMTUxLjAgTDE5OCAxNTAuNCBMMjA0IDE0OS4xIEwyMTAgMTQ3LjQgTDIxNiAxNDUuNCBMMjIyIDE0My4yIEwyMjggMTQxLjEgTDIzNCAxMzkuMyBMMjQwIDEzNy45IiBmaWxsPSJub25lIiBzdHJva2U9InJnYmEoMzAsMTQzLDIxMywuMTcpIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMCAxNTkuMSBMNiAxNTkuOSBMMTIgMTYxLjIgTDE4IDE2My4wIEwyNCAxNjUuMSBMMzAgMTY3LjMgTDM2IDE2OS40IEw0MiAxNzEuMSBMNDggMTcyLjMgTDU0IDE3Mi45IEw2MCAxNzIuOSBMNjYgMTcyLjEgTDcyIDE3MC44IEw3OCAxNjkuMCBMODQgMTY2LjkgTDkwIDE2NC43IEw5NiAxNjIuNiBMMTAyIDE2MC45IEwxMDggMTU5LjcgTDExNCAxNTkuMSBMMTIwIDE1OS4xIEwxMjYgMTU5LjkgTDEzMiAxNjEuMiBMMTM4IDE2My4wIEwxNDQgMTY1LjEgTDE1MCAxNjcuMyBMMTU2IDE2OS40IEwxNjIgMTcxLjEgTDE2OCAxNzIuMyBMMTc0IDE3Mi45IEwxODAgMTcyLjkgTDE4NiAxNzIuMSBMMTkyIDE3MC44IEwxOTggMTY5LjAgTDIwNCAxNjYuOSBMMjEwIDE2NC43IEwyMTYgMTYyLjYgTDIyMiAxNjAuOSBMMjI4IDE1OS43IEwyMzQgMTU5LjEgTDI0MCAxNTkuMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDMwLDE0MywyMTMsLjE3KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgMTgzLjYgTDYgMTg1LjUgTDEyIDE4Ny42IEwxOCAxODkuOCBMMjQgMTkxLjggTDMwIDE5My40IEwzNiAxOTQuNSBMNDIgMTk1LjAgTDQ4IDE5NC44IEw1NCAxOTMuOSBMNjAgMTkyLjQgTDY2IDE5MC41IEw3MiAxODguNCBMNzggMTg2LjIgTDg0IDE4NC4yIEw5MCAxODIuNiBMOTYgMTgxLjUgTDEwMiAxODEuMCBMMTA4IDE4MS4yIEwxMTQgMTgyLjEgTDEyMCAxODMuNiBMMTI2IDE4NS41IEwxMzIgMTg3LjYgTDEzOCAxODkuOCBMMTQ0IDE5MS44IEwxNTAgMTkzLjQgTDE1NiAxOTQuNSBMMTYyIDE5NS4wIEwxNjggMTk0LjggTDE3NCAxOTMuOSBMMTgwIDE5Mi40IEwxODYgMTkwLjUgTDE5MiAxODguNCBMMTk4IDE4Ni4yIEwyMDQgMTg0LjIgTDIxMCAxODIuNiBMMjE2IDE4MS41IEwyMjIgMTgxLjAgTDIyOCAxODEuMiBMMjM0IDE4Mi4xIEwyNDAgMTgzLjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgzMCwxNDMsMjEzLC4xNykiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0wIDIxMC4xIEw2IDIxMi4zIEwxMiAyMTQuMiBMMTggMjE1LjcgTDI0IDIxNi43IEwzMCAyMTcuMCBMMzYgMjE2LjYgTDQyIDIxNS42IEw0OCAyMTQuMCBMNTQgMjEyLjEgTDYwIDIwOS45IEw2NiAyMDcuNyBMNzIgMjA1LjggTDc4IDIwNC4zIEw4NCAyMDMuMyBMOTAgMjAzLjAgTDk2IDIwMy40IEwxMDIgMjA0LjQgTDEwOCAyMDYuMCBMMTE0IDIwNy45IEwxMjAgMjEwLjEgTDEyNiAyMTIuMyBMMTMyIDIxNC4yIEwxMzggMjE1LjcgTDE0NCAyMTYuNyBMMTUwIDIxNy4wIEwxNTYgMjE2LjYgTDE2MiAyMTUuNiBMMTY4IDIxNC4wIEwxNzQgMjEyLjEgTDE4MCAyMDkuOSBMMTg2IDIwNy43IEwxOTIgMjA1LjggTDE5OCAyMDQuMyBMMjA0IDIwMy4zIEwyMTAgMjAzLjAgTDIxNiAyMDMuNCBMMjIyIDIwNC40IEwyMjggMjA2LjAgTDIzNCAyMDcuOSBMMjQwIDIxMC4xIiBmaWxsPSJub25lIiBzdHJva2U9InJnYmEoMzAsMTQzLDIxMywuMTcpIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMCAyMy4wIEw2IDI1LjcgTDEyIDI3LjkgTDE4IDI4LjkgTDI0IDI4LjcgTDMwIDI3LjIgTDM2IDI0LjkgTDQyIDIyLjEgTDQ4IDE5LjUgTDU0IDE3LjcgTDYwIDE3LjAgTDY2IDE3LjcgTDcyIDE5LjUgTDc4IDIyLjEgTDg0IDI0LjkgTDkwIDI3LjIgTDk2IDI4LjcgTDEwMiAyOC45IEwxMDggMjcuOSBMMTE0IDI1LjcgTDEyMCAyMy4wIEwxMjYgMjAuMyBMMTMyIDE4LjEgTDEzOCAxNy4xIEwxNDQgMTcuMyBMMTUwIDE4LjggTDE1NiAyMS4xIEwxNjIgMjMuOSBMMTY4IDI2LjUgTDE3NCAyOC4zIEwxODAgMjkuMCBMMTg2IDI4LjMgTDE5MiAyNi41IEwxOTggMjMuOSBMMjA0IDIxLjEgTDIxMCAxOC44IEwyMTYgMTcuMyBMMjIyIDE3LjEgTDIyOCAxOC4xIEwyMzQgMjAuMyBMMjQwIDIzLjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyMTQsNDAsNTcsLjA5KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgNTAuOCBMNiA1MC45IEwxMiA0OS43IEwxOCA0Ny41IEwyNCA0NC43IEwzMCA0Mi4wIEwzNiA0MC4wIEw0MiAzOS4wIEw0OCAzOS40IEw1NCA0MC45IEw2MCA0My40IEw2NiA0Ni4yIEw3MiA0OC43IEw3OCA1MC41IEw4NCA1MS4wIEw5MCA1MC4yIEw5NiA0OC4zIEwxMDIgNDUuNyBMMTA4IDQyLjkgTDExNCA0MC42IEwxMjAgMzkuMiBMMTI2IDM5LjEgTDEzMiA0MC4zIEwxMzggNDIuNSBMMTQ0IDQ1LjMgTDE1MCA0OC4wIEwxNTYgNTAuMCBMMTYyIDUxLjAgTDE2OCA1MC42IEwxNzQgNDkuMSBMMTgwIDQ2LjYgTDE4NiA0My44IEwxOTIgNDEuMyBMMTk4IDM5LjUgTDIwNCAzOS4wIEwyMTAgMzkuOCBMMjE2IDQxLjcgTDIyMiA0NC4zIEwyMjggNDcuMSBMMjM0IDQ5LjQgTDI0MCA1MC44IiBmaWxsPSJub25lIiBzdHJva2U9InJnYmEoMjE0LDQwLDU3LC4wOSkiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0wIDcwLjEgTDYgNjcuNCBMMTIgNjQuNyBMMTggNjIuNCBMMjQgNjEuMiBMMzAgNjEuMiBMMzYgNjIuNSBMNDIgNjQuNyBMNDggNjcuNSBMNTQgNzAuMiBMNjAgNzIuMSBMNjYgNzMuMCBMNzIgNzIuNSBMNzggNzAuOSBMODQgNjguNCBMOTAgNjUuNiBMOTYgNjMuMSBMMTAyIDYxLjQgTDEwOCA2MS4wIEwxMTQgNjEuOSBMMTIwIDYzLjkgTDEyNiA2Ni42IEwxMzIgNjkuMyBMMTM4IDcxLjYgTDE0NCA3Mi44IEwxNTAgNzIuOCBMMTU2IDcxLjUgTDE2MiA2OS4zIEwxNjggNjYuNSBMMTc0IDYzLjggTDE4MCA2MS45IEwxODYgNjEuMCBMMTkyIDYxLjUgTDE5OCA2My4xIEwyMDQgNjUuNiBMMjEwIDY4LjQgTDIxNiA3MC45IEwyMjIgNzIuNiBMMjI4IDczLjAgTDIzNCA3Mi4xIEwyNDAgNzAuMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDIxNCw0MCw1NywuMDkpIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMCA4NC45IEw2IDgzLjMgTDEyIDgzLjEgTDE4IDg0LjEgTDI0IDg2LjEgTDMwIDg4LjggTDM2IDkxLjYgTDQyIDkzLjggTDQ4IDk0LjkgTDU0IDk0LjggTDYwIDkzLjQgTDY2IDkxLjAgTDcyIDg4LjIgTDc4IDg1LjYgTDg0IDgzLjcgTDkwIDgzLjAgTDk2IDgzLjYgTDEwMiA4NS4zIEwxMDggODcuOSBMMTE0IDkwLjcgTDEyMCA5My4xIEwxMjYgOTQuNyBMMTMyIDk0LjkgTDEzOCA5My45IEwxNDQgOTEuOSBMMTUwIDg5LjIgTDE1NiA4Ni40IEwxNjIgODQuMiBMMTY4IDgzLjEgTDE3NCA4My4yIEwxODAgODQuNiBMMTg2IDg3LjAgTDE5MiA4OS44IEwxOTggOTIuNCBMMjA0IDk0LjMgTDIxMCA5NS4wIEwyMTYgOTQuNCBMMjIyIDkyLjcgTDIyOCA5MC4xIEwyMzQgODcuMyBMMjQwIDg0LjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyMTQsNDAsNTcsLjA5KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgMTA1LjcgTDYgMTA3LjYgTDEyIDExMC4yIEwxOCAxMTIuOSBMMjQgMTE1LjMgTDMwIDExNi43IEwzNiAxMTYuOSBMNDIgMTE1LjggTDQ4IDExMy42IEw1NCAxMTAuOSBMNjAgMTA4LjIgTDY2IDEwNi4xIEw3MiAxMDUuMSBMNzggMTA1LjMgTDg0IDEwNi44IEw5MCAxMDkuMiBMOTYgMTEyLjAgTDEwMiAxMTQuNiBMMTA4IDExNi40IEwxMTQgMTE3LjAgTDEyMCAxMTYuMyBMMTI2IDExNC40IEwxMzIgMTExLjggTDEzOCAxMDkuMSBMMTQ0IDEwNi43IEwxNTAgMTA1LjMgTDE1NiAxMDUuMSBMMTYyIDEwNi4yIEwxNjggMTA4LjQgTDE3NCAxMTEuMSBMMTgwIDExMy44IEwxODYgMTE1LjkgTDE5MiAxMTYuOSBMMTk4IDExNi43IEwyMDQgMTE1LjIgTDIxMCAxMTIuOCBMMjE2IDExMC4wIEwyMjIgMTA3LjQgTDIyOCAxMDUuNiBMMjM0IDEwNS4wIEwyNDAgMTA1LjciIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyMTQsNDAsNTcsLjA5KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgMTM0LjMgTDYgMTM2LjggTDEyIDEzOC41IEwxOCAxMzkuMCBMMjQgMTM4LjIgTDMwIDEzNi4yIEwzNiAxMzMuNiBMNDIgMTMwLjggTDQ4IDEyOC41IEw1NCAxMjcuMiBMNjAgMTI3LjEgTDY2IDEyOC40IEw3MiAxMzAuNiBMNzggMTMzLjQgTDg0IDEzNi4wIEw5MCAxMzguMSBMOTYgMTM5LjAgTDEwMiAxMzguNiBMMTA4IDEzNy4wIEwxMTQgMTM0LjUgTDEyMCAxMzEuNyBMMTI2IDEyOS4yIEwxMzIgMTI3LjUgTDEzOCAxMjcuMCBMMTQ0IDEyNy44IEwxNTAgMTI5LjggTDE1NiAxMzIuNCBMMTYyIDEzNS4yIEwxNjggMTM3LjUgTDE3NCAxMzguOCBMMTgwIDEzOC45IEwxODYgMTM3LjYgTDE5MiAxMzUuNCBMMTk4IDEzMi42IEwyMDQgMTMwLjAgTDIxMCAxMjcuOSBMMjE2IDEyNy4wIEwyMjIgMTI3LjQgTDIyOCAxMjkuMCBMMjM0IDEzMS41IEwyNDAgMTM0LjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyMTQsNDAsNTcsLjA5KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgMTYxLjAgTDYgMTYwLjUgTDEyIDE1OC44IEwxOCAxNTYuMyBMMjQgMTUzLjUgTDMwIDE1MS4wIEwzNiAxNDkuNCBMNDIgMTQ5LjAgTDQ4IDE1MC4wIEw1NCAxNTIuMCBMNjAgMTU0LjcgTDY2IDE1Ny40IEw3MiAxNTkuNyBMNzggMTYwLjkgTDg0IDE2MC44IEw5MCAxNTkuNSBMOTYgMTU3LjIgTDEwMiAxNTQuNCBMMTA4IDE1MS43IEwxMTQgMTQ5LjggTDEyMCAxNDkuMCBMMTI2IDE0OS41IEwxMzIgMTUxLjIgTDEzOCAxNTMuNyBMMTQ0IDE1Ni41IEwxNTAgMTU5LjAgTDE1NiAxNjAuNiBMMTYyIDE2MS4wIEwxNjggMTYwLjAgTDE3NCAxNTguMCBMMTgwIDE1NS4zIEwxODYgMTUyLjYgTDE5MiAxNTAuMyBMMTk4IDE0OS4xIEwyMDQgMTQ5LjIgTDIxMCAxNTAuNSBMMjE2IDE1Mi44IEwyMjIgMTU1LjYgTDIyOCAxNTguMyBMMjM0IDE2MC4yIEwyNDAgMTYxLjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyMTQsNDAsNTcsLjA5KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgMTc4LjkgTDYgMTc2LjEgTDEyIDE3My41IEwxOCAxNzEuNyBMMjQgMTcxLjAgTDMwIDE3MS42IEwzNiAxNzMuNCBMNDIgMTc2LjAgTDQ4IDE3OC44IEw1NCAxODEuMiBMNjAgMTgyLjcgTDY2IDE4Mi45IEw3MiAxODEuOSBMNzggMTc5LjggTDg0IDE3Ny4xIEw5MCAxNzQuMyBMOTYgMTcyLjIgTDEwMiAxNzEuMSBMMTA4IDE3MS4zIEwxMTQgMTcyLjcgTDEyMCAxNzUuMSBMMTI2IDE3Ny45IEwxMzIgMTgwLjUgTDEzOCAxODIuMyBMMTQ0IDE4My4wIEwxNTAgMTgyLjQgTDE1NiAxODAuNiBMMTYyIDE3OC4wIEwxNjggMTc1LjIgTDE3NCAxNzIuOCBMMTgwIDE3MS4zIEwxODYgMTcxLjEgTDE5MiAxNzIuMSBMMTk4IDE3NC4yIEwyMDQgMTc2LjkgTDIxMCAxNzkuNyBMMjE2IDE4MS44IEwyMjIgMTgyLjkgTDIyOCAxODIuNyBMMjM0IDE4MS4zIEwyNDAgMTc4LjkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyMTQsNDAsNTcsLjA5KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgMTk0LjAgTDYgMTkzLjAgTDEyIDE5My40IEwxOCAxOTQuOSBMMjQgMTk3LjMgTDMwIDIwMC4xIEwzNiAyMDIuNyBMNDIgMjA0LjQgTDQ4IDIwNS4wIEw1NCAyMDQuMyBMNjAgMjAyLjQgTDY2IDE5OS43IEw3MiAxOTcuMCBMNzggMTk0LjYgTDg0IDE5My4yIEw5MCAxOTMuMSBMOTYgMTk0LjMgTDEwMiAxOTYuNSBMMTA4IDE5OS4yIEwxMTQgMjAxLjkgTDEyMCAyMDQuMCBMMTI2IDIwNS4wIEwxMzIgMjA0LjYgTDEzOCAyMDMuMSBMMTQ0IDIwMC43IEwxNTAgMTk3LjkgTDE1NiAxOTUuMyBMMTYyIDE5My42IEwxNjggMTkzLjAgTDE3NCAxOTMuNyBMMTgwIDE5NS42IEwxODYgMTk4LjMgTDE5MiAyMDEuMCBMMTk4IDIwMy40IEwyMDQgMjA0LjggTDIxMCAyMDQuOSBMMjE2IDIwMy43IEwyMjIgMjAxLjUgTDIyOCAxOTguOCBMMjM0IDE5Ni4xIEwyNDAgMTk0LjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyMTQsNDAsNTcsLjA5KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTAgMjE2LjQgTDYgMjE4LjcgTDEyIDIyMS41IEwxOCAyMjQuMSBMMjQgMjI2LjEgTDMwIDIyNy4wIEwzNiAyMjYuNSBMNDIgMjI0LjkgTDQ4IDIyMi40IEw1NCAyMTkuNiBMNjAgMjE3LjEgTDY2IDIxNS41IEw3MiAyMTUuMCBMNzggMjE1LjkgTDg0IDIxNy45IEw5MCAyMjAuNSBMOTYgMjIzLjMgTDEwMiAyMjUuNiBMMTA4IDIyNi44IEwxMTQgMjI2LjggTDEyMCAyMjUuNiBMMTI2IDIyMy4zIEwxMzIgMjIwLjUgTDEzOCAyMTcuOSBMMTQ0IDIxNS45IEwxNTAgMjE1LjAgTDE1NiAyMTUuNSBMMTYyIDIxNy4xIEwxNjggMjE5LjYgTDE3NCAyMjIuNCBMMTgwIDIyNC45IEwxODYgMjI2LjUgTDE5MiAyMjcuMCBMMTk4IDIyNi4xIEwyMDQgMjI0LjEgTDIxMCAyMjEuNSBMMjE2IDIxOC43IEwyMjIgMjE2LjQgTDIyOCAyMTUuMiBMMjM0IDIxNS4yIEwyNDAgMjE2LjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyMTQsNDAsNTcsLjA5KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+"); --holo-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHBhdGggZD0iTTMyIDlsNC41IDE0LjVMNTEgMjhsLTE0LjUgNC41TDMyIDQ3bC00LjUtMTQuNUwxMyAyOGwxNC41LTQuNXoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMCA1OGMxMC02IDIyLTYgMzIgMHMyMiA2IDMyIDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iNCIgY3k9IjYiIHI9IjIuNSIgZmlsbD0iIzAwMCIvPjxjaXJjbGUgY3g9IjYwIiBjeT0iNiIgcj0iMi41IiBmaWxsPSIjMDAwIi8+PC9zdmc+"); --caustic:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iMzIwIj48ZmlsdGVyIGlkPSJjIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9InR1cmJ1bGVuY2UiIGJhc2VGcmVxdWVuY3k9Ii4wMTMiIG51bU9jdGF2ZXM9IjIiIHNlZWQ9IjQiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgLjg1ICAwIDAgMCAwIC45NyAgMCAwIDAgMCAxICAwIDAgMCAtMTEgMS41Ii8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjMyMCIgaGVpZ2h0PSIzMjAiIGZpbHRlcj0idXJsKCNjKSIvPjwvc3ZnPg=="); --surf:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgNjAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZD0iTTAgNTguMCBMNiA2MC4wIEwxMiA2Mi4wIEwxOCA2My45IEwyNCA2NS43IEwzMCA2Ny40IEwzNiA2OS4wIEw0MiA3MC4zIEw0OCA3MS41IEw1NCA3Mi41IEw2MCA3My4yIEw2NiA3My43IEw3MiA3NC4wIEw3OCA3NC4wIEw4NCA3My43IEw5MCA3My4yIEw5NiA3Mi41IEwxMDIgNzEuNSBMMTA4IDcwLjMgTDExNCA2OS4wIEwxMjAgNjcuNCBMMTI2IDY1LjcgTDEzMiA2My45IEwxMzggNjIuMCBMMTQ0IDYwLjAgTDE1MCA1OC4wIEwxNTYgNTYuMCBMMTYyIDU0LjAgTDE2OCA1Mi4xIEwxNzQgNTAuMyBMMTgwIDQ4LjYgTDE4NiA0Ny4wIEwxOTIgNDUuNyBMMTk4IDQ0LjUgTDIwNCA0My41IEwyMTAgNDIuOCBMMjE2IDQyLjMgTDIyMiA0Mi4wIEwyMjggNDIuMCBMMjM0IDQyLjMgTDI0MCA0Mi44IEwyNDYgNDMuNSBMMjUyIDQ0LjUgTDI1OCA0NS43IEwyNjQgNDcuMCBMMjcwIDQ4LjYgTDI3NiA1MC4zIEwyODIgNTIuMSBMMjg4IDU0LjAgTDI5NCA1Ni4wIEwzMDAgNTguMCBMMzA2IDYwLjAgTDMxMiA2Mi4wIEwzMTggNjMuOSBMMzI0IDY1LjcgTDMzMCA2Ny40IEwzMzYgNjkuMCBMMzQyIDcwLjMgTDM0OCA3MS41IEwzNTQgNzIuNSBMMzYwIDczLjIgTDM2NiA3My43IEwzNzIgNzQuMCBMMzc4IDc0LjAgTDM4NCA3My43IEwzOTAgNzMuMiBMMzk2IDcyLjUgTDQwMiA3MS41IEw0MDggNzAuMyBMNDE0IDY5LjAgTDQyMCA2Ny40IEw0MjYgNjUuNyBMNDMyIDYzLjkgTDQzOCA2Mi4wIEw0NDQgNjAuMCBMNDUwIDU4LjAgTDQ1NiA1Ni4wIEw0NjIgNTQuMCBMNDY4IDUyLjEgTDQ3NCA1MC4zIEw0ODAgNDguNiBMNDg2IDQ3LjAgTDQ5MiA0NS43IEw0OTggNDQuNSBMNTA0IDQzLjUgTDUxMCA0Mi44IEw1MTYgNDIuMyBMNTIyIDQyLjAgTDUyOCA0Mi4wIEw1MzQgNDIuMyBMNTQwIDQyLjggTDU0NiA0My41IEw1NTIgNDQuNSBMNTU4IDQ1LjcgTDU2NCA0Ny4wIEw1NzAgNDguNiBMNTc2IDUwLjMgTDU4MiA1Mi4xIEw1ODggNTQuMCBMNTk0IDU2LjAgTDYwMCA1OC4wIEw2MDAgMTAwIEwwIDEwMFoiIGZpbGw9IiMwQjRBNzgiLz48cGF0aCBkPSJNMCA1OC4wIEw2IDYwLjAgTDEyIDYyLjAgTDE4IDYzLjkgTDI0IDY1LjcgTDMwIDY3LjQgTDM2IDY5LjAgTDQyIDcwLjMgTDQ4IDcxLjUgTDU0IDcyLjUgTDYwIDczLjIgTDY2IDczLjcgTDcyIDc0LjAgTDc4IDc0LjAgTDg0IDczLjcgTDkwIDczLjIgTDk2IDcyLjUgTDEwMiA3MS41IEwxMDggNzAuMyBMMTE0IDY5LjAgTDEyMCA2Ny40IEwxMjYgNjUuNyBMMTMyIDYzLjkgTDEzOCA2Mi4wIEwxNDQgNjAuMCBMMTUwIDU4LjAgTDE1NiA1Ni4wIEwxNjIgNTQuMCBMMTY4IDUyLjEgTDE3NCA1MC4zIEwxODAgNDguNiBMMTg2IDQ3LjAgTDE5MiA0NS43IEwxOTggNDQuNSBMMjA0IDQzLjUgTDIxMCA0Mi44IEwyMTYgNDIuMyBMMjIyIDQyLjAgTDIyOCA0Mi4wIEwyMzQgNDIuMyBMMjQwIDQyLjggTDI0NiA0My41IEwyNTIgNDQuNSBMMjU4IDQ1LjcgTDI2NCA0Ny4wIEwyNzAgNDguNiBMMjc2IDUwLjMgTDI4MiA1Mi4xIEwyODggNTQuMCBMMjk0IDU2LjAgTDMwMCA1OC4wIEwzMDYgNjAuMCBMMzEyIDYyLjAgTDMxOCA2My45IEwzMjQgNjUuNyBMMzMwIDY3LjQgTDMzNiA2OS4wIEwzNDIgNzAuMyBMMzQ4IDcxLjUgTDM1NCA3Mi41IEwzNjAgNzMuMiBMMzY2IDczLjcgTDM3MiA3NC4wIEwzNzggNzQuMCBMMzg0IDczLjcgTDM5MCA3My4yIEwzOTYgNzIuNSBMNDAyIDcxLjUgTDQwOCA3MC4zIEw0MTQgNjkuMCBMNDIwIDY3LjQgTDQyNiA2NS43IEw0MzIgNjMuOSBMNDM4IDYyLjAgTDQ0NCA2MC4wIEw0NTAgNTguMCBMNDU2IDU2LjAgTDQ2MiA1NC4wIEw0NjggNTIuMSBMNDc0IDUwLjMgTDQ4MCA0OC42IEw0ODYgNDcuMCBMNDkyIDQ1LjcgTDQ5OCA0NC41IEw1MDQgNDMuNSBMNTEwIDQyLjggTDUxNiA0Mi4zIEw1MjIgNDIuMCBMNTI4IDQyLjAgTDUzNCA0Mi4zIEw1NDAgNDIuOCBMNTQ2IDQzLjUgTDU1MiA0NC41IEw1NTggNDUuNyBMNTY0IDQ3LjAgTDU3MCA0OC42IEw1NzYgNTAuMyBMNTgyIDUyLjEgTDU4OCA1NC4wIEw1OTQgNTYuMCBMNjAwIDU4LjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzExMSIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHBhdGggZD0iTTAgNTguMCBMNiA2MC4wIEwxMiA2Mi4wIEwxOCA2My45IEwyNCA2NS43IEwzMCA2Ny40IEwzNiA2OS4wIEw0MiA3MC4zIEw0OCA3MS41IEw1NCA3Mi41IEw2MCA3My4yIEw2NiA3My43IEw3MiA3NC4wIEw3OCA3NC4wIEw4NCA3My43IEw5MCA3My4yIEw5NiA3Mi41IEwxMDIgNzEuNSBMMTA4IDcwLjMgTDExNCA2OS4wIEwxMjAgNjcuNCBMMTI2IDY1LjcgTDEzMiA2My45IEwxMzggNjIuMCBMMTQ0IDYwLjAgTDE1MCA1OC4wIEwxNTYgNTYuMCBMMTYyIDU0LjAgTDE2OCA1Mi4xIEwxNzQgNTAuMyBMMTgwIDQ4LjYgTDE4NiA0Ny4wIEwxOTIgNDUuNyBMMTk4IDQ0LjUgTDIwNCA0My41IEwyMTAgNDIuOCBMMjE2IDQyLjMgTDIyMiA0Mi4wIEwyMjggNDIuMCBMMjM0IDQyLjMgTDI0MCA0Mi44IEwyNDYgNDMuNSBMMjUyIDQ0LjUgTDI1OCA0NS43IEwyNjQgNDcuMCBMMjcwIDQ4LjYgTDI3NiA1MC4zIEwyODIgNTIuMSBMMjg4IDU0LjAgTDI5NCA1Ni4wIEwzMDAgNTguMCBMMzA2IDYwLjAgTDMxMiA2Mi4wIEwzMTggNjMuOSBMMzI0IDY1LjcgTDMzMCA2Ny40IEwzMzYgNjkuMCBMMzQyIDcwLjMgTDM0OCA3MS41IEwzNTQgNzIuNSBMMzYwIDczLjIgTDM2NiA3My43IEwzNzIgNzQuMCBMMzc4IDc0LjAgTDM4NCA3My43IEwzOTAgNzMuMiBMMzk2IDcyLjUgTDQwMiA3MS41IEw0MDggNzAuMyBMNDE0IDY5LjAgTDQyMCA2Ny40IEw0MjYgNjUuNyBMNDMyIDYzLjkgTDQzOCA2Mi4wIEw0NDQgNjAuMCBMNDUwIDU4LjAgTDQ1NiA1Ni4wIEw0NjIgNTQuMCBMNDY4IDUyLjEgTDQ3NCA1MC4zIEw0ODAgNDguNiBMNDg2IDQ3LjAgTDQ5MiA0NS43IEw0OTggNDQuNSBMNTA0IDQzLjUgTDUxMCA0Mi44IEw1MTYgNDIuMyBMNTIyIDQyLjAgTDUyOCA0Mi4wIEw1MzQgNDIuMyBMNTQwIDQyLjggTDU0NiA0My41IEw1NTIgNDQuNSBMNTU4IDQ1LjcgTDU2NCA0Ny4wIEw1NzAgNDguNiBMNTc2IDUwLjMgTDU4MiA1Mi4xIEw1ODggNTQuMCBMNTk0IDU2LjAgTDYwMCA1OC4wIiBmaWxsPSJub25lIiBzdHJva2U9IiNFNkY3RkYiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTggMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOSkiLz48L3N2Zz4="); --surf-top:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MDAgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik0wIDI2LjAgTDYgMjcuMyBMMTIgMjguNSBMMTggMjkuNyBMMjQgMzAuOCBMMzAgMzEuOSBMMzYgMzIuOCBMNDIgMzMuNyBMNDggMzQuNCBMNTQgMzUuMCBMNjAgMzUuNSBMNjYgMzUuOCBMNzIgMzYuMCBMNzggMzYuMCBMODQgMzUuOCBMOTAgMzUuNSBMOTYgMzUuMCBMMTAyIDM0LjQgTDEwOCAzMy43IEwxMTQgMzIuOCBMMTIwIDMxLjkgTDEyNiAzMC44IEwxMzIgMjkuNyBMMTM4IDI4LjUgTDE0NCAyNy4zIEwxNTAgMjYuMCBMMTU2IDI0LjcgTDE2MiAyMy41IEwxNjggMjIuMyBMMTc0IDIxLjIgTDE4MCAyMC4xIEwxODYgMTkuMiBMMTkyIDE4LjMgTDE5OCAxNy42IEwyMDQgMTcuMCBMMjEwIDE2LjUgTDIxNiAxNi4yIEwyMjIgMTYuMCBMMjI4IDE2LjAgTDIzNCAxNi4yIEwyNDAgMTYuNSBMMjQ2IDE3LjAgTDI1MiAxNy42IEwyNTggMTguMyBMMjY0IDE5LjIgTDI3MCAyMC4xIEwyNzYgMjEuMiBMMjgyIDIyLjMgTDI4OCAyMy41IEwyOTQgMjQuNyBMMzAwIDI2LjAgTDMwNiAyNy4zIEwzMTIgMjguNSBMMzE4IDI5LjcgTDMyNCAzMC44IEwzMzAgMzEuOSBMMzM2IDMyLjggTDM0MiAzMy43IEwzNDggMzQuNCBMMzU0IDM1LjAgTDM2MCAzNS41IEwzNjYgMzUuOCBMMzcyIDM2LjAgTDM3OCAzNi4wIEwzODQgMzUuOCBMMzkwIDM1LjUgTDM5NiAzNS4wIEw0MDIgMzQuNCBMNDA4IDMzLjcgTDQxNCAzMi44IEw0MjAgMzEuOSBMNDI2IDMwLjggTDQzMiAyOS43IEw0MzggMjguNSBMNDQ0IDI3LjMgTDQ1MCAyNi4wIEw0NTYgMjQuNyBMNDYyIDIzLjUgTDQ2OCAyMi4zIEw0NzQgMjEuMiBMNDgwIDIwLjEgTDQ4NiAxOS4yIEw0OTIgMTguMyBMNDk4IDE3LjYgTDUwNCAxNy4wIEw1MTAgMTYuNSBMNTE2IDE2LjIgTDUyMiAxNi4wIEw1MjggMTYuMCBMNTM0IDE2LjIgTDU0MCAxNi41IEw1NDYgMTcuMCBMNTUyIDE3LjYgTDU1OCAxOC4zIEw1NjQgMTkuMiBMNTcwIDIwLjEgTDU3NiAyMS4yIEw1ODIgMjIuMyBMNTg4IDIzLjUgTDU5NCAyNC43IEw2MDAgMjYuMCBMNjAwIDYwIEwwIDYwWiIgZmlsbD0icmdiYSgyMiwxMjAsMTkwLC4zNSkiLz48cGF0aCBkPSJNMCAyNi4wIEw2IDI3LjMgTDEyIDI4LjUgTDE4IDI5LjcgTDI0IDMwLjggTDMwIDMxLjkgTDM2IDMyLjggTDQyIDMzLjcgTDQ4IDM0LjQgTDU0IDM1LjAgTDYwIDM1LjUgTDY2IDM1LjggTDcyIDM2LjAgTDc4IDM2LjAgTDg0IDM1LjggTDkwIDM1LjUgTDk2IDM1LjAgTDEwMiAzNC40IEwxMDggMzMuNyBMMTE0IDMyLjggTDEyMCAzMS45IEwxMjYgMzAuOCBMMTMyIDI5LjcgTDEzOCAyOC41IEwxNDQgMjcuMyBMMTUwIDI2LjAgTDE1NiAyNC43IEwxNjIgMjMuNSBMMTY4IDIyLjMgTDE3NCAyMS4yIEwxODAgMjAuMSBMMTg2IDE5LjIgTDE5MiAxOC4zIEwxOTggMTcuNiBMMjA0IDE3LjAgTDIxMCAxNi41IEwyMTYgMTYuMiBMMjIyIDE2LjAgTDIyOCAxNi4wIEwyMzQgMTYuMiBMMjQwIDE2LjUgTDI0NiAxNy4wIEwyNTIgMTcuNiBMMjU4IDE4LjMgTDI2NCAxOS4yIEwyNzAgMjAuMSBMMjc2IDIxLjIgTDI4MiAyMi4zIEwyODggMjMuNSBMMjk0IDI0LjcgTDMwMCAyNi4wIEwzMDYgMjcuMyBMMzEyIDI4LjUgTDMxOCAyOS43IEwzMjQgMzAuOCBMMzMwIDMxLjkgTDMzNiAzMi44IEwzNDIgMzMuNyBMMzQ4IDM0LjQgTDM1NCAzNS4wIEwzNjAgMzUuNSBMMzY2IDM1LjggTDM3MiAzNi4wIEwzNzggMzYuMCBMMzg0IDM1LjggTDM5MCAzNS41IEwzOTYgMzUuMCBMNDAyIDM0LjQgTDQwOCAzMy43IEw0MTQgMzIuOCBMNDIwIDMxLjkgTDQyNiAzMC44IEw0MzIgMjkuNyBMNDM4IDI4LjUgTDQ0NCAyNy4zIEw0NTAgMjYuMCBMNDU2IDI0LjcgTDQ2MiAyMy41IEw0NjggMjIuMyBMNDc0IDIxLjIgTDQ4MCAyMC4xIEw0ODYgMTkuMiBMNDkyIDE4LjMgTDQ5OCAxNy42IEw1MDQgMTcuMCBMNTEwIDE2LjUgTDUxNiAxNi4yIEw1MjIgMTYuMCBMNTI4IDE2LjAgTDUzNCAxNi4yIEw1NDAgMTYuNSBMNTQ2IDE3LjAgTDU1MiAxNy42IEw1NTggMTguMyBMNTY0IDE5LjIgTDU3MCAyMC4xIEw1NzYgMjEuMiBMNTgyIDIyLjMgTDU4OCAyMy41IEw1OTQgMjQuNyBMNjAwIDI2LjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzExMSIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHBhdGggZD0iTTAgMjYuMCBMNiAyNy4zIEwxMiAyOC41IEwxOCAyOS43IEwyNCAzMC44IEwzMCAzMS45IEwzNiAzMi44IEw0MiAzMy43IEw0OCAzNC40IEw1NCAzNS4wIEw2MCAzNS41IEw2NiAzNS44IEw3MiAzNi4wIEw3OCAzNi4wIEw4NCAzNS44IEw5MCAzNS41IEw5NiAzNS4wIEwxMDIgMzQuNCBMMTA4IDMzLjcgTDExNCAzMi44IEwxMjAgMzEuOSBMMTI2IDMwLjggTDEzMiAyOS43IEwxMzggMjguNSBMMTQ0IDI3LjMgTDE1MCAyNi4wIEwxNTYgMjQuNyBMMTYyIDIzLjUgTDE2OCAyMi4zIEwxNzQgMjEuMiBMMTgwIDIwLjEgTDE4NiAxOS4yIEwxOTIgMTguMyBMMTk4IDE3LjYgTDIwNCAxNy4wIEwyMTAgMTYuNSBMMjE2IDE2LjIgTDIyMiAxNi4wIEwyMjggMTYuMCBMMjM0IDE2LjIgTDI0MCAxNi41IEwyNDYgMTcuMCBMMjUyIDE3LjYgTDI1OCAxOC4zIEwyNjQgMTkuMiBMMjcwIDIwLjEgTDI3NiAyMS4yIEwyODIgMjIuMyBMMjg4IDIzLjUgTDI5NCAyNC43IEwzMDAgMjYuMCBMMzA2IDI3LjMgTDMxMiAyOC41IEwzMTggMjkuNyBMMzI0IDMwLjggTDMzMCAzMS45IEwzMzYgMzIuOCBMMzQyIDMzLjcgTDM0OCAzNC40IEwzNTQgMzUuMCBMMzYwIDM1LjUgTDM2NiAzNS44IEwzNzIgMzYuMCBMMzc4IDM2LjAgTDM4NCAzNS44IEwzOTAgMzUuNSBMMzk2IDM1LjAgTDQwMiAzNC40IEw0MDggMzMuNyBMNDE0IDMyLjggTDQyMCAzMS45IEw0MjYgMzAuOCBMNDMyIDI5LjcgTDQzOCAyOC41IEw0NDQgMjcuMyBMNDUwIDI2LjAgTDQ1NiAyNC43IEw0NjIgMjMuNSBMNDY4IDIyLjMgTDQ3NCAyMS4yIEw0ODAgMjAuMSBMNDg2IDE5LjIgTDQ5MiAxOC4zIEw0OTggMTcuNiBMNTA0IDE3LjAgTDUxMCAxNi41IEw1MTYgMTYuMiBMNTIyIDE2LjAgTDUyOCAxNi4wIEw1MzQgMTYuMiBMNTQwIDE2LjUgTDU0NiAxNy4wIEw1NTIgMTcuNiBMNTU4IDE4LjMgTDU2NCAxOS4yIEw1NzAgMjAuMSBMNTc2IDIxLjIgTDU4MiAyMi4zIEw1ODggMjMuNSBMNTk0IDI0LjcgTDYwMCAyNi4wIiBmaWxsPSJub25lIiBzdHJva2U9IiNFNkY3RkYiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTggMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOSkiLz48L3N2Zz4="); } /* ---------- base ---------- */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--sky);overflow-x:clip} body{margin:0;min-height:100%;background:var(--sky);color:var(--ink);font:400 16px/1.5 var(--f-mono);-webkit-font-smoothing:antialiased;overflow-x:clip;-webkit-tap-highlight-color:transparent} html.lock,html.lock body{overflow:hidden;height:100%;overscroll-behavior:none} img{display:block;max-width:100%;height:auto;-webkit-user-drag:none;user-select:none} button,input{font:inherit;color:inherit} button{background:none;border:0;padding:0;cursor:pointer} a{color:inherit;text-decoration:none} p{margin:0} h1,h2,h3{margin:0;font-weight:400} ::selection{background:var(--lime);color:var(--ink)} :focus-visible{outline:3px dashed currentColor;outline-offset:4px} [hidden]{display:none!important} .nw{white-space:nowrap} .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} .wrap{width:min(100% - 2*var(--gut),var(--maxw));margin-inline:auto} /* ---------- world textures ---------- */ .rings{background-color:var(--sky); background-image: radial-gradient(circle at center,rgba(255,255,255,0) 0 9px,rgba(255,255,255,.19) 13px 17px,rgba(255,255,255,0) 22px), radial-gradient(circle at center,rgba(14,110,180,0) 0 9px,rgba(14,110,180,.075) 13px 17px,rgba(14,110,180,0) 22px); background-size:60px 60px;background-position:0 0,30px 30px} .paper{background-color:var(--paper);background-image:var(--tex-paper)} .sand{background-color:var(--sand);background-image:var(--tex-paper);--eb:var(--edge-sand-b);--et:var(--edge-sand-t)} .navy{background-color:var(--navy);color:var(--paper);--eb:var(--edge-navy-b);--et:var(--edge-navy-t)} .tb,.tt{position:relative} .tb::after,.tt::before{content:"";position:absolute;left:0;right:0;height:26px;pointer-events:none;background-repeat:repeat-x;background-size:600px 26px;z-index:3} .tb::after{top:calc(100% - 3px);background-image:var(--eb,var(--edge-paper-b));background-position:var(--ex,0px) 0} .tt::before{bottom:calc(100% - 3px);background-image:var(--et,var(--edge-paper-t));background-position:var(--ex,0px) 0} .grain{position:fixed;inset:0;z-index:95;pointer-events:none;background-image:var(--tex-grain);background-size:200px 200px;opacity:.075;animation:grain 1.2s steps(6) infinite} @keyframes grain{0%{background-position:0 0}17%{background-position:-60px 40px}33%{background-position:30px -80px}50%{background-position:-90px -20px}67%{background-position:50px 70px}83%{background-position:-20px 90px}100%{background-position:0 0}} /* ---------- type ---------- */ .kicker{display:inline-flex;align-items:center;gap:.6em;font:700 12px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase} .kicker::before{content:"";width:22px;height:3px;background:currentColor} .h-xl{font:400 clamp(44px,9vw,138px)/.86 var(--f-head);text-transform:uppercase;letter-spacing:-.025em;text-wrap:balance} .h-l{font:400 clamp(34px,6vw,86px)/.9 var(--f-head);text-transform:uppercase;letter-spacing:-.02em;text-wrap:balance} .type{font-family:var(--f-type)} .mono{font-family:var(--f-mono)} .ln{display:block;overflow:hidden;padding-bottom:.04em;margin-bottom:-.04em} .ln>span{display:inline-block;will-change:transform} /* ---------- buttons ---------- */ .btn{--bg:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.85em 1.35em;border:3px solid var(--ink);border-radius:var(--r-pill);background:var(--bg);color:var(--ink);font:400 clamp(14px,1.15vw,17px)/1 var(--f-head);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;box-shadow:0 5px 0 var(--ink);transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s;position:relative;user-select:none} .btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 7px 0 var(--ink)} .btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink);transition-duration:.05s} .btn-lime{--bg:var(--lime)} .btn-ink{--bg:var(--ink);color:var(--paper)} .btn-sm{min-height:40px;padding:.6em 1em;font-size:13px;box-shadow:0 4px 0 var(--ink)} .btn .ico{width:1.1em;height:1.1em;flex:none} .btn[aria-disabled="true"]{opacity:.55} /* ---------- nav ---------- */ .nav{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(var(--nav-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gut) 0;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none} .nav>*{pointer-events:auto} .nav-bar{position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:0 1px 0 rgba(0,0,0,.05)} .brand{display:flex;align-items:center;gap:10px;min-width:0} .nav-badge{width:42px;height:42px;flex:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))} .nav-word{font:400 21px/1 var(--f-head);letter-spacing:-.01em;white-space:nowrap;display:inline-block} .nav-r{display:flex;align-items:center;gap:10px} .snd{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 13px 0 10px;border:3px solid var(--ink);border-radius:var(--r-pill);background:var(--paper);font:700 11px/1 var(--f-mono);letter-spacing:.08em;white-space:nowrap} .snd-ico{font-size:17px;line-height:1} .snd-pip{width:26px;height:14px;border-radius:9px;border:2px solid var(--ink);position:relative;background:#cfcac0;transition:background .2s} .snd-pip::after{content:"";position:absolute;top:1px;left:1px;width:8px;height:8px;border-radius:50%;background:var(--ink);transition:transform .25s cubic-bezier(.3,1.6,.5,1)} .snd[aria-pressed="true"] .snd-pip{background:var(--lagoon)} .snd[aria-pressed="true"] .snd-pip::after{transform:translateX(12px)} .snd.wait{animation:snd-wait 1.6s ease-in-out infinite} /* on, waiting for the first tap to allow sound */ @keyframes snd-wait{50%{box-shadow:0 0 0 5px rgba(91,198,242,.55)}} @media (max-width:620px){.snd-label{display:none}.snd{padding:0 9px}} @media (max-width:480px){ .nav{gap:8px}.nav-r{gap:8px} .nav-badge{width:36px;height:36px} .nav-word{font-size:17px} .snd{width:40px;padding:0;justify-content:center}.snd-pip{display:none} .snd[aria-pressed="true"]{background:var(--lagoon)} .nav-r .btn-sm{font-size:12px;padding:.5em .9em;min-height:38px} } @media (max-width:340px){.nav-word{display:none}} /* OBSERVATORY on the site, THE BEACH on /observatory; icon-only on phones */ .nav-link{gap:.45em} .nav-link-i{font-size:15px;line-height:1} html:not([data-page]) .nav-home,html[data-page="observatory"] .nav-obs,html[data-page="gazette"] .nav-gz,html[data-page="ask"] .nav-desk{display:none} @media (max-width:760px){.nav-r .nav-link{width:40px;padding:0}.nav-link-l{display:none}} /* phones: three page links, the sound and BUY share the bar with $WAGO, so BUY drops "ON PONS" (it still opens Pons) */ @media (max-width:480px){.nav-r .nav-link{width:36px;padding:0}.nav-buy-x{display:none}.nav,.nav-r{gap:5px}} /* small phones: slimmer buttons on the right, so $WAGO keeps its room (the sound button's halo reached it at 375px) */ @media (max-width:400px){ .nav,.nav-r{gap:6px}.brand{gap:8px} .nav-word{font-size:16px} .snd{width:36px;height:36px} .nav-r .btn-sm{font-size:11px;padding:.5em .75em;min-height:36px} .nav-r .nav-link{width:36px;padding:0} } /* ========================================================================== HERO — a size container so the same scene fits a phone, a desktop and the 16:9 reel stage. Everything inside is measured in container units. ========================================================================== */ .hero{position:relative;height:max(100vh,640px);height:max(100svh,640px);overflow:hidden;container:hero/size;isolation:isolate;background:var(--sky)} .hero-in{position:absolute;inset:0; --hz:66cqh; /* horizon */ --sx:40cqw; /* sunrise x */ --yw:min(47cqw,calc((var(--hz) - 70px) * 1.46)); --yx:73cqw; --shw:min(10cqw,120px); } @container hero (orientation:portrait){ /* the yacht sits right of centre so the Sheriff has open water to row in from the left */ .hero-in{--hz:64cqh;--yx:60cqw;--sx:50cqw; --yw:min(76cqw,calc((var(--hz) - var(--band-h)) * 1.5)); --shw:min(26cqw,130px)} } .h-layer{position:absolute;inset:0;pointer-events:none} .h-sky{position:absolute;inset:0} .h-glow{position:absolute;left:0;right:0;top:calc(var(--hz) - 30cqh);height:32cqh;background:radial-gradient(60% 100% at var(--yx) 100%,rgba(255,250,220,.55),rgba(255,250,220,0) 70%)} .h-rays{position:absolute;left:var(--yx);top:calc(var(--hz) - 18cqh);width:150cqmax;aspect-ratio:1;translate:-50% -50%;opacity:.55} .rays{width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.34) 0deg 6deg,rgba(255,255,255,0) 6deg 16deg);-webkit-mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.6) 18%,transparent 62%);mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.6) 18%,transparent 62%);animation:spin 60s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} .h-clouds{position:absolute;left:0;right:0;top:0;height:var(--hz);overflow:hidden} .cloud{position:absolute;left:0;width:100%;animation:drift var(--d,90s) linear infinite;animation-delay:var(--dl,0s)} .cloud svg{width:var(--w,16cqw);height:auto;display:block;filter:drop-shadow(0 6px 0 rgba(20,110,170,.08))} @keyframes drift{from{transform:translateX(-25%)}to{transform:translateX(105%)}} .h-sun{position:absolute;left:var(--sx);top:var(--hz);width:min(30cqmin,300px);aspect-ratio:1;translate:-50% -76%;z-index:1} .h-sun img{width:100%;height:100%} .h-sun .rays{position:absolute;left:50%;top:50%;width:420%;height:420%;translate:-50% -50%;opacity:.9;animation-duration:24s} .h-isle{position:absolute;left:4cqw;top:var(--hz);width:min(17cqw,190px);translate:0 -78%;transform-origin:50% 100%} .h-sheriff{position:absolute;left:0;top:var(--hz);width:var(--shw);translate:0 -80%;z-index:2} .h-sheriff .bob{animation:bob 2.6s ease-in-out infinite} .h-sheriff img{width:100%} .glub{position:absolute;left:50%;top:-4%;font:700 clamp(12px,1.4cqw,18px)/1 var(--f-mono);color:var(--paper);background:var(--ink);padding:4px 8px;border-radius:8px;opacity:0;white-space:nowrap;translate:-50% 0} .glub::after{content:"";position:absolute;left:50%;bottom:-6px;border:6px solid transparent;border-top-color:var(--ink);border-bottom:0;translate:-50% 0} .h-ocean{position:absolute;left:0;right:0;top:calc(var(--hz) - 2.2cqh);bottom:0;z-index:2} .h-ocean::before{content:"";position:absolute;left:0;right:0;top:9%;bottom:0;background:linear-gradient(#2C9ADA,var(--deep) 30%,var(--abyss))} .h-yacht{position:absolute;left:var(--yx);top:var(--hz);width:var(--yw);translate:-50% -88%;z-index:4} .h-yacht .bob{animation:yachtBob 4.4s ease-in-out infinite;transform-origin:50% 90%} .h-yacht img{width:100%} .glint{position:absolute;width:12%;aspect-ratio:1;left:var(--gx,50%);top:var(--gy,20%);translate:-50% -50%;transform:scale(0);pointer-events:none} .glint::before,.glint::after{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 6px #fff)} .glint::after{rotate:45deg;scale:.55} @keyframes yachtBob{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(1.2cqh) rotate(1.4deg)}} @keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(6%) rotate(2.5deg)}} .h-front{position:absolute;left:0;right:0;top:calc(var(--hz) + 1.2cqh);bottom:0;z-index:5;pointer-events:none} .h-palm{position:absolute;bottom:0;z-index:6;transform-origin:50% 100%} .h-palm .sway{transform-origin:50% 100%;animation:sway 5.5s ease-in-out infinite alternate} .h-palm--r{right:-7cqw;width:min(22cqw,300px);bottom:13cqh} .h-palm--l{left:-4cqw;width:min(15cqw,200px);bottom:3cqh} @keyframes sway{from{transform:rotate(-2.2deg)}to{transform:rotate(2.4deg)}} .crown{transform-box:fill-box;transform-origin:50% 90%;animation:crown 3.8s ease-in-out infinite alternate} @keyframes crown{from{transform:rotate(-3deg)}to{transform:rotate(4deg)}} .h-wake{position:absolute;left:0;top:var(--hz);width:100%;height:calc(100% - var(--hz));z-index:5;pointer-events:none} /* headline band: the footer's wave-filled $WAGO, inked for paper, then what it stands for and the tagline beside it (stacked under it on a phone). --band-h is the band's height, for whatever sits below it. */ .h-band{position:absolute;left:0;right:0;top:0;z-index:3;padding:var(--band-pt) var(--gut) var(--band-pb);--ex:-120px} .hero-in{--band-pt:calc(var(--nav-h) + env(safe-area-inset-top) + 3.6cqh);--band-pb:3.4cqh; --wmw:min(36cqw,66cqh); /* wordmark width; its height is .256 of that (viewBox 1040x266) */ --ts:min(3.3cqw,6.2cqh); /* "We're all going offshore." */ --ns:min(1.2cqw,2.3cqh); /* the tagline under it */ --band-h:calc(var(--band-pt) + max(var(--wmw) * .256, var(--ts) * 1.8 + var(--ns) * 1.3 + .7cqh) + var(--band-pb))} .h-h1{display:flex;align-items:center;gap:.8cqh 2.6cqw;font:400 var(--ts)/.9 var(--f-head);text-transform:uppercase;letter-spacing:-.02em} .h-h1 .ln{display:inline-block;vertical-align:top;padding-right:.02em} .h-h1 .h-wm{display:block;flex:none;padding:0} .hwm{display:block;width:var(--wmw);height:auto;overflow:visible} .h-txt{display:flex;flex-direction:column;gap:.7cqh;min-width:0} .h-sub{display:block;max-width:11em} .h-note{display:block;font:700 var(--ns)/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.72} .h-h1 .dot{color:var(--red)} @container hero (orientation:portrait){ .hero-in{--wmw:min(76cqw,calc(100cqw - 2 * var(--gut)));--ts:7cqw;--ns:3cqw;--band-pt:calc(var(--nav-h) + env(safe-area-inset-top) + 2.6cqh);--band-pb:3cqh; --band-h:calc(var(--band-pt) + var(--wmw) * .256 + .8cqh + var(--ts) * 1.8 + .7cqh + var(--ns) * 1.3 + var(--band-pb))} .h-h1{flex-direction:column;align-items:flex-start} .h-sub{max-width:none} } .h-lockup{position:absolute;left:0;right:0;top:15cqh;z-index:7;text-align:center;visibility:hidden;pointer-events:none} .h-lockup .word{font:400 min(13cqw,23cqh)/.8 var(--f-head);letter-spacing:-.04em;display:inline-block;white-space:nowrap;color:var(--ink);text-shadow:0 .06em 0 rgba(255,255,255,.35)} .h-lockup .word span{display:inline-block} .h-lockup .tag{display:block;margin:1.8cqh auto 0;width:max-content;max-width:92cqw;font:400 min(3.4cqw,5.2cqh)/1 var(--f-head);letter-spacing:-.01em;background:var(--ink);color:var(--paper);padding:.45em .7em;rotate:-1.5deg;overflow:hidden} .h-lockup .tag span{display:inline-block} .h-lockup .tag small{display:block;margin-top:.4em;font:700 .52em/1.2 var(--f-mono);letter-spacing:.14em;opacity:.85} @container hero (orientation:portrait){.h-lockup{top:27cqh}.h-lockup .tag{font-size:4.3cqw;white-space:normal;width:auto;max-width:84cqw}} /* landscape (16:9 trailer, share card): poster layout in the open sky, clear of the yacht on the right */ @container hero (orientation:landscape){ .h-lockup{left:5cqw;right:auto;top:14cqh;text-align:left} .h-lockup .word{font-size:min(11cqw,24cqh)} .h-lockup .tag{margin:1.8cqh 0 0;font-size:min(2cqw,3.8cqh);transform-origin:0 50%} } /* CTA block */ .h-cta{position:absolute;z-index:8;left:var(--gut);top:calc(var(--band-h) + 5.5cqh);width:min(44cqw,560px);display:flex;flex-direction:column;align-items:flex-start;gap:14px} .h-tag{font:400 clamp(14px,1.35cqw,19px)/1.35 var(--f-type);background:var(--paper);padding:.5em .8em;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);rotate:-1deg;max-width:100%} .h-btns{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 10px;align-items:center} .h-btns .btn-lime{grid-column:1/-1;justify-self:start} .h-btns .btn-lime{min-height:56px;padding:.9em 1.6em;font-size:clamp(16px,1.35vw,20px)} .h-check{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:.5em;padding:7px 12px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);font:700 12px/1 var(--f-mono);letter-spacing:.12em;box-shadow:0 3px 0 var(--ink)} .h-check:hover{background:var(--lime)} .h-pons{grid-column:1/-1;justify-self:start;margin:0;max-width:34em;padding:.45em .7em;background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:400 12px/1.4 var(--f-mono);letter-spacing:.02em;color:var(--ink)} .h-socials{display:flex;gap:10px} @container hero (orientation:portrait) and (max-height:700px){.h-tag{display:none}} /* phones the size of an iPhone SE: the buttons need the room */ @container hero (orientation:portrait){ /* below the horizon, but never lower than the hero can show: --cta-h is the block's measured height (fitHeroCta) */ .h-cta{left:var(--gut);right:var(--gut);width:auto;top:min(calc(var(--hz) + 7cqh),calc(100cqh - var(--cta-h,0px) - 14px - env(safe-area-inset-bottom)));align-items:stretch;gap:12px} .h-tag{align-self:flex-start;font-size:13px} .h-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px} .h-btns .btn-lime{grid-column:1/-1;min-height:54px;font-size:17px} .h-btns .btn-sm{width:100%} } .ca{display:flex;align-items:center;gap:0;max-width:100%;border:3px solid var(--ink);border-radius:var(--r-pill);background:var(--paper);box-shadow:0 4px 0 var(--ink);overflow:hidden;font:700 13px/1 var(--f-mono)} .ca-l{padding:0 10px 0 14px;letter-spacing:.12em;font-size:11px;opacity:.65;white-space:nowrap} .ca-v{flex:1;min-width:0;padding:12px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em} .ca-b{align-self:stretch;padding:0 16px;background:var(--ink);color:var(--paper);font:400 13px/1 var(--f-head);letter-spacing:.04em;transition:background .15s} .ca-b:hover{background:#333} .ca-b.ok{background:var(--lagoon);color:var(--ink)} /* ========================================================================== REEL ========================================================================== */ .reel{position:fixed;inset:0;z-index:70;background:#000;display:grid;place-items:center;overflow:hidden;touch-action:none} .reel.clear{background:transparent;pointer-events:none} .reel.clear .skip{pointer-events:auto} .stage{position:relative;width:100%;height:100%;overflow:hidden;container:stage/size;color:var(--paper)} .shake{position:absolute;inset:0} .scene{position:absolute;inset:0;visibility:hidden;overflow:hidden} .reel-fx{position:absolute;inset:0;width:100%;height:100%;z-index:40;pointer-events:none} .skip{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:center;gap:.6em;height:44px;padding:0 18px;border:2px solid rgba(239,236,230,.85);border-radius:var(--r-pill);background:rgba(10,14,26,.55);color:var(--paper);font:700 12px/1 var(--f-mono);letter-spacing:.16em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s,color .15s} .skip:hover{background:var(--paper);color:var(--ink)} .skip .kbd{opacity:.6} /* cold open */ .sc-cold{background:#000;display:grid;place-items:center} .cold{width:min(84cqw,640px);display:grid;gap:14px;font:400 clamp(13px,2.3cqmin,26px)/1.4 var(--f-mono);color:var(--paper)} .cold .caret{display:inline-block;width:.6em;height:1.1em;background:var(--paper);vertical-align:-.18em;margin-left:2px;animation:caret .7s steps(1) infinite} @keyframes caret{50%{opacity:0}} .cold-bar{height:clamp(8px,1.3cqmin,14px);border:2px solid rgba(239,236,230,.8);padding:2px;transform-origin:0 50%} .cold-bar i{display:block;height:100%;background:var(--paper);transform-origin:0 50%;transform:scaleX(0)} .cold-meta{display:flex;justify-content:space-between;gap:12px;font-size:.72em;letter-spacing:.14em;color:rgba(239,236,230,.6);text-transform:uppercase} .cold-meta b{color:var(--paper);font-weight:700} .alarm{position:absolute;inset:0;visibility:hidden;display:grid;place-items:center;overflow:hidden} .alarm-flash{position:absolute;inset:0;background:radial-gradient(circle,#ff3b4c,var(--red) 55%,#5a0710);opacity:0} .alarm-sweep{position:absolute;top:-10%;bottom:-10%;left:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 45%,rgba(255,220,220,.9) 50%,rgba(255,255,255,.55) 55%,transparent);mix-blend-mode:screen;rotate:8deg} .alarm-t{position:relative;display:grid;justify-items:center;font:400 min(17cqw,26cqh)/.84 var(--f-head);letter-spacing:-.03em;color:var(--paper);text-shadow:0 .05em 0 #000,0 0 .3em rgba(0,0,0,.4)} .alarm-t span{display:block} .alarm-t small{display:block;margin-top:.6em;font:700 clamp(11px,1.8cqmin,20px)/1 var(--f-mono);letter-spacing:.3em;color:#ffd9dc;text-shadow:none} /* departures */ .sc-dep{background:radial-gradient(120% 90% at 50% 40%,#16203a,#070a14 70%);display:grid;place-items:center} .dep-cam{will-change:transform} .board{--cw:min(2.75cqw,4.6cqh);padding:calc(var(--cw)*1.1);background:#0c0c0c;border:3px solid #2a2a2a;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 2px #000;color:var(--paper)} .board-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:calc(var(--cw)*.7);font:700 calc(var(--cw)*.78)/1 var(--f-mono);letter-spacing:.2em;color:var(--sand)} .board-cols{display:flex;gap:calc(var(--cw)*.9);margin-bottom:calc(var(--cw)*.35);font:700 calc(var(--cw)*.42)/1 var(--f-mono);letter-spacing:.24em;color:rgba(239,236,230,.45)} .board-cols span:nth-child(1){width:calc(var(--cw)*11 + 10*2px)} .board-cols span:nth-child(2){width:calc(var(--cw)*2 + 2px)} .brow{display:flex;gap:calc(var(--cw)*.9);margin-top:calc(var(--cw)*.28)} .fl{display:flex;gap:2px} .fc{position:relative;display:inline-grid;place-items:center;width:var(--cw);height:calc(var(--cw)*1.4);border-radius:calc(var(--cw)*.1);background:linear-gradient(#272727 0 49.5%,#1c1c1c 50.5%);color:var(--paper);font:700 calc(var(--cw)*1.02)/1 var(--f-mono);overflow:hidden} .fc::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:#000} .fc i{position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(#3a3a3a,#232323);transform-origin:50% 100%;transform:scaleY(0);pointer-events:none} .fc b{position:relative;font-weight:700} .fl.red .fc{color:#ff5b69}.fl.amber .fc{color:var(--sand)}.fl.lime .fc{color:var(--lime)} .fl.blink .fc b{animation:blink .5s steps(1) infinite} @keyframes blink{50%{opacity:.15}} .dep-flash{position:absolute;inset:0;background:var(--lime);opacity:0;pointer-events:none} @container stage (orientation:portrait){ .board{--cw:min(calc(5.2cqw - 2px),4.4cqh)} .board-cols{display:none} .brow{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--cw)*.35) calc(var(--cw)*.6);margin-top:calc(var(--cw)*.8)} .brow .f-dest{grid-column:1/-1} } /* sea scenes */ .sc-sea{background:transparent} .sea-cam{position:absolute;left:0;right:0;top:0;height:200%;will-change:transform} .sea-top{position:absolute;left:0;right:0;top:0;height:50%;overflow:hidden} .sea-top .sky{position:absolute;inset:0} .sea-hz{--hz:58%} .sea-ocean{position:absolute;left:0;right:0;top:61%;bottom:0;background:linear-gradient(#2593D4,var(--deep) 40%,#0B4A78)} .sea-under{position:absolute;left:0;right:0;top:50%;height:50%;background:linear-gradient(#0B4A78,var(--abyss) 60%,#03121F)} .sea-under::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14cqh;background:var(--surf) repeat-x 0 100%/60cqw 100%} .under-rays{position:absolute;inset:0;background:repeating-linear-gradient(100deg,rgba(255,255,255,.07) 0 3cqw,transparent 3cqw 9cqw);-webkit-mask-image:linear-gradient(#000,transparent 75%);mask-image:linear-gradient(#000,transparent 75%)} .actor{position:absolute;will-change:transform} .actor img{width:100%} .esc-boat{left:0;top:calc(58% - 26cqh);width:min(46cqw,82cqh)} .sher-boat{left:0;top:calc(58% - 20cqh);width:min(30cqw,52cqh)} .sher-panic{left:0;top:calc(58% - 22cqh);width:min(22cqw,40cqh);visibility:hidden} .sher-down{left:50%;top:18%;width:min(26cqw,46cqh);translate:-50% 0} @container stage (orientation:portrait){ .esc-boat{width:88cqw;top:calc(58% - 16cqh)} .sher-boat{width:62cqw;top:calc(58% - 15cqh)} .sher-panic{width:48cqw;top:calc(58% - 17cqh)} .sher-down{width:58cqw} } .leak{position:absolute;left:21%;top:62%;width:26%;overflow:visible;visibility:hidden} .leak path{fill:none;stroke:#bfefff;stroke-width:5;stroke-linecap:round} .sea-front{position:absolute;left:0;right:0;top:calc(58% + 2cqh);height:44%;z-index:5} .forms{position:absolute;inset:0;pointer-events:none;z-index:6} .form{position:absolute;left:0;top:0;width:min(7cqw,12cqh);aspect-ratio:.78;background:#fbfaf6 var(--tex-paper);border:2px solid var(--ink);visibility:hidden;padding:6% 8%;overflow:hidden;box-shadow:2px 3px 0 rgba(0,0,0,.2)} .form::before{content:"FORM 99-TAX";display:block;font:700 max(5px,.7cqw)/1 var(--f-type);letter-spacing:.02em;border-bottom:1px solid var(--ink);padding-bottom:6%;margin-bottom:8%;white-space:nowrap} .form::after{content:"";display:block;height:60%;background:repeating-linear-gradient(#0000 0 14%,rgba(0,0,0,.35) 14% 17%)} .slam{position:absolute;z-index:9;font:400 min(10cqw,17cqh)/.84 var(--f-head);text-transform:uppercase;letter-spacing:-.03em;color:var(--ink);padding:.18em .28em .12em;visibility:hidden} .slam span{display:block} .slam.paper{--ex:-60px} .slam--a{left:5cqw;top:9cqh;rotate:-4deg} .slam--b{right:5cqw;top:12cqh;rotate:3deg;text-align:right} .slam--c{inset:0;margin:auto;width:fit-content;height:fit-content;font-size:min(9.4cqw,20cqh);text-align:center;white-space:nowrap} @container stage (orientation:portrait){ .slam{font-size:15.5cqw} .slam--a{top:12cqh}.slam--b{top:31cqh} .slam--c{font-size:14.5cqw;white-space:normal;width:92cqw} } .cut{position:absolute;bottom:0;z-index:8;visibility:hidden} .cut img{width:100%} .cut--cry{left:3cqw;width:min(24cqw,44cqh)} .cut--bags{right:2cqw;width:min(34cqw,56cqh)} @container stage (orientation:portrait){.cut--cry{width:50cqw}.cut--bags{width:72cqw}} .speedlines{position:absolute;inset:-10%;z-index:30;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 2.2cqh,rgba(255,255,255,.75) 2.2cqh 2.5cqh,transparent 2.5cqh 5.5cqh,rgba(255,255,255,.35) 5.5cqh 5.9cqh,transparent 5.9cqh 8cqh);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent)} .sonar{position:absolute;left:50%;top:50%;width:min(64cqmin,560px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;z-index:7;visibility:hidden; background:radial-gradient(circle,rgba(22,194,194,0) 0 24.6%,rgba(22,194,194,.55) 25% 25.4%,rgba(22,194,194,0) 25.8% 49.6%,rgba(22,194,194,.45) 50% 50.4%,rgba(22,194,194,0) 50.8% 74.6%,rgba(22,194,194,.35) 75% 75.4%,rgba(22,194,194,0) 75.8%), linear-gradient(90deg,transparent calc(50% - 1px),rgba(22,194,194,.35) 0 calc(50% + 1px),transparent 0),linear-gradient(0deg,transparent calc(50% - 1px),rgba(22,194,194,.35) 0 calc(50% + 1px),transparent 0),radial-gradient(circle,rgba(3,40,50,.55),rgba(3,30,40,.8)); border:3px solid rgba(22,194,194,.8);box-shadow:0 0 40px rgba(22,194,194,.25),inset 0 0 40px rgba(22,194,194,.2)} .sonar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(22,194,194,.65),rgba(22,194,194,0) 22%,transparent);animation:spin 1.6s linear infinite} .sonar-blip{position:absolute;left:63%;top:58%;width:5%;aspect-ratio:1;border-radius:50%;background:#bafcff;box-shadow:0 0 16px #6ff;opacity:0} .sonar-t{position:absolute;left:50%;top:106%;translate:-50% 0;white-space:nowrap;font:700 clamp(13px,2.6cqmin,30px)/1 var(--f-mono);letter-spacing:.3em;color:#9ff} .sonar-t::before{content:"● ";color:var(--red)} .surf-glub{position:absolute;z-index:8;font:700 clamp(18px,3.4cqmin,38px)/1 var(--f-mono);color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:.3em .6em;border-radius:.5em;visibility:hidden} /* waves (shared) */ .waves{position:absolute;inset:0;pointer-events:none} .wave{position:absolute;left:0;right:0;overflow:hidden;animation:waveY var(--b,5s) ease-in-out infinite alternate} .wave svg{display:block;width:200%;height:100%;animation:waveX var(--d,14s) linear infinite} .wave.rev svg{animation-direction:reverse} .wave path.fill{stroke:none} .wave path.crest{fill:none;stroke:var(--ink);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round} .wave path.foam{fill:none;stroke:rgba(255,255,255,.85);stroke-width:3;stroke-dasharray:14 26;vector-effect:non-scaling-stroke;stroke-linecap:round} @keyframes waveX{to{transform:translateX(-50%)}} @keyframes waveY{from{transform:translateY(-6%)}to{transform:translateY(6%)}} /* flying badge (handoff) */ .fly{position:fixed;left:0;top:0;z-index:80;pointer-events:none;visibility:hidden;will-change:transform} .fly img{width:100%;height:100%} /* reel-only page mode */ html.mode-reel body{background:#000} html.mode-reel .reel{background:#000} html.mode-reel .stage{width:min(100vw,177.7778vh);height:min(100vh,56.25vw);cursor:none} html.mode-reel .nav,html.mode-reel main>*:not(.hero),html.mode-reel .grain-off,html.mode-reel .toasts,html.mode-reel .skip{display:none!important} html.mode-reel .hero{position:absolute;inset:0;height:100%;z-index:0} html.mode-reel .hero-in{--nav-h:0px} html.mode-reel .h-cta,html.mode-reel .h-band,html.mode-reel .h-sheriff{display:none} /* ========================================================================== SECTIONS ========================================================================== */ section{position:relative} .sec-head{position:relative;z-index:4;padding:clamp(22px,3.4vw,40px) var(--gut) clamp(16px,2.6vw,30px)} .sec-head .wrap{display:grid;gap:12px} .sec-sub{max-width:52ch;font:400 clamp(14px,1.3vw,17px)/1.45 var(--f-type);text-wrap:pretty} /* tickers */ .tickers{position:relative;z-index:3;padding:64px 0 76px;background:linear-gradient(var(--abyss),#041A2D);overflow:hidden} .tk{position:relative;white-space:nowrap;padding:14px 0 12px;font:400 clamp(22px,3.1vw,42px)/1 var(--f-head);text-transform:uppercase;letter-spacing:-.01em;--ex:-200px} .tk--a{rotate:-2.2deg;z-index:2} .tk--b{rotate:1.6deg;margin-top:-6px;z-index:1;--ex:-340px} .tk-track{display:inline-flex;will-change:transform} .tk-track>span{display:inline-flex;align-items:center;padding-right:.4em} .tk .star{display:inline-block;margin:0 .45em;color:var(--red);animation:spin 3s linear infinite} .tk--b .star{color:var(--lime)} .tk em{font-style:normal;color:var(--blue)} /* lore */ .lore-pin{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr} .lore-head{padding-top:calc(var(--nav-h) + 22px)} .lore-stage{position:relative;overflow:hidden} .lp{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:4vw;padding:2vh var(--gut) 7vh;max-width:calc(var(--maxw) + 2*var(--gut));margin:0 auto} .lp-t{font:400 clamp(40px,5.8vw,92px)/.9 var(--f-head);text-transform:uppercase;letter-spacing:-.025em} .lp-3 .lp-t,.lp-4 .lp-t{font-size:clamp(34px,4.3vw,68px)} .lore-head .h-l{font-size:clamp(28px,4.2vw,62px)} .lp-t .red{color:var(--red)} .lp-t .ln{padding-right:.08em} .lp-s{margin-top:18px;font:400 clamp(14px,1.25vw,18px)/1.4 var(--f-type)} .lp-s b{font-weight:400;background:var(--lime);padding:0 .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone} .lp-n{display:block;margin-bottom:14px;font:700 12px/1 var(--f-mono);letter-spacing:.3em} .lp-art{position:relative;aspect-ratio:1.08;width:100%;max-height:64vh;justify-self:center} .lp-art img{position:absolute} .lp-1 .a-sher{left:10%;bottom:0;width:62%;z-index:2} .lp-1 .notice{position:absolute;right:2%;top:6%;width:44%;padding:6% 6% 8%;rotate:5deg;font:400 clamp(11px,1vw,14px)/1.35 var(--f-type);box-shadow:6px 8px 0 rgba(0,0,0,.18);border:2px solid var(--ink)} .notice h4{margin:0 0 8px;font:400 clamp(16px,1.6vw,24px)/1 var(--f-head);letter-spacing:-.01em} .notice .pin{position:absolute;top:-10px;left:50%;width:18px;height:18px;border-radius:50%;background:var(--red);border:3px solid var(--ink);translate:-50% 0} .lp-2 .a-point{right:-2%;bottom:0;width:58%;z-index:2} .lp-2 .board{position:absolute;left:0;top:7%;width:60%;z-index:3;padding:5% 5% 6%;rotate:-4deg;font:400 clamp(11px,1vw,14px)/1.35 var(--f-type);box-shadow:6px 8px 0 rgba(0,0,0,.18);border:2px solid var(--ink)} .tick{list-style:none;margin:0;padding:0} .tick li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px dashed rgba(0,0,0,.35)} .tick b{font:700 clamp(12px,1.1vw,16px)/1 var(--f-mono);letter-spacing:.06em} .tick span{font:700 clamp(9px,.8vw,11px)/1.2 var(--f-mono);letter-spacing:.08em;text-align:right;opacity:.7} .tick .you{border-bottom:0} .tick .you span{color:var(--red);opacity:1} .trees{position:absolute;inset:0} .tree{position:absolute;bottom:0;transform-origin:50% 100%} .tree svg,.palm svg{display:block;width:100%;height:auto;overflow:visible} .lp-3 .bank{position:absolute;left:-4%;bottom:0;width:108%;height:auto;z-index:0;overflow:visible} .lp-3 .trees{z-index:1} .lp-3 .acct{position:absolute;left:50%;bottom:12%;translate:-50% 0;z-index:3;width:min(78%,420px);padding:14px 18px;font:400 clamp(12px,1.05vw,15px)/1.6 var(--f-type);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);rotate:-2deg} .acct b{font-family:var(--f-mono);font-weight:700;letter-spacing:.06em} .acct .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed rgba(0,0,0,.35)} .lp-4 .a-badge{left:50%;top:6%;width:44%;translate:-50% 0;z-index:1} .lp-4 .a-yacht{left:4%;bottom:10%;width:62%;z-index:3} .lp-4 .chain{position:absolute;right:0;bottom:4%;z-index:4;font:700 clamp(11px,1vw,14px)/1.3 var(--f-mono);letter-spacing:.14em;background:var(--ink);color:var(--paper);padding:10px 12px;rotate:3deg} .lp-5 .a-sink{left:50%;bottom:22%;width:54%;translate:-50% 0;z-index:2} .lp-5 .pool{position:absolute;left:0;right:0;bottom:0;height:34%;z-index:3;border-radius:0 0 20px 20px;overflow:hidden} .lore-dots{position:absolute;right:var(--gut);bottom:22px;display:flex;gap:8px;z-index:5} .lore-dots i{width:34px;height:6px;background:rgba(17,17,17,.2);border-radius:3px;overflow:hidden;position:relative} .lore-dots i b{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)} @media (max-width:899px){ .lore-pin{min-height:0;display:block} .lore-stage{overflow:visible;display:grid;gap:10px;padding-bottom:40px} .lp{position:relative;inset:auto;grid-template-columns:1fr;gap:18px;padding:28px var(--gut) 20px} .lp-art{max-width:480px;width:100%;order:-1} .lore-dots{display:none} /* narrow panel: the Sheriff steps left so his finger jabs the notice's edge, not its text */ .lp-1 .a-sher{left:-3%;width:58%} .lp-1 .notice{right:0;top:3%;width:47%;padding:5% 5% 7%} } /* versus */ .versus{background:var(--paper) var(--tex-paper);padding-bottom:clamp(60px,8vw,110px)} .vs{position:relative;width:min(100% - 2*var(--gut),1100px);margin:clamp(24px,4vw,44px) auto 0;aspect-ratio:16/9;border:4px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:10px 10px 0 var(--ink);touch-action:pan-y;user-select:none;--p:50%;background:#7a8088} @media (max-width:700px){.vs{aspect-ratio:4/5;box-shadow:6px 6px 0 var(--ink)}} .vs-side{position:absolute;inset:0;overflow:hidden} .vs-on{background:linear-gradient(#6f7680,#9aa0a8 60%,#8a9098);filter:saturate(.35)} .vs-off{clip-path:inset(0 0 0 var(--p));background:linear-gradient(#5BC6F2,#9fe3ff 55%,#16C2C2 56%,#0f9fb0)} .vs-lbl{position:absolute;top:16px;z-index:5;font:400 clamp(20px,3vw,40px)/1 var(--f-head);letter-spacing:-.01em;padding:.25em .5em;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink)} .vs-on .vs-lbl{left:16px;rotate:-2deg;background:#c9c9c9} .vs-off .vs-lbl{right:16px;rotate:2deg;background:var(--lime)} .vs-guy{position:absolute;bottom:0;z-index:3;width:min(38%,340px)} .vs-on .vs-guy{left:24%} .vs-off .vs-guy{right:18%} @media (max-width:700px){.vs-guy{width:52%}.vs-on .vs-guy{left:6%}.vs-off .vs-guy{right:4%}} .vs-rain{position:absolute;inset:-20% 0 0;z-index:4;background:repeating-linear-gradient(104deg,transparent 0 22px,rgba(220,230,240,.55) 22px 23.5px,transparent 23.5px 47px);background-size:100% 120px;animation:rain .45s linear infinite;opacity:.8} @keyframes rain{to{background-position:-30px 120px}} .vs-cloud{position:absolute;left:-5%;top:-8%;width:70%;z-index:2;opacity:.9} .vs-forms{position:absolute;right:6%;bottom:0;width:30%;z-index:3} .vs-sun{position:absolute;right:10%;top:12%;width:16%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff6c9,#ffd84d 60%);border:4px solid var(--ink);box-shadow:0 0 0 10px rgba(255,236,150,.35),0 0 60px 20px rgba(255,236,150,.5)} .vs-palm{position:absolute;left:4%;bottom:12%;width:26%;z-index:2} .vs-palm .sway{transform-origin:50% 100%;animation:sway 4s ease-in-out infinite alternate} .vs-sparkle{position:absolute;z-index:4;width:5%;aspect-ratio:1;animation:twinkle 2.4s ease-in-out infinite} .vs-sparkle::before{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%)} @keyframes twinkle{0%,100%{transform:scale(0) rotate(0)}40%{transform:scale(1) rotate(45deg)}70%{transform:scale(.2) rotate(90deg)}} .vs-handle{position:absolute;top:0;bottom:0;left:var(--p);width:0;z-index:10;cursor:ew-resize;outline:none} .vs-handle::before{content:"";position:absolute;top:0;bottom:0;left:-3px;width:6px;background:var(--ink)} .vs-knob{position:absolute;top:50%;left:0;width:68px;height:68px;translate:-50% -50%;border-radius:50%;background:var(--paper);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);display:grid;place-items:center;font:400 20px/1 var(--f-head);transition:scale .15s} .vs-handle:focus-visible .vs-knob{outline:3px dashed var(--ink);outline-offset:4px} .vs.drag .vs-knob{scale:1.12} .vs-hint{position:absolute;left:50%;bottom:14px;translate:-50% 0;z-index:11;font:700 11px/1 var(--f-mono);letter-spacing:.2em;background:var(--ink);color:var(--paper);padding:7px 10px;border-radius:99px;pointer-events:none} .stats{width:min(100% - 2*var(--gut),1100px);margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr 1.9fr;gap:14px} @media (max-width:860px){.stats{grid-template-columns:1fr 1fr}} .stat{border:3px solid var(--ink);border-radius:14px;background:#fff;padding:14px 14px 12px;box-shadow:5px 5px 0 var(--ink)} .stat dt{font:700 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin-bottom:10px} .stat dd{margin:0;min-width:0;container-type:inline-size} .stat .fl{flex-wrap:nowrap} .stat .fc{--cw:clamp(9px,calc((100cqw - (var(--n,8) - 1)*2px)/var(--n,8)),22px)} @media (max-width:560px){ .stats{grid-template-columns:1fr;gap:10px} .stat{display:flex;align-items:center;gap:12px;padding:10px 12px} .stat dt{margin:0;flex:none;width:6.2em} .stat dd{flex:1 1 0;display:flex;justify-content:flex-end} } /* how to */ .howto{padding-bottom:clamp(70px,9vw,130px)} .how-wrap{position:relative;width:min(100% - 2*var(--gut),1160px);margin:clamp(30px,5vw,56px) auto 0} .pp{position:relative;display:grid;grid-template-columns:1fr 1fr;border:4px solid var(--ink);border-radius:20px;background-color:#f6f1e6;background-image:var(--tex-paper),var(--guilloche);box-shadow:12px 12px 0 var(--ink);overflow:hidden} .pp::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:22px;translate:-50% 0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.14) 45%,rgba(0,0,0,.22) 50%,rgba(0,0,0,.14) 55%,transparent);pointer-events:none} .pp-page{position:relative;padding:clamp(18px,3vw,36px);display:grid;gap:clamp(18px,2.6vw,30px);align-content:start} .pp-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(18px,3vw,36px);border-bottom:2px dashed rgba(0,0,0,.3);font:700 11px/1 var(--f-mono);letter-spacing:.24em;text-transform:uppercase;gap:10px} .visa{position:relative;display:grid;grid-template-columns:auto 1fr;gap:16px 20px;align-items:center;min-height:150px} .stamp{--c:var(--red);position:relative;display:grid;justify-items:center;gap:4px;padding:12px 16px 10px;color:var(--c);border:4px solid var(--c);border-radius:12px;rotate:var(--r,-6deg);font-family:var(--f-type);text-transform:uppercase;text-align:center;box-shadow:inset 0 0 0 3px #f6f1e6,inset 0 0 0 5px var(--c);-webkit-mask-image:var(--tex-stamp);mask-image:var(--tex-stamp);-webkit-mask-size:220px 220px;mask-size:220px 220px;mix-blend-mode:multiply;opacity:.92;min-width:150px} .stamp--oval{border-radius:50%/42%;padding:18px 22px 16px} .stamp--round{border-radius:50%;aspect-ratio:1;align-content:center;padding:14px} .stamp--blue{--c:#1f4fa8}.stamp--green{--c:#2f7a36}.stamp--navy{--c:var(--navy)} .stamp .s-top{font-size:10px;letter-spacing:.14em} .stamp .s-n{font:400 clamp(30px,3.6vw,46px)/.9 var(--f-head);letter-spacing:-.02em} .stamp .s-t{font:400 clamp(15px,1.5vw,20px)/1 var(--f-head);letter-spacing:.01em} .stamp .s-bot{font-size:10px;letter-spacing:.2em;border-top:2px solid var(--c);padding-top:4px;margin-top:2px} .visa-copy{font:400 clamp(14px,1.25vw,17px)/1.5 var(--f-type)} .visa-copy b{font-family:var(--f-mono);font-weight:700;background:rgba(212,255,58,.55);padding:0 .25em} .visa-act{grid-column:2;display:flex;flex-wrap:wrap;gap:8px} .how-guy{position:absolute;right:5%;top:0;width:min(22%,230px);transform:translateY(-80%);z-index:0;pointer-events:none} .pp{z-index:1} @media (max-width:860px){ .pp{grid-template-columns:1fr;box-shadow:7px 7px 0 var(--ink)} .pp::after{display:none} .pp-page+.pp-page{border-top:2px dashed rgba(0,0,0,.3)} .visa{grid-template-columns:1fr;justify-items:start} .visa-act{grid-column:1} .how-wrap{margin-top:min(calc(24vw + 12px),160px)} .how-guy{width:min(30%,180px);right:5%} } .stamp-tool{position:fixed;left:0;top:0;z-index:85;width:120px;pointer-events:none;visibility:hidden} /* observatory — a control room around a bright chart */ .obs{background:radial-gradient(120% 70% at 50% 0%,#0f3a5e,var(--abyss) 55%,#03162a);color:var(--paper);padding-bottom:clamp(56px,7vw,100px);overflow:hidden} .obs::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(22,194,194,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(22,194,194,.08) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)} .obs .sec-head{color:var(--ink)} .obs-grid,.obs-desk,.obs-src{position:relative;z-index:1;width:min(100% - 2*var(--gut),1280px);margin-inline:auto} .obs-grid{margin-top:clamp(30px,4.5vw,56px);display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,1fr);gap:clamp(14px,2vw,24px);align-items:start} @media (max-width:1000px){.obs-grid{grid-template-columns:1fr}} .obs-screen{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0} .obs-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:28px;font:700 11px/1 var(--f-mono);letter-spacing:.18em;color:var(--sand);text-transform:uppercase} .obs-flag{display:inline-flex;align-items:center;gap:8px;min-width:0} .obs-flag b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .obs-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#7a8088;box-shadow:0 0 0 2px rgba(0,0,0,.4)} .obs[data-mode="live"] .obs-dot{background:var(--lime);box-shadow:0 0 10px var(--lime);animation:blink 1.1s steps(1) infinite} .obs[data-mode="live"].jam .obs-dot{background:var(--gold);box-shadow:none;animation:none} .obs[data-mode="demo"] .obs-dot{background:var(--red);box-shadow:0 0 10px var(--red)} .obs[data-mode="demo"] .obs-flag b{color:#ff8a95} .obs-bar-r{display:flex;align-items:center;gap:10px;white-space:nowrap} .obs-exit{font:700 10px/1 var(--f-mono);letter-spacing:.14em;color:var(--paper);border:2px solid rgba(239,236,230,.6);border-radius:99px;padding:6px 10px} .obs-exit:hover{background:var(--paper);color:var(--ink)} .obs-map{position:relative;aspect-ratio:16/10;border:4px solid var(--ink);border-radius:18px;overflow:hidden;background:#4fb9e8;box-shadow:0 0 0 3px rgba(239,236,230,.85),10px 12px 0 3px rgba(0,0,0,.45)} @media (max-width:1000px){.obs-map{aspect-ratio:3/2}} @media (max-width:620px){.obs-map{aspect-ratio:4/5;border-radius:14px;box-shadow:0 0 0 3px rgba(239,236,230,.85),6px 8px 0 3px rgba(0,0,0,.45)}} .obs-map canvas{position:absolute;inset:0;width:100%;height:100%;display:block} .obs-banner{position:absolute;left:0;right:0;top:9%;margin:0 auto;width:fit-content;max-width:86%;z-index:3;display:grid;justify-items:center;gap:5px;padding:11px 18px 13px;background:var(--paper) var(--tex-paper);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:center;visibility:hidden;pointer-events:none} .obs-banner small{font:700 10px/1 var(--f-mono);letter-spacing:.26em;color:var(--red)} .obs-banner b{font:400 clamp(20px,3vw,36px)/.95 var(--f-head);text-transform:uppercase;letter-spacing:-.01em} .obs-banner span{font:400 clamp(12px,1.2vw,15px)/1.3 var(--f-type)} .obs-banner.whale{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--red)} .obs-banner.whale small{color:var(--lime)} .obs-banner.you{background:var(--lime)} /* the landmark ceremony (#18): the card slams in at the centre, then docks clear of the island */ .obs-cer{position:absolute;inset:0;z-index:4;pointer-events:none} .obs-cer[hidden]{display:none} .obs-cer-box{position:absolute;left:50%;top:50%;width:min(440px,90%);transform:translate(-50%,-50%);transition:top .7s cubic-bezier(.6,0,.2,1),left .7s cubic-bezier(.6,0,.2,1),transform .7s cubic-bezier(.6,0,.2,1);pointer-events:auto} /* docked: on a wide map, in the open sea between the coast and the island (--coast and --dock-s come from dockFit); on a tall one, over the mainland along the bottom */ .obs-cer.dock .obs-cer-box{top:24px;left:calc(var(--coast,19%) + 14px);transform:translate(0,0) scale(var(--dock-s,.5));transform-origin:0 0} .obs-cer.dock.low .obs-cer-box{top:calc(100% - 12px);left:50%;transform:translate(-50%,-100%) scale(.74);transform-origin:50% 100%} .obs-cer-in{position:relative;display:grid;justify-items:center;gap:7px;padding:18px 22px 16px;background:var(--paper) var(--tex-paper);color:var(--ink);border:4px solid var(--ink);border-radius:8px;box-shadow:8px 8px 0 var(--ink);text-align:center} .obs-cer-in small{font:700 11px/1.25 var(--f-mono);letter-spacing:.22em;color:var(--red)} .obs-cer-in b{font:400 clamp(26px,4vw,46px)/.92 var(--f-head);text-transform:uppercase;letter-spacing:-.01em} .obs-cer-in span{font:400 clamp(13px,1.3vw,16px)/1.3 var(--f-type)} .obs-cer-in em{font:700 12px/1 var(--f-mono);font-style:normal;letter-spacing:.18em;background:var(--ink);color:var(--lime);padding:7px 12px;border-radius:99px} .obs-cer-stamp{position:absolute;right:-10px;top:-30px;font:400 17px/1 var(--f-head);font-style:normal;letter-spacing:.06em;color:var(--red);background:rgba(243,239,230,.92);border:4px solid var(--red);border-radius:8px;padding:6px 9px;transform:rotate(-12deg);-webkit-mask-image:var(--tex-stamp);mask-image:var(--tex-stamp);-webkit-mask-size:200px;mask-size:200px} .obs-cer-acts{display:flex;align-items:center;gap:8px;margin-top:3px} .obs-cer-x{width:36px;height:36px;border-radius:50%;background:var(--paper);color:var(--ink);border:3px solid var(--ink);font:400 14px/1 var(--f-head);box-shadow:0 3px 0 var(--ink)} .obs-cer-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .obs-empty{position:absolute;left:0;right:0;bottom:6%;margin:0 auto;width:min(88%,430px);z-index:3;display:grid;justify-items:center;gap:9px;padding:14px 16px 16px;background:rgba(10,14,26,.84);color:var(--paper);border:2px solid rgba(239,236,230,.7);border-radius:14px;text-align:center;font:400 13px/1.45 var(--f-type)} .obs-empty-t{font:400 clamp(17px,2vw,24px)/1 var(--f-head);letter-spacing:.02em;color:var(--lime)} .obs-time{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:2px dashed rgba(239,236,230,.35);border-radius:12px;font:700 11px/1.3 var(--f-mono);letter-spacing:.14em;color:var(--sand);text-transform:uppercase} .obs-time input{flex:1 1 160px;accent-color:var(--lime);min-height:28px} .obs-time output{min-width:13ch;text-align:right;color:var(--lime)} .obs-side{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0} .obs-stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px} .ost{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:10px 10px 9px;background:#0c0c0c;border:3px solid #2b2b2b;border-radius:12px;box-shadow:inset 0 0 0 2px #000} .ost-w{grid-column:1/-1} .ost dt{margin-bottom:8px;font:700 10px/1.2 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(239,236,230,.55)} .ost dd{margin:0;min-width:0;container-type:inline-size} .ost .fl{flex-wrap:nowrap} .ost .fc{--cw:clamp(9px,calc((100cqw - (var(--n,7) - 1)*2px)/var(--n,7)),27px)} .obs-next{color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:11px 13px 12px;box-shadow:5px 5px 0 rgba(0,0,0,.45)} .obs-next-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:700 10px/1 var(--f-mono);letter-spacing:.2em} .obs-next-top b{font:400 clamp(15px,1.5vw,19px)/1 var(--f-head);letter-spacing:0;text-align:right} .obs-next-bar{margin-top:10px;height:16px;border:3px solid var(--ink);border-radius:99px;overflow:hidden;background:#fff} .obs-next-bar i{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--lime) 0 9px,#b8e22a 9px 18px);transform-origin:0 50%;transform:scaleX(0);transition:transform .9s cubic-bezier(.3,1.3,.5,1)} .obs-next p{margin-top:8px;font:400 13px/1.35 var(--f-type)} .obs-log{display:grid;grid-template-rows:auto minmax(0,1fr);background:#0c0c0c;border:3px solid #2b2b2b;border-radius:12px;box-shadow:inset 0 0 0 2px #000;overflow:hidden} .obs-log-top{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #1f1f1f;font:700 10px/1 var(--f-mono);letter-spacing:.2em;color:var(--sand)} .obs-log-top span:last-child{color:rgba(239,236,230,.45)} .obs-feed{list-style:none;margin:0;padding:2px 0;height:246px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent} @media (max-width:1000px){.obs-feed{height:210px}} .of{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:7px 12px;border-bottom:1px dashed #1d1d1d;font:400 12px/1.4 var(--f-mono);color:rgba(239,236,230,.92)} .of-i{font-size:14px;line-height:1} .of-t{overflow-wrap:anywhere} .of-t b{font-weight:700;color:var(--lime)} a.of-t:hover{text-decoration:underline;text-underline-offset:3px} .of time{font-size:10px;color:rgba(239,236,230,.42);white-space:nowrap} .of.sell .of-t b{color:#ff8a95} .of.sys .of-t{color:var(--sand)} .of.you{background:rgba(212,255,58,.13)} .of.sim time::before{content:"SIM · ";color:#ff8a95} .of .cv{display:inline-block;margin-left:2px;padding:1px 6px;border-radius:5px;background:var(--vc,var(--paper));color:var(--ink);font:700 9.5px/1.5 var(--f-mono);letter-spacing:.06em;white-space:nowrap} .obs-desk{margin-top:clamp(16px,2.2vw,26px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(14px,2vw,24px);align-items:stretch} @media (max-width:860px){.obs-desk{grid-template-columns:1fr}} .obs-claim{color:var(--ink);border:4px solid var(--ink);border-radius:18px;padding:clamp(16px,2.2vw,24px);box-shadow:8px 8px 0 rgba(0,0,0,.5);display:grid;gap:14px;align-content:start} .obs-claim h3{margin-top:8px;font:400 clamp(24px,2.6vw,34px)/.95 var(--f-head);text-transform:uppercase;letter-spacing:-.01em} .obs-claim .inp input{font-size:15px;padding-left:14px} .obs-claim-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .obs-share{display:grid;gap:14px;align-content:center;justify-items:start;padding:clamp(16px,2.2vw,24px);border:3px dashed rgba(239,236,230,.35);border-radius:18px} .obs-share-t{font:400 clamp(16px,1.6vw,21px)/1.3 var(--f-type)} .obs-out{grid-column:1/-1;justify-self:center;max-width:760px} .obs-out .hint{color:rgba(239,236,230,.7)} .obs-src{margin-top:16px;font:400 12px/1.5 var(--f-type);color:rgba(239,236,230,.55)} .obs-src a{text-decoration:underline;text-underline-offset:3px} /* the home page's Observatory is one card; the map, the harbor log and the plots live on /observatory */ html:not([data-page="observatory"]) .obs>:is(.obs-grid,.obs-desk,.obs-src){display:none} .obs-card{position:relative;z-index:1;width:min(100% - 2*var(--gut),860px);margin:clamp(30px,4.5vw,56px) auto 0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px clamp(18px,3vw,34px);align-items:end;color:var(--ink);border:3px solid var(--ink);border-radius:16px;padding:clamp(16px,2.4vw,26px);box-shadow:8px 8px 0 rgba(0,0,0,.45)} .obs-card .obs-flag{grid-column:1/-1;font:700 11px/1 var(--f-mono);letter-spacing:.16em} .obs .obs-card .obs-dot,.obs[data-mode] .obs-card .obs-dot{box-shadow:0 0 0 2px var(--ink)} /* lime alone vanishes on paper */ .obs-card-cit span{display:block;font:700 10px/1 var(--f-mono);letter-spacing:.2em} .obs-card-cit b{display:block;margin-top:10px;font:400 clamp(44px,6.4vw,76px)/.85 var(--f-head);font-variant-numeric:tabular-nums} .obs-card p{margin-top:8px;font:400 13px/1.35 var(--f-type)} .obs-card .btn{grid-column:1/-1;justify-self:start} @media (max-width:640px){.obs-card{grid-template-columns:minmax(0,1fr);align-items:start}.obs-card .btn{justify-self:stretch}} @media (max-width:620px){.obs-exit-l{display:none}.obs:not([data-mode="live"]) .obs-bar #obsClock{display:none}} /* the chart number is decoration */ .obs-fine{margin:0;font:400 11px/1.5 var(--f-type);color:rgba(239,236,230,.45)} /* ---------- /observatory: the map full screen, a game HUD over it ---------- The script measures the HUD and lays the chart out in the box it leaves free (--it/--ir/--ib/--il). */ html[data-page="observatory"],html[data-page="observatory"] body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--abyss)} html[data-page="observatory"] main>:not(.obs){display:none} html[data-page="observatory"] .obs{position:fixed;inset:0;padding:0} html[data-page="observatory"] .obs::before{display:none} html[data-page="observatory"] .obs>:not(.obs-map):not(.obs-hud){display:none} html[data-page="observatory"] .obs-map{position:absolute;inset:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#48B6E8} html[data-page="observatory"] .obs-banner{top:calc(var(--it,0px) + 14px);left:var(--il,0px);right:var(--ir,0px)} html[data-page="observatory"] .obs-cer{inset:var(--it,0px) var(--ir,0px) var(--ib,0px) var(--il,0px)} html[data-page="observatory"] .obs-empty{bottom:calc(var(--ib,0px) + 14px);left:var(--il,0px);right:var(--ir,0px)} .obs-hud{position:absolute;inset:0;z-index:5;pointer-events:none;--gap:clamp(10px,1.2vw,16px);--top:calc(var(--nav-h) + env(safe-area-inset-top) + 12px);--pw:clamp(320px,27vw,400px)} .obs-hud>*{pointer-events:auto} .hud-top,.hud-bar,.hud-sheet{background:rgba(12,12,12,.94);color:var(--paper);border:3px solid var(--ink);box-shadow:0 0 0 2px rgba(239,236,230,.7),6px 8px 0 2px rgba(0,0,0,.3)} /* top bar: status, citizens, the landmark race */ .hud-top{position:absolute;top:var(--top);left:var(--gap);right:calc(var(--pw) + var(--gap) * 2);max-width:980px;display:grid;grid-template-columns:auto auto minmax(0,1fr);border-radius:14px;overflow:hidden} .hud-top>div{min-width:0;padding:10px 14px;display:flex;flex-direction:column;justify-content:center} .hud-top>div+div{border-left:1px dashed #2c2c2c} .hud-status .obs-bar,.hud-status .obs-bar-r{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-height:0} .hud-status .obs-flag b{white-space:normal;max-width:17ch;line-height:1.3} .hud-status #obsClock{font-size:10px;color:rgba(239,236,230,.5)} .hud-cit .ost{padding:0;background:none;border:0;box-shadow:none} .hud-cit .ost dt{margin-bottom:7px} .hud-cit .ost dd{--fc:22px;width:calc(9 * var(--fc) + 16px)} .hud-next .obs-next{padding:0;background:transparent none;color:var(--paper);border:0;border-radius:0;box-shadow:none} .hud-next .obs-next-top{color:var(--sand)} .hud-next .obs-next-top b{color:var(--paper)} .hud-next .obs-next-bar{margin-top:9px;border-color:#000;background:#262626} .hud-next .obs-next p{margin-top:7px;color:rgba(239,236,230,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* panel: tabs over a sheet on desktop; on phones a tab bar with a drawer above it */ .hud-panel{position:absolute;top:var(--top);right:var(--gap);bottom:var(--gap);width:var(--pw);display:flex;flex-direction:column;gap:10px} .hud-bar{flex:none;display:flex;gap:4px;padding:5px;border-radius:14px} .hud-tabs{flex:var(--n,2) 1 0;min-width:0;display:flex;gap:4px} .hud-b{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;padding:6px 4px;border-radius:10px;font:700 10px/1 var(--f-mono);letter-spacing:.12em;color:rgba(239,236,230,.72);transition:background .15s,color .15s} .hud-b i{font-style:normal;font-size:18px;line-height:1} .hud-b span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .hud-b:hover{background:#1f1f1f;color:var(--paper)} .hud-b[aria-selected="true"]{background:var(--lime);color:var(--ink);box-shadow:inset 0 -3px 0 rgba(0,0,0,.22)} .hud-b:focus-visible{outline-offset:-4px} .hud-sheet{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:10px;border-radius:14px;overflow:hidden} .hud-grab{display:none} .hud-tab{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent} .hud-tab:focus{outline:none} .hud-tab>*{flex:none} .hud-tab .obs-log{flex:1 0 230px;min-height:0} .obs-hud .obs-feed{height:auto} .hud-tab .obs-src{margin:0;font-size:11px;color:rgba(239,236,230,.5)} .hud-tab .obs-claim{padding:16px;border-width:3px;box-shadow:5px 5px 0 rgba(0,0,0,.45)} .hud-tab .obs-claim h3{font-size:25px} .hud-plot{display:grid;justify-items:start;gap:4px;padding:14px 16px 16px;background:var(--lime);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 rgba(0,0,0,.45)} .hud-plot-k{font:700 10px/1 var(--f-mono);letter-spacing:.22em} .hud-plot-no{font:400 42px/1 var(--f-head);letter-spacing:-.01em} .hud-plot-z{font:700 12px/1.2 var(--f-mono);letter-spacing:.12em} .hud-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px} .hud-badges:empty{display:none} .hud-badge{padding:5px 9px;border-radius:99px;background:var(--ink);color:var(--lime);font:700 10px/1 var(--f-mono);letter-spacing:.1em} .hud-plot p{margin-top:4px;font:400 13px/1.35 var(--f-type)} .hud-plot .btn{margin-top:8px} /* clean view: the map alone */ .hud-show{position:absolute;left:var(--gap);bottom:calc(var(--gap) + env(safe-area-inset-bottom));padding:11px 15px;border-radius:99px;background:rgba(12,12,12,.85);color:var(--paper);border:2px solid rgba(239,236,230,.6);font:700 11px/1 var(--f-mono);letter-spacing:.14em;animation:hud-fade .5s 2.5s both} .hud-show:hover,.hud-show:focus-visible{animation:none;opacity:1} @keyframes hud-fade{to{opacity:.35}} html.obs-clean .nav,html.obs-clean .hud-top,html.obs-clean .hud-panel,html.obs-clean .hud-tv{display:none} /* the deed and map cards open as a dialog */ html[data-page="observatory"] .obs-out.on{position:fixed;inset:0;z-index:80;display:grid;align-content:center;justify-items:center;gap:14px;max-width:none;margin:0;padding:max(64px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:rgba(3,12,24,.8);overflow-y:auto} html[data-page="observatory"] .obs-out img{width:auto;max-width:min(100%,900px);max-height:min(62dvh,600px)} html[data-page="observatory"] .obs-out .pres-acts{width:min(100%,900px)} .obs-out-x{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--ink);border:3px solid var(--ink);font:400 18px/1 var(--f-head);box-shadow:0 4px 0 var(--ink)} @media (max-width:899px){ .obs-hud{--gap:10px;--top:calc(var(--nav-h) + env(safe-area-inset-top) + 8px)} .hud-top{right:var(--gap);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status cit" "next next"} .hud-top>div{padding:8px 12px} .hud-status{grid-area:status}.hud-cit{grid-area:cit}.hud-next{grid-area:next} .hud-top>.hud-next{border-left:0;border-top:1px dashed #2c2c2c} .hud-status .obs-bar{gap:6px} .hud-status .obs-flag b{max-width:none;letter-spacing:.12em} .hud-status #obsClock{display:none} /* the chart number is decoration; the update time stays when live */ .obs[data-mode="live"] .hud-status #obsClock{display:inline} .hud-status .obs-exit{padding:5px 9px} .hud-cit .ost dt{margin-bottom:5px;font-size:9px} .hud-cit .ost dd{--fc:15px} .hud-next .obs-next-bar{margin-top:7px;height:14px} .hud-next .obs-next p{margin-top:5px;font-size:12px} .hud-panel{top:auto;left:0;right:0;bottom:0;width:auto;gap:0} .hud-bar{position:relative;z-index:2;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-width:3px 0 0;border-radius:18px 18px 0 0;box-shadow:0 0 0 2px rgba(239,236,230,.7)} .hud-b{min-height:50px} .hud-sheet{position:absolute;left:0;right:0;bottom:100%;z-index:1;height:min(64dvh,560px,var(--sheet-max,64dvh));padding:0 12px 12px;background:#0c0c0c;border-width:3px 0 0;border-radius:18px 18px 0 0;box-shadow:0 0 0 2px rgba(239,236,230,.7);transform:translateY(100%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.9,.3,1),visibility 0s linear .3s} .hud-panel[data-open="true"] .hud-sheet{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.9,.3,1)} .hud-grab{display:grid;place-items:center;flex:none;height:28px;margin:0 -12px 2px} .hud-grab i{width:46px;height:5px;border-radius:3px;background:rgba(239,236,230,.4)} html[data-page="observatory"] .toasts{bottom:calc(84px + env(safe-area-inset-bottom))} } @media (max-width:899px) and (max-height:520px){ /* phones on their side: one row up top, a slimmer bar */ .hud-top{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:none} .hud-top>div{grid-area:auto} .hud-top>.hud-next{border-top:0;border-left:1px dashed #2c2c2c} .hud-next .obs-next p,.hud-status #obsClock{display:none} .hud-b{min-height:40px;flex-direction:row;gap:7px} .hud-sheet{height:min(78dvh,var(--sheet-max,78dvh))} } /* ---------- TV mode (/observatory?tv): for streams and X Spaces. Sizes are 1080p pixels times --u, so the layout is the same on any screen; the script lays the map out in the box the top bar and the column leave. ---------- */ html[data-tv]{cursor:none} html[data-tv] .nav,html[data-tv] .hud-panel,html[data-tv] .hud-show,html[data-tv] .toasts,html[data-tv] .obs-exit,html[data-tv] .obs-cer-acts,html[data-tv] #obsDemoBtn{display:none!important} html[data-tv] .obs-hud{--u:min(calc(100vw / 1920),calc(100vh / 1080));--m:calc(36 * var(--u));--col:calc(440 * var(--u))} html[data-tv] .obs-hud,html[data-tv] .obs-hud *{pointer-events:none} html[data-tv] .hud-top,.tv-brand,.tv-rot,.tv-qr{border:calc(4 * var(--u)) solid var(--ink);border-radius:calc(18 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) rgba(239,236,230,.7),calc(8 * var(--u)) calc(10 * var(--u)) 0 calc(2 * var(--u)) rgba(0,0,0,.3)} html[data-tv] .hud-top{top:var(--m);left:var(--m);right:calc(var(--m) * 1.6 + var(--col));max-width:none} html[data-tv] .hud-top>div{padding:calc(16 * var(--u)) calc(24 * var(--u))} html[data-tv] .hud-top>div+div{border-left-width:calc(2 * var(--u))} html[data-tv] .hud-status .obs-bar,html[data-tv] .hud-status .obs-bar-r{gap:calc(12 * var(--u));font-size:calc(17 * var(--u))} html[data-tv] .obs-flag{gap:calc(12 * var(--u))} html[data-tv] .obs-dot{width:calc(16 * var(--u));height:calc(16 * var(--u))} html[data-tv] .hud-status .obs-flag b{max-width:19ch} html[data-tv] .hud-status #obsClock{display:inline;font-size:calc(14 * var(--u))} html[data-tv] .hud-cit .ost dt{margin-bottom:calc(12 * var(--u));font-size:calc(15 * var(--u))} html[data-tv] .hud-cit .ost dd{width:calc(9 * 42 * var(--u) + 16px)} html[data-tv] .hud-cit .ost .fc{--cw:calc(42 * var(--u))} html[data-tv] .hud-next .obs-next-top{font-size:calc(15 * var(--u))} html[data-tv] .hud-next .obs-next-top b{font-size:calc(34 * var(--u))} html[data-tv] .hud-next .obs-next-bar{margin-top:calc(12 * var(--u));height:calc(26 * var(--u));border-width:calc(4 * var(--u))} html[data-tv] .hud-next .obs-next p{margin-top:calc(10 * var(--u));font-size:calc(19 * var(--u))} .hud-tv{position:absolute;top:var(--m);right:var(--m);bottom:var(--m);width:var(--col);display:flex;flex-direction:column;gap:calc(20 * var(--u))} .hud-tv[hidden]{display:none} .tv-brand,.tv-rot,.tv-qr{background:rgba(12,12,12,.94);color:var(--paper)} .tv-brand{flex:none;display:flex;align-items:center;gap:calc(16 * var(--u));padding:calc(14 * var(--u)) calc(20 * var(--u))} .tv-brand img{flex:none;width:calc(78 * var(--u));height:calc(78 * var(--u));border-radius:50%} .tv-brand b{display:block;font:400 calc(46 * var(--u))/1 var(--f-head);color:var(--lime)} .tv-brand span{display:block;margin-top:calc(6 * var(--u));font:700 calc(15 * var(--u))/1.2 var(--f-mono);letter-spacing:.16em;color:var(--sand)} .tv-rot{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:calc(22 * var(--u)) calc(24 * var(--u)) calc(16 * var(--u));overflow:hidden} .tv-slide{grid-area:1/1;min-height:0;display:flex;flex-direction:column;gap:calc(16 * var(--u));overflow:hidden;opacity:0;visibility:hidden;transform:translateY(calc(16 * var(--u)));transition:opacity .45s,transform .45s,visibility 0s linear .45s} .tv-slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s .2s,transform .45s .2s} .tv-h,.tv-slide .obs-log-top{flex:none;margin:0;padding:0 0 calc(12 * var(--u));border-bottom:calc(2 * var(--u)) solid #262626;font:700 calc(16 * var(--u))/1.2 var(--f-mono);letter-spacing:.22em;color:var(--sand)} .tv-how{list-style:none;margin:auto 0;padding:0;display:grid;gap:calc(26 * var(--u))} .tv-how li{display:flex;align-items:center;gap:calc(18 * var(--u));font:400 calc(32 * var(--u))/1.15 var(--f-head)} .tv-how i{flex:none;font-style:normal;font-size:calc(40 * var(--u))} .tv-slide p{margin:0;font:400 calc(20 * var(--u))/1.45 var(--f-type);color:rgba(239,236,230,.85)} .tv-slide .tv-big{font:400 calc(34 * var(--u))/1.1 var(--f-head);color:var(--paper)} .tv-slide .tv-fine{font-size:calc(15 * var(--u));color:rgba(239,236,230,.55)} .tv-url{color:var(--lime);font-weight:700} .tv-slide .obs-log{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:calc(4 * var(--u));background:none;border:0;border-radius:0;box-shadow:none} .tv-slide .obs-log-top{display:flex;justify-content:space-between;gap:calc(12 * var(--u))} .tv-slide .obs-log-top span:last-child{letter-spacing:.12em} .tv-slide .obs-feed{height:auto;overflow:hidden} .tv-slide .of{gap:calc(14 * var(--u));padding:calc(12 * var(--u)) 0;border-bottom-width:calc(2 * var(--u));font-size:calc(19 * var(--u))} .tv-slide .of-i{font-size:calc(24 * var(--u))} .tv-slide .of time{font-size:calc(15 * var(--u))} .tv-slide .of:nth-child(n+7){display:none} .tv-slide .obs-stats{grid-template-columns:1fr;gap:calc(14 * var(--u))} .tv-slide .ost{padding:calc(14 * var(--u)) calc(16 * var(--u));border-width:calc(3 * var(--u));border-radius:calc(12 * var(--u))} .tv-slide .ost dt{margin-bottom:calc(10 * var(--u));font-size:calc(15 * var(--u))} .tv-slide .ost .fc{--cw:min(calc((100cqw - (var(--n,7) - 1) * 2px) / var(--n,7)),calc(38 * var(--u)))} .tv-dots{grid-row:2;display:flex;justify-content:center;gap:calc(8 * var(--u));padding-top:calc(14 * var(--u))} .tv-dots i{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:99px;background:#3a3a3a;transition:width .3s,background .3s} .tv-dots i.on{width:calc(34 * var(--u));background:var(--lime)} .tv-qr{flex:none;display:flex;align-items:center;gap:calc(18 * var(--u));padding:calc(16 * var(--u))} .tv-qr-code{flex:none;display:block;width:calc(208 * var(--u));height:calc(208 * var(--u));border-radius:calc(8 * var(--u))} .tv-qr small{display:block;font:700 calc(15 * var(--u))/1.2 var(--f-mono);letter-spacing:.2em;color:var(--sand)} .tv-qr b{display:block;margin-top:calc(10 * var(--u));font:700 calc(17 * var(--u))/1.35 var(--f-mono)} @media (prefers-reduced-motion:reduce){.tv-slide,.tv-slide.on{transform:none;transition:none}} /* ---------- IS THIS US? — a dialog on the site, the CHECK tab on /observatory ---------- */ .itu-dlg{position:fixed;inset:0;z-index:85;display:flex;justify-content:center;align-items:flex-start;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:rgba(3,12,24,.8);overflow-y:auto;overscroll-behavior:contain} .itu{position:relative;width:min(100%,600px);margin:auto 0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:clamp(18px,3vw,28px);color:var(--ink);border:4px solid var(--ink);border-radius:18px;box-shadow:10px 10px 0 rgba(0,0,0,.5)} .itu-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--paper);font:400 16px/1 var(--f-head)} .itu>.kicker{padding-right:48px} .itu-h{margin-top:-2px;font:400 clamp(30px,4.4vw,46px)/.95 var(--f-head);text-transform:uppercase;letter-spacing:-.015em} .itu .hint{margin:0 0 10px} .itu-inp input{font-size:15px;padding-left:14px} .itu-inp .btn{flex:none;margin:5px;box-shadow:0 3px 0 var(--ink)} .itu-out{display:grid;gap:10px;justify-items:start;padding:14px;border:3px dashed var(--ink);border-radius:14px;background:#fff} .itu-v{font:400 clamp(28px,4vw,40px)/1 var(--f-head);letter-spacing:-.01em;color:var(--red)} .itu-v[data-kind="us"]{color:#2f7a36} .itu-why{font:400 15px/1.4 var(--f-type)} .itu-img{width:100%;border:3px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink)} .itu-out .pres-acts{width:100%} .itu-real{display:grid;gap:7px;padding-top:4px} .itu-k{font:700 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase} .itu .ca{box-shadow:0 3px 0 var(--ink)} .hud-tab .itu{width:auto;margin:0;border-width:3px;box-shadow:5px 5px 0 rgba(0,0,0,.45)} .hud-tab .itu-x{display:none} .hud-tab .itu-h{font-size:30px} /* the hero's button takes the free cell next to CHART and X; upright heroes get the short label */ .itu-short{display:none} @container hero (orientation:portrait){.itu-long{display:none}.itu-short{display:inline}.h-btns .itu-open{padding-inline:.4em;font-size:12px}} /* statement */ .statement{background:var(--navy);padding:clamp(70px,9vw,120px) 0} .stmt{position:relative;width:min(100% - 2*var(--gut),880px);margin:0 auto;padding:clamp(22px,4vw,48px);border-radius:6px;box-shadow:0 30px 70px rgba(0,0,0,.45),10px 10px 0 rgba(0,0,0,.35);rotate:-.6deg;font-family:var(--f-type)} .stmt::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 31px,rgba(30,143,213,.12) 31px 32px);pointer-events:none;border-radius:6px} .stmt-top{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:3px double var(--ink)} .stmt-top img{width:64px;height:64px;flex:none} .stmt-bank{font:400 clamp(18px,2.3vw,30px)/1 var(--f-head);letter-spacing:-.01em;text-transform:uppercase} .stmt-addr{font:700 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-top:6px} .stmt-title{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:22px 0 10px;flex-wrap:wrap} .stmt-title h3{font:400 clamp(26px,4vw,52px)/.9 var(--f-head);text-transform:uppercase;letter-spacing:-.02em} .classified{font:400 clamp(14px,1.6vw,20px)/1 var(--f-head);color:var(--red);border:4px solid var(--red);padding:.35em .6em;rotate:-5deg;-webkit-mask-image:var(--tex-stamp);mask-image:var(--tex-stamp);-webkit-mask-size:200px;mask-size:200px;letter-spacing:.08em} .stmt-holder{font-size:clamp(14px,1.4vw,18px);margin:6px 0 20px} .rx{position:relative;display:inline-block;white-space:nowrap} .rx-bar{position:absolute;inset:-.12em -.25em;background:var(--ink);transform-origin:100% 50%;border-radius:2px} .rx-bar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.04) 6px 7px)} .redact{background:var(--ink);color:var(--ink);padding:0 .2em;border-radius:2px;user-select:none} .stmt-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:clamp(13px,1.35vw,17px)} .stmt-table th{text-align:left;font:700 11px/1 var(--f-mono);letter-spacing:.2em;opacity:.6;padding:8px 0;border-bottom:2px solid var(--ink)} .stmt-table th:last-child{text-align:right} .stmt-table td{padding:14px 0;border-bottom:1px dashed rgba(0,0,0,.35);vertical-align:middle} .stmt-table td:first-child{width:38%;text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere;padding-right:12px} .stmt-table td:last-child{text-align:right;font:700 clamp(13px,1.4vw,18px)/1.2 var(--f-mono)} .stmt-table .lead{display:block;overflow:hidden} .stmt-table .rx{max-width:100%;white-space:normal;overflow-wrap:anywhere} .stmt-val{display:block;max-width:100%} .stmt-val code{font:inherit;word-break:break-all} .stmt-copy{margin-top:8px;margin-left:0;font:700 10px/1 var(--f-mono);letter-spacing:.14em;border:2px solid var(--ink);border-radius:99px;padding:5px 8px;vertical-align:middle;background:var(--paper)} .stmt-zero{position:relative} .marker{position:absolute;right:-18px;top:50%;width:150px;height:74px;translate:0 -50%;overflow:visible;pointer-events:none} .marker path{fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round} .margin-note{position:absolute;right:150px;top:50%;translate:0 -50%;font:400 15px/1.2 var(--f-type);color:var(--red);rotate:-4deg;white-space:nowrap} .stmt-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:3px double var(--ink);font-size:clamp(13px,1.3vw,16px)} .stmt-foot .bal{font:700 clamp(15px,1.6vw,20px)/1 var(--f-mono);cursor:help} .stmt-foot .bal .redact{display:inline-block;min-width:9ch} .stmt-sign{font-size:12px;opacity:.75} @media(max-width:600px){ .stmt-table td:first-child{width:42%} .margin-note{position:static;display:block;translate:none;white-space:normal;margin-top:8px} .marker{right:-5px;width:80px} } @media (max-width:640px){.marker{right:-22px;width:78px;height:46px}.margin-note{right:64px;font-size:12px;white-space:normal;width:9em;text-align:right}.stmt-table td:first-child{white-space:normal}} /* itinerary */ .itin{background:var(--night);color:var(--paper);padding-bottom:clamp(70px,9vw,120px)} .itin .sec-head{color:var(--ink)} .big-board{width:min(100% - 2*var(--gut),1180px);margin:clamp(34px,5vw,60px) auto 0;padding:clamp(14px,2vw,26px);background:#0c0c0c;border:3px solid #2b2b2b;border-radius:14px;box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 0 0 2px #000;container:board/inline-size} .bb-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;font:700 clamp(11px,1.2vw,15px)/1 var(--f-mono);letter-spacing:.22em;color:var(--sand)} .bb-cols{display:grid;grid-template-columns:8fr 26fr 12fr;gap:14px;margin-bottom:8px;font:700 10px/1 var(--f-mono);letter-spacing:.24em;color:rgba(239,236,230,.4)} .bb-row{display:grid;grid-template-columns:8fr 26fr 12fr;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #1c1c1c} .bb-row .fl{--cw:calc((100cqw - 28px - 46*2px)/46)} .bb-row .fc{width:var(--cw)} @container board (max-width:760px){ .bb-cols{display:none} .bb-row{grid-template-columns:auto 1fr;gap:8px 12px;padding:14px 0} .bb-row .f-dest{grid-column:1/-1;flex-wrap:wrap;row-gap:4px} .bb-row .fl{--cw:calc((100cqw - 14*2px)/15.2)} .bb-row .f-phase .fc,.bb-row .f-stat .fc{--cw:calc((100cqw - 12px - 19*2px)/19.5)} .bb-row .f-stat{justify-self:end} } .fl .sp{width:calc(var(--cw)*.5)} .fl .br{flex-basis:100%;height:0} .itin-note{width:min(100% - 2*var(--gut),1180px);margin:16px auto 0;font:400 13px/1.5 var(--f-type);color:rgba(239,236,230,.6)} /* passport */ /* ---------- 7b · the aviators (profile picture tool) ---------- */ .shades{padding:clamp(40px,6vw,80px) 0 clamp(70px,9vw,120px)} .shd{width:min(100% - 2*var(--gut),1100px);margin:clamp(26px,4vw,48px) auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(22px,4vw,56px);align-items:center} @media (max-width:860px){.shd{grid-template-columns:minmax(0,1fr)}} .shd-stage{position:relative;width:100%;max-width:540px;justify-self:center;aspect-ratio:1;border:4px solid var(--ink);border-radius:22px;overflow:hidden;background:var(--sky);box-shadow:10px 10px 0 var(--ink)} .shd-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-10px} .shd-stage canvas.grab{cursor:grabbing} .shd-stage.circle::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 100vmax rgba(239,236,230,.62);pointer-events:none} .shd-hint{position:absolute;left:50%;bottom:14px;translate:-50% 0;z-index:2;padding:7px 12px;border-radius:var(--r-pill);background:var(--ink);color:var(--lime);font:700 11px/1 var(--f-mono);letter-spacing:.16em;white-space:nowrap;pointer-events:none;transition:opacity .3s} .shd-hint.off{opacity:0} .shd-panel{border:4px solid var(--ink);border-radius:18px;padding:clamp(18px,2.6vw,30px);box-shadow:10px 10px 0 var(--ink);display:grid;gap:20px} .shd-sl{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px} .shd-sl label{margin:0} .shd-sl input{width:100%;min-height:30px;accent-color:var(--ink)} .shd-circ{display:flex;align-items:center;gap:10px;font:400 14px/1.3 var(--f-type);cursor:pointer} .shd-circ input{width:20px;height:20px;accent-color:var(--ink)} .passport{padding-bottom:clamp(70px,9vw,130px)} .pass-wrap{width:min(100% - 2*var(--gut),1180px);margin:clamp(30px,5vw,56px) auto 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(22px,4vw,56px);align-items:start} @media (max-width:900px){.pass-wrap{grid-template-columns:1fr}} .pform{border:4px solid var(--ink);border-radius:18px;padding:clamp(18px,2.6vw,30px);box-shadow:10px 10px 0 var(--ink);display:grid;gap:20px} .fld label,.fld .lbl{display:block;font:700 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;margin-bottom:9px} .inp{display:flex;align-items:center;border:3px solid var(--ink);border-radius:12px;background:#fff;overflow:hidden} .inp span{padding:0 4px 0 14px;font:700 18px/1 var(--f-mono);opacity:.5} .inp input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:14px 14px 14px 2px;font:700 18px/1 var(--f-mono)} .inp:focus-within{box-shadow:0 0 0 4px rgba(30,143,213,.35)} .hint{margin-top:7px;font:400 12px/1.4 var(--f-type);opacity:.75} .upl{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .upl-thumb{width:58px;height:58px;border-radius:10px;border:3px solid var(--ink);background:#ddd center/cover;flex:none} .upl input{position:absolute;opacity:0;width:1px;height:1px} /* upload buttons are