@charset "UTF-8";
::selection {
  background: #e02422;
  color: #000; }

::-moz-selection {
  background: #e02422;
  color: #000; }

@font-face {
  font-family: 'CMU Serif UprightItalic';
  font-weight: normal;
  font-style: normal;
  src: url(font/CMU-Serif-UprightItalic.woff2); }

@font-face {
  font-family: 'TeX Gyre Heros';
  font-weight: normal;
  font-style: normal;
  src: url(font/TeX-Gyre-Heros-Regular.woff); }

@font-face {
  font-family: 'TeX Gyre Heros';
  font-weight: bold;
  font-style: normal;
  src: url(font/TeX-Gyre-Heros-Bold.woff); }

@font-face {
  font-family: 'TeX Gyre Heros';
  font-weight: normal;
  font-style: italic;
  src: url(font/TeX-Gyre-Heros-Italic.woff); }

@font-face {
  font-family: 'TeX Gyre Heros';
  font-weight: bold;
  font-style: italic;
  src: url(font/TeX-Gyre-Heros-BoldItalic.woff); }

body {
  background: #000;
  color: #eee;
  font-size: 0.9em;
  font-family: 'Helvetica Neue', 'TeX Gyre Heros', sans-serif; }
  body.gush {
    background: #07070f;
    color: #fff; }

a {
  color: #eee;
  text-decoration: none;
  padding: 0.1em;
  transition: all 125ms linear;
  outline: 0;
  box-shadow: inset 0 -2px 0 0 #2a2a2a; }

.unstyled a {
  border: 0;
  box-shadow: none; }
  .unstyled a:hover {
    box-shadow: none; }
  .unstyled a::before {
    content: none; }

p {
  margin-top: 0; }
  p.flags {
    filter: grayscale(100%);
    transition: filter 500ms ease; }
    p.flags:hover {
      filter: grayscale(0%); }
    p.flags img {
      image-rendering: -moz-crisp-edges;
      image-rendering: -o-crisp-edges;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
      image-rendering: optimize-contrast; }

figure {
  font-family: "CMU Serif UprightItalic", "Liberation Serif", "Times", "Georgia", serif;
  margin: 0; }

a.noarrow::before {
  content: none; }

a::before {
  content: "» ";
  color: #e02422; }

a:hover {
  -webkit-box-shadow: inset 0 -2px 0 0 #e02422;
  box-shadow: inset 0 -2px 0 0 #e02422; }

hr {
  background: transparent;
  border: 0;
  height: 1px;
  border-bottom: 1px dotted #777; }

hr.space {
  margin: 2em auto;
  border: 0; }

img {
  max-width: 100%; }

.wrapper {
  max-width: 450px;
  margin: 1.5em auto;
  line-height: 1.6;
  cursor: default; }

.myst {
  margin: 1.5em 0; }

.myst a {
  background: transparent;
  display: block; }

.myst small a {
  display: inline; }

.strata {
  font-family: "CMU Serif UprightItalic", "Liberation Serif", "Times", "Georgia", serif;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 1.5em; }

h2, h3 {
  color: #999;
  font-family: "CMU Serif UprightItalic", "Liberation Serif", "Times", "Georgia", serif;
  font-weight: normal;
  margin-top: 2.5em;
  margin-bottom: 0.5em;
  transition: color 500ms ease; }

section:hover h2, section:hover h3 {
  color: #bbb; }

h2 {
  font-size: 1.15em; }

h3 {
  font-size: 1em; }

article h2, article h3 {
  margin-top: 1em; }

.subtle {
  color: #464646; }

.date-add {
  font-size: 0.8em;
  margin-left: 0.5em; }

.meta {
  font-size: 0.8em;
  color: #575757; }

ul {
  list-style: none;
  padding: 0; }
  ul.stock {
    list-style: square;
    padding-left: 2ch; }
    ul.stock li {
      display: block; }
      ul.stock li:not(:first-child) {
        margin-top: 1em; }
  ul.links li:not(:first-child) {
    margin-top: 0.5em; }

ul a::before {
  content: "»";
  padding-right: 0.5em; }

.kopimi {
  display: block;
  margin-top: 5em; }
  .kopimi img {
    display: block;
    margin: 0 auto;
    max-height: 3em; }