@font-face{font-family:'Archivo';font-weight:400;font-style:normal;font-display:swap;src:url('/vendor/fonts/archivo-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:500;font-style:normal;font-display:swap;src:url('/vendor/fonts/archivo-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:600;font-style:normal;font-display:swap;src:url('/vendor/fonts/archivo-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:700;font-style:normal;font-display:swap;src:url('/vendor/fonts/archivo-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:800;font-style:normal;font-display:swap;src:url('/vendor/fonts/archivo-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Saira Condensed';font-weight:800;font-style:normal;font-display:swap;src:url('/vendor/fonts/saira-condensed-latin-800-normal.woff2') format('woff2')}

  .brand { font-family:var(--display,'Saira Condensed',sans-serif); font-weight:800;
           letter-spacing:.5px; text-transform:uppercase; text-decoration:none;
           display:inline-flex; align-items:baseline; line-height:1; }
  .brand .wk { height:.8em; width:auto; fill:currentColor; margin:0 .04em; }
  .brand .bail { fill:var(--go,#fff101); }

  .art { position:relative; margin:0 auto 4px; max-width:330px; }
  /* NO EDGES. The first version fed the sky into the page colour top to
     bottom and still read as a postcard taped to a dark wall, because the
     LEFT and RIGHT edges were as hard as ever: a rectangle of dusk with the
     app either side of it. The mask feathers all four at once, so the
     drawing ends by running out rather than by stopping.
     THE RADIUS HAS TO FIT INSIDE THE BOX. At 115% x 92% the transparent
     stop landed past the corners, so the mask was there and did nothing at
     all -- it looked exactly like no mask, which is the hard way to debug
     one. A radius under 50% of the width is what makes the fade land on
     screen. */
  .art .pav { display:block; width:100%; height:auto;
    -webkit-mask-image:radial-gradient(62% 60% at 50% 45%,
      #000 30%, rgba(0,0,0,.6) 62%, transparent 100%);
    mask-image:radial-gradient(62% 60% at 50% 45%,
      #000 30%, rgba(0,0,0,.6) 62%, transparent 100%); }