/* alive: page transitions + integrated home wordmark */
@font-face {
  font-family: 'Mona-Sans';
  src: url('../fonts/Mona-Sans-Medium.woff2') format('woff2'),
       url('../fonts/Mona-Sans-Medium.woff') format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
body { opacity: 0; transition: opacity .5s ease; }
body.alive-in { opacity: 1; }
a.homemark {
  position: fixed; top: 20px; left: 24px; z-index: 99999;
  color: #fff; text-decoration: none;
  font-family: 'Mona-Sans','Helvetica Neue',Arial,sans-serif;
  font-size: 11px; letter-spacing: .32em; text-transform: uppercase;
  opacity: .5; transition: opacity .3s ease;
  text-shadow: 0 1px 12px rgba(0,0,0,.55);
}
a.homemark:hover { opacity: 1; }
a.homemark::before { content: "‹\00a0\00a0"; }