@charset "UTF-8";
@import url("//hello.myfonts.net/count/3bd555");
:root {
  --subdue:#A7A79C;
  --ui:#231F20; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*,
*:before,
*:after {
  box-sizing: border-box; }

*:focus,
*:active {
  outline: none; }

html,
body {
  min-height: 100%;
  margin: 0;
  padding: 0; }

/**
 * @license
 * MyFonts Webfont Build ID 3921237, 2020-07-01T22:24:55-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: TimesNow-SemiLight by JHA
 * URL: https://www.myfonts.com/fonts/jha/times-now/semi-light/
 *
 * Webfont: TimesNow-SemiLightIT by JHA
 * URL: https://www.myfonts.com/fonts/jha/times-now/semi-light-it/
 *
 *
 * Webfonts copyright: Copyright (c) 2014 by Jan Henrik Arnold. All rights reserved.
 *
 * © 2020 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'TimesNowIT';
  src: url("../fonts/TimesNow-SemiLightIT/font.woff2") format("woff2"), url("../fonts/TimesNow-SemiLightIT/font.woff") format("woff");
  font-style: italic; }

@font-face {
  font-family: 'TimesNow';
  src: url("../fonts/TimesNow-SemiLight/font.woff2") format("woff2"), url("../fonts/TimesNow-SemiLight/font.woff") format("woff");
  font-style: normal; }

@font-face {
  font-family: 'Graebenbach';
  src: url("../fonts/Graebenbach-Regular.eot") format("eot"), url("../fonts/Graebenbach-Regular.ttf") format("ttf"), url("../fonts/Graebenbach-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Graebenbach';
  src: url("../fonts/Graebenbach-RegularItalic.eot") format("eot"), url("../fonts/Graebenbach-RegularItalic.ttf") format("ttf"), url("../fonts/Graebenbach-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }

.ital {
  font-family: 'TimesNowIT', serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums;
  font-style: italic; }

footer {
  margin: 8.75rem 0 5rem;
  pointer-events: all; }
  footer nav.social-links {
    margin-bottom: 2rem; }
    footer nav.social-links a {
      display: inline-block;
      margin-right: 1rem; }
  footer form label {
    display: block;
    margin-bottom: 1rem;
    font-family: 'TimesNow', serif;
    font-weight: 400;
    font-stretch: normal;
    font-size: 18px; }
  footer form input {
    outline: none;
    border: none;
    background-image: linear-gradient(to left, #000, #000);
    background-position: 0 2.95em;
    background-repeat: repeat-x;
    background-size: 100% 0.1em;
    line-height: 3em;
    font-size: 18px;
    color: black; }
    footer form input::-webkit-input-placeholder {
      /* Edge */
      color: black; }
    footer form input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: black; }
    footer form input::-moz-placeholder {
      color: black; }
    footer form input::placeholder {
      color: black; }
  @media (max-width: 800px) {
    footer {
      margin-left: 1.3rem;
      margin-right: 1.3rem; } }
#main .tnp-subscription {
  margin-left: 0; }
  #main .tnp-subscription form {
    max-width: 300px; }
    #main .tnp-subscription form label {
      display: block;
      margin-bottom: 1rem;
      font-family: 'TimesNow', serif;
      font-weight: 400;
      font-stretch: normal;
      font-size: 18px;
      padding: 0; }
    #main .tnp-subscription form input {
      outline: none;
      padding: 0.5rem;
      border: solid 1px;
      background: none;
      background-image: linear-gradient(to left, #000, #000);
      background-position: 0 2.95em;
      background-repeat: repeat-x;
      background-size: 100% 0.1em;
      line-height: auto;
      font-size: 18px;
      height: auto;
      color: black; }
      #main .tnp-subscription form input::-webkit-input-placeholder {
        /* Edge */
        color: black; }
      #main .tnp-subscription form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: black; }
      #main .tnp-subscription form input::-moz-placeholder {
        color: black; }
      #main .tnp-subscription form input::placeholder {
        color: black; }
      #main .tnp-subscription form input.tnp-submit {
        border: none;
        padding: 0;
        background: none;
        margin-top: 1.5rem; }
		
	
	

body {
  font-family: 'TimesNow', serif;
  font-weight: 400;
  font-stretch: normal;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums;
  font-size: 18px;
  color: var(--ui);
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  body.overlay {
    overflow: hidden; }
    @media (max-height: 480px) {
      body.overlay {
        overflow: auto; } }
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  letter-spacing: -.008em; }

h2 {
  margin: 4rem 0 1rem;
  font-size: 3vw; }
  @media (max-width: 1280px) {
    h2 {
      font-size: 44px; } }
h3 {
  font-family: 'TimesNow', serif;
  font-weight: 400;
  font-stretch: normal;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums;
  font-size: 32px;
  line-height: 28px;
  line-height: 37px; }
  h3.tall {
    line-height: 38px; }
  @media (max-width: 800px) {
    h3 {
      font-size: 24px;
      line-height: 1.2; } }
h4 {
  font-family: 'TimesNowIT', serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums;
  font-size: 32px;
  line-height: 28px;
  color: #A7A79C;
  line-height: 37px; }
  h4.tall {
    line-height: 38px; }
  @media (max-width: 800px) {
    h4 {
      font-size: 24px;
      line-height: 1.2; } }
h5 {
  font-size: 24px;
  letter-spacing: 0.005em;
  word-spacing: -0.02em;
  font-weight: 400; }
  @media (min-width: 1280px) {
    h5 {
      font-size: 1.875vw; } }
  @media (max-width: 1280px) {
    h5 {
      font-size: 24px; } }
  @media (min-width: 1400px) {
    h5 {
      font-size: 1.640625rem; } }
  @media (max-width: 800px) {
    h5 {
      font-size: 20px;
      line-height: 1.2; } }
  @media (max-width: 950px) {
    h5 {
      font-size: 20px; } }
h6 {
  font-size: 24px;
  letter-spacing: 0.005em;
  word-spacing: -0.02em;
  font-weight: 400;
  color: #A7A79C; }
  @media (min-width: 1280px) {
    h6 {
      font-size: 1.875vw; } }
  @media (max-width: 1280px) {
    h6 {
      font-size: 24px; } }
  @media (min-width: 1400px) {
    h6 {
      font-size: 1.640625rem; } }
  @media (max-width: 800px) {
    h6 {
      font-size: 20px;
      line-height: 1.2; } }
  @media (max-width: 950px) {
    h6 {
      font-size: 20px; } }
hr {
  height: 1px;
  border: none;
  background: black; }

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  border: none;
  background: none;
  border-radius: 0;
  padding: 0; }

::-moz-selection {
  color: #000;
  background: #feef66;
  text-shadow: none; }

::selection {
  color: #000;
  background: #feef66;
  text-shadow: none; }

.subdue {
  color: var(--subdue); }

a {
  text-decoration: none;
  color: rgba(1, 1, 1, 0.6); }
  a.inh {
    color: inherit;
    transition-duration: 0.1s; }

.archive #nav {
  margin-bottom: 3rem; }

#main, #nav, .nav-inserted {
  padding: 20px 36.8px;
  padding: 1.3rem 2.5rem; }
  @media (max-width: 800px) {
    #main, #nav, .nav-inserted {
      padding: 1.3rem 1.3rem; } }
@media (max-width: 800px) {
  #main .nav-inserted.page-bottom .hamburger {
    display: none; }
  .overlay-bottom #main .nav-inserted.page-bottom {
    z-index: 20; }
    .overlay-bottom #main .nav-inserted.page-bottom:BEFORE {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white;
      z-index: -2;
      pointer-events: none; }
    .overlay-bottom #main .nav-inserted.page-bottom + .issue {
      opacity: 0;
      pointer-events: none; }
  #main .nav-inserted.page-bottom .menu-nav-container {
    position: relative;
    top: auto;
    display: none;
    opacity: 1;
    width: 100%;
    margin-top: 180px;
    z-index: 2; }
    #main .nav-inserted.page-bottom .menu-nav-container li {
      margin-left: 0; }
    .overlay-bottom #main .nav-inserted.page-bottom .menu-nav-container {
      display: block;
      pointer-events: all; } }

@media (max-width: 800px) {
  .archive.tax-issues #main {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 800px) {
  .single-post #main {
    padding-left: 0;
    padding-right: 0; }
    .single-post #main .post-content {
      padding: 0 1.3rem 1px;
      background: white; } }

em {
  font-family: 'TimesNowIT', serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums; }

blockquote {
  margin: 1em 1em 1.5em 2em; }

.wyg {
  font-size: 24px;
  letter-spacing: 0.005em;
  word-spacing: -0.02em; }
  @media (min-width: 1280px) {
    .wyg {
      font-size: 1.875vw; } }
  @media (max-width: 1280px) {
    .wyg {
      font-size: 24px; } }
  @media (min-width: 1400px) {
    .wyg {
      font-size: 1.640625rem; } }
  @media (max-width: 800px) {
    .wyg {
      font-size: 20px;
      line-height: 1.2; } }
  @media (min-width: 1280px) {
    .wyg {
      font-size: 1.875vw; } }
  @media (max-width: 1280px) {
    .wyg {
      font-size: 24px; } }
  @media (min-width: 1400px) {
    .wyg {
      font-size: 1.640625rem; } }
  @media (max-width: 800px) {
    .wyg {
      font-size: 20px;
      line-height: 1.2; } }
  @media (min-width: 1650px) {
    .wyg {
      padding-left: 3rem; } }
  .wyg h1 {
    font-size: 2em;
    margin: 1.5em 0 0.75em;
    font-weight: normal; }
  .wyg h2 {
    font-weight: normal; }
  .wyg hr {
    margin-left: .125em; }
  .wyg strong {
    font-weight: normal; }

.dropcap {
  float: left;
  font-size: 100px;
  font-family: 'TimesNow', serif;
  font-weight: 400;
  font-stretch: normal;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums;
  font-size: 72px;
  line-height: 72px;
  word-spacing: -0.05em;
  letter-spacing: -0.01em;
  display: block;
  padding: 0 1.5rem 2rem 0;
  margin-right: 1.7rem;
  position: relative;
  font-style: italic; }
  @media (max-width: 800px) {
    .dropcap {
      font-size: 46px;
      line-height: 1;
      max-width: 100%; } }
  .dropcap:BEFORE, .dropcap:AFTER {
    content: "";
    position: absolute;
    top: 0.5rem;
    right: 0;
    height: 60px;
    width: 1px;
    background: #6D6E70; }
  .dropcap:AFTER {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: rotate(-120deg);
            transform: rotate(-120deg); }
  @media (max-width: 800px) {
    .dropcap {
      font-size: 72px; } }
h1.page-title {
  font-family: 'TimesNow', serif;
  font-weight: 400;
  font-stretch: normal;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums;
  font-size: 72px;
  line-height: 72px;
  word-spacing: -0.05em;
  letter-spacing: -0.01em;
  margin: 0.75rem 0 1rem; }
  @media (max-width: 800px) {
    h1.page-title {
      font-size: 46px;
      line-height: 1;
      max-width: 100%; } }
  @media (min-width: 1280px) {
    h1.page-title {
      font-size: 6vw;
      line-height: .9;
      margin: 2.5rem 0 1rem -.05em;
      max-width: 66%; } }
  @media (max-width: 1280px) {
    h1.page-title {
      font-size: 76.8px; } }
  @media (min-width: 1400px) {
    h1.page-title {
      font-size: 5.25rem; } }
  @media (min-width: 1024px) and (max-width: 1280px) {
    h1.page-title {
      max-width: 75%; } }
  @media (max-width: 800px) {
    h1.page-title {
      font-size: 46px;
      line-height: 1;
      max-width: 100%; } }
h2.page-title {
  font-family: 'TimesNow', serif;
  font-weight: 400;
  font-stretch: normal;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums;
  font-size: 48px;
  line-height: 48px;
  word-spacing: -0.05em;
  letter-spacing: -0.01em;
  display: inline-block;
  margin: 0; }
  @media (max-width: 800px) {
    h2.page-title {
      font-size: 32px;
      line-height: 1; } }
.orient-el {
  font-family: 'TimesNow', serif;
  font-weight: 400;
  font-stretch: normal;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums;
  font-size: 32px;
  line-height: 28px; }
  .orient-el.tall {
    line-height: 38px; }
  @media (max-width: 800px) {
    .orient-el {
      font-size: 24px;
      line-height: 1.2; } }
.byline {
  font-family: 'TimesNowIT', serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  font-feature-settings: "liga" 1;
  font-variant-numeric: oldstyle-nums; }

.tinytype, .tinytype em {
  font-family: 'Graebenbach',sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-size: 18px;
  line-height: 1.2; }
  @media (max-width: 800px) {
    .tinytype, .tinytype em {
      font-size: 14px;
      line-height: 1.2; } }
.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#nav, .nav-inserted {
  height: 14rem;
  display: inline-block;
  width: 100%;
  position: relative; }
  #nav .hamburger, .nav-inserted .hamburger {
    cursor: pointer;
    height: 30px;
    width: 24px;
    position: relative;
    display: inline-block;
    z-index: 100; }
    #nav .hamburger .brgr, .nav-inserted .hamburger .brgr {
      position: absolute;
      top: 1rem;
      left: 0; }
    #nav .hamburger span, #nav .hamburger span:before, #nav .hamburger span:after, .nav-inserted .hamburger span, .nav-inserted .hamburger span:before, .nav-inserted .hamburger span:after {
      cursor: pointer;
      height: 2px;
      width: 24px;
      background: black;
      display: block;
      content: '';
      transition-duration: 0.2s;
      transition-property: all;
      position: absolute; }
    #nav .hamburger span:before, .nav-inserted .hamburger span:before {
      top: -0.85rem;
      -webkit-transform: translateY(9px);
              transform: translateY(9px); }
    #nav .hamburger span:after, .nav-inserted .hamburger span:after {
      bottom: -.95rem;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
    #nav .hamburger.active .brgr-left-hinge span:before, #nav .hamburger.active .brgr-left-hinge span:after, .nav-inserted .hamburger.active .brgr-left-hinge span:before, .nav-inserted .hamburger.active .brgr-left-hinge span:after {
      margin-left: .5em;
      transform-origin: left;
      -webkit-transform-origin: left; }
    #nav .hamburger.active .brgr-left-hinge span:before, .nav-inserted .hamburger.active .brgr-left-hinge span:before {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
    #nav .hamburger.active .brgr-left-hinge span:after, .nav-inserted .hamburger.active .brgr-left-hinge span:after {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }
    #nav .hamburger.active .brgr span, .nav-inserted .hamburger.active .brgr span {
      background-color: transparent; }
      #nav .hamburger.active .brgr span:before, .nav-inserted .hamburger.active .brgr span:before {
        top: -0.83rem; }
      #nav .hamburger.active .brgr span:after, .nav-inserted .hamburger.active .brgr span:after {
        bottom: -0.35rem;
        bottom: -0.29rem; }
  #nav.open, .nav-inserted.open {
    height: 100vh;
    overflow: scroll; }
  #nav.scrolled .cube-1, .nav-inserted.scrolled .cube-1 {
    -webkit-transform: rotateX(-30deg) rotateY(-130deg) !important;
            transform: rotateX(-30deg) rotateY(-130deg) !important; }
  #nav.scrolled .cube-2, .nav-inserted.scrolled .cube-2 {
    -webkit-transform: rotateX(-30deg) rotateY(50deg) !important;
            transform: rotateX(-30deg) rotateY(50deg) !important; }
  #nav > :first-child, .nav-inserted > :first-child {
    margin-right: 1.5rem; }
  #nav .hamburger, .nav-inserted .hamburger {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    padding: 1.3rem 2.5rem;
    -webkit-transform: translate(12px, -8px);
            transform: translate(12px, -8px); }
    #nav .hamburger.active, .nav-inserted .hamburger.active {
      -webkit-transform: translate(10px, -4px);
              transform: translate(10px, -4px); }
  #nav h5, #nav h6, #nav .menu-nav-container, .nav-inserted h5, .nav-inserted h6, .nav-inserted .menu-nav-container {
    display: inline-block; }
  #nav .menu-nav-container, .nav-inserted .menu-nav-container {
    float: right; }

@-webkit-keyframes maskMoveTall {
  from {
    background-size: auto 100%;
    background-position: 10% 10%; }
  to {
    background-size: auto 120%;
    background-position: 10% 10%; } }

@keyframes maskMoveTall {
  from {
    background-size: auto 100%;
    background-position: 10% 10%; }
  to {
    background-size: auto 120%;
    background-position: 10% 10%; } }

@-webkit-keyframes maskMoveWide {
  from {
    background-size: auto 100%;
    background-position: 10% 10%; }
  to {
    background-size: auto 120%;
    background-position: 10% 10%; } }

@keyframes maskMoveWide {
  from {
    background-size: auto 100%;
    background-position: 10% 10%; }
  to {
    background-size: auto 120%;
    background-position: 10% 10%; } }

@-webkit-keyframes spinCubeBoth {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); }
  to {
    -webkit-transform: rotateX(-390deg) rotateY(-400deg);
            transform: rotateX(-390deg) rotateY(-400deg); } }

@keyframes spinCubeBoth {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); }
  to {
    -webkit-transform: rotateX(-390deg) rotateY(-400deg);
            transform: rotateX(-390deg) rotateY(-400deg); } }

@-webkit-keyframes spinCubeEnterTop {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-45deg);
            transform: rotateX(-30deg) rotateY(-45deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); } }

@keyframes spinCubeEnterTop {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-45deg);
            transform: rotateX(-30deg) rotateY(-45deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); } }

@-webkit-keyframes spinCubeEnterBottom {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-35deg);
            transform: rotateX(-30deg) rotateY(-35deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); } }

@keyframes spinCubeEnterBottom {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-35deg);
            transform: rotateX(-30deg) rotateY(-35deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); } }

@-webkit-keyframes spinCubeY {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); }
  to {
    -webkit-transform: rotateX(-390deg) rotateY(-40deg);
            transform: rotateX(-390deg) rotateY(-40deg); } }

@keyframes spinCubeY {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); }
  to {
    -webkit-transform: rotateX(-390deg) rotateY(-40deg);
            transform: rotateX(-390deg) rotateY(-40deg); } }

@-webkit-keyframes spinCubeX {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-130deg);
            transform: rotateX(-30deg) rotateY(-130deg); } }

@keyframes spinCubeX {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-130deg);
            transform: rotateX(-30deg) rotateY(-130deg); } }

@-webkit-keyframes spinCubeX2 {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-130deg);
            transform: rotateX(-30deg) rotateY(-130deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); } }

@keyframes spinCubeX2 {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-130deg);
            transform: rotateX(-30deg) rotateY(-130deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); } }

@-webkit-keyframes spinBottomCube {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(50deg);
            transform: rotateX(-30deg) rotateY(50deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); } }

@keyframes spinBottomCube {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(50deg);
            transform: rotateX(-30deg) rotateY(50deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); } }

@-webkit-keyframes spinBottomCube2 {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(50deg);
            transform: rotateX(-30deg) rotateY(50deg); } }

@keyframes spinBottomCube2 {
  from {
    -webkit-transform: rotateX(-30deg) rotateY(-40deg);
            transform: rotateX(-30deg) rotateY(-40deg); }
  to {
    -webkit-transform: rotateX(-30deg) rotateY(50deg);
            transform: rotateX(-30deg) rotateY(50deg); } }
  #nav .menu, .nav-inserted .menu {
    list-style: none;
    margin: 0;
    padding: 0; }
    #nav .menu li, .nav-inserted .menu li {
      display: inline-block;
      margin-left: 1.5rem; }
      #nav .menu li.current-menu-item, .nav-inserted .menu li.current-menu-item {
        pointer-events: none;
        font-family: 'TimesNowIT', serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: italic;
        font-feature-settings: "liga" 1;
        font-variant-numeric: oldstyle-nums; }
      #nav .menu li a, .nav-inserted .menu li a {
        font-size: 24px;
        letter-spacing: 0.005em;
        word-spacing: -0.02em;
        font-weight: 400;
        color: black; }
        @media (min-width: 1280px) {
          #nav .menu li a, .nav-inserted .menu li a {
            font-size: 1.875vw; } }
        @media (max-width: 1280px) {
          #nav .menu li a, .nav-inserted .menu li a {
            font-size: 24px; } }
        @media (min-width: 1400px) {
          #nav .menu li a, .nav-inserted .menu li a {
            font-size: 1.640625rem; } }
        @media (max-width: 800px) {
          #nav .menu li a, .nav-inserted .menu li a {
            font-size: 20px;
            line-height: 1.2; } }
        @media (max-width: 950px) {
          #nav .menu li a, .nav-inserted .menu li a {
            font-size: 20px; } }
  #nav .logo, .nav-inserted .logo {
    display: block;
    margin: 2rem auto;
    width: 4rem;
    height: 8rem;
    position: relative; }
    #nav .logo:hover .cube-1, .nav-inserted .logo:hover .cube-1 {
      -webkit-transform: rotateX(-30deg) rotateY(-130deg) !important;
              transform: rotateX(-30deg) rotateY(-130deg) !important; }
    #nav .logo:hover .cube-2, .nav-inserted .logo:hover .cube-2 {
      -webkit-transform: rotateX(-30deg) rotateY(50deg) !important;
              transform: rotateX(-30deg) rotateY(50deg) !important; }
    #nav .logo .wrap, .nav-inserted .logo .wrap {
      -webkit-perspective: 10000px;
              perspective: 10000px;
      -webkit-perspective-origin: 50% 50%;
              perspective-origin: 50% 50%;
      position: absolute;
      left: 10px; }
      #nav .logo .wrap.wrap-2, .nav-inserted .logo .wrap.wrap-2 {
        top: 50px;
        z-index: -1; }
      #nav .logo .wrap .cube, .nav-inserted .logo .wrap .cube {
        margin: auto;
        position: relative;
        height: 40px;
        width: 40px;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        -webkit-transform: rotateX(-30deg) rotateY(-40deg);
                transform: rotateX(-30deg) rotateY(-40deg); }
        #nav .logo .wrap .cube > div, .nav-inserted .logo .wrap .cube > div {
          position: absolute;
          box-sizing: border-box;
          padding: 2px;
          height: 100%;
          width: 100%;
          opacity: 0.9;
          background-color: #000;
          color: #ffffff; }
          #nav .logo .wrap .cube > div.front, .nav-inserted .logo .wrap .cube > div.front {
            -webkit-transform: translateZ(20px);
                    transform: translateZ(20px);
            background-color: #2A3B7A; }
          #nav .logo .wrap .cube > div.back, .nav-inserted .logo .wrap .cube > div.back {
            -webkit-transform: translateZ(-20px) rotateY(180deg);
                    transform: translateZ(-20px) rotateY(180deg);
            background-color: #2A3B7A; }
          #nav .logo .wrap .cube > div.right, .nav-inserted .logo .wrap .cube > div.right {
            -webkit-transform: rotateY(-270deg) translateX(20px);
                    transform: rotateY(-270deg) translateX(20px);
            background-color: #61B583;
            -webkit-transform-origin: top right;
                    transform-origin: top right; }
          #nav .logo .wrap .cube > div.left, .nav-inserted .logo .wrap .cube > div.left {
            -webkit-transform: rotateY(270deg) translateX(-20px);
                    transform: rotateY(270deg) translateX(-20px);
            background-color: #357E7F;
            -webkit-transform-origin: center left;
                    transform-origin: center left; }
          #nav .logo .wrap .cube > div.top, .nav-inserted .logo .wrap .cube > div.top {
            -webkit-transform: rotateX(-270deg) translateY(-20px);
                    transform: rotateX(-270deg) translateY(-20px);
            background-color: #2D3539;
            -webkit-transform-origin: top center;
                    transform-origin: top center; }
          #nav .logo .wrap .cube > div.bottom, .nav-inserted .logo .wrap .cube > div.bottom {
            -webkit-transform: rotateX(270deg) translateY(20px);
                    transform: rotateX(270deg) translateY(20px);
            -webkit-transform-origin: bottom center;
                    transform-origin: bottom center; }
        #nav .logo .wrap .cube.cube-2 .front, .nav-inserted .logo .wrap .cube.cube-2 .front {
          background-color: #B0D4AE; }
        #nav .logo .wrap .cube.cube-2 .back, .nav-inserted .logo .wrap .cube.cube-2 .back {
          background-color: #816ECD; }
        #nav .logo .wrap .cube.cube-2 .right, .nav-inserted .logo .wrap .cube.cube-2 .right {
          background-color: #4E5A9D; }
        #nav .logo .wrap .cube.cube-2 .left, .nav-inserted .logo .wrap .cube.cube-2 .left {
          background-color: #4E5A9D; }
        #nav .logo .wrap .cube.cube-2 .top, .nav-inserted .logo .wrap .cube.cube-2 .top {
          background-color: #6DBFC1; }
    #nav .logo a, .nav-inserted .logo a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  @media (max-width: 800px) {
    #nav .hamburger, .nav-inserted .hamburger {
      display: inline-block;
      padding: 1.3rem 1.9rem;
      -webkit-transform: translate(0, -6px);
              transform: translate(0, -6px); }
      #nav .hamburger .brgr, .nav-inserted .hamburger .brgr {
        left: 1rem; }
    #nav .menu-nav-container, .nav-inserted .menu-nav-container {
      opacity: 0;
      pointer-events: none;
      z-index: -1; }
    #nav.open .menu-nav-container, .nav-inserted.open .menu-nav-container {
      opacity: 1;
      pointer-events: all;
      z-index: 1; }
    #nav .menu-nav-container, .nav-inserted .menu-nav-container {
      position: absolute;
      left: 0;
      top: 245px; }
      #nav .menu-nav-container .menu li, .nav-inserted .menu-nav-container .menu li {
        display: block; }
        #nav .menu-nav-container .menu li a, .nav-inserted .menu-nav-container .menu li a {
          font-family: 'TimesNow', serif;
          font-weight: 400;
          font-stretch: normal;
          font-feature-settings: "liga" 1;
          font-variant-numeric: oldstyle-nums;
          font-size: 48px;
          line-height: 48px;
          word-spacing: -0.05em;
          letter-spacing: -0.01em;
          font-size: 42px;
          line-height: 42px;
          line-height: 53px; } }
      @media (max-width: 800px) and (max-width: 800px) {
        #nav .menu-nav-container .menu li a, .nav-inserted .menu-nav-container .menu li a {
          font-size: 32px;
          line-height: 1; } }
.animation-toggle {
  position: fixed;
  bottom: 1rem;
  right: 3.5rem;
  background: white;
  padding: 1rem; }

.single #main {
  pointer-events: none; }

.single .post-content {
  pointer-events: all;
  background: white;
  padding-bottom: 2.5rem; }
  .single .post-content .footnote-marker {
    margin-left: .20em;
    cursor: pointer;
    height: 1.15em;
    display: inline-block;
    border-bottom: solid black 1px;
    font-size: .6em;
    bottom: 0.375em;
    position: relative;
    margin-right: 0.125em;
    font-variant-numeric: lining-nums;
    -webkit-text-stroke: .015em; }

.single .issue-on-single-page {
  pointer-events: all;
  position: -webkit-sticky;
  position: sticky;
  margin-top: 5rem;
  z-index: -1; }

.single .works-cited {
  font-family: 'Graebenbach',sans-serif;
  font-weight: 400;
  font-stretch: normal; }
  .single .works-cited p {
    margin: 0 0 .75rem 0; }
    .single .works-cited p.cited-title {
      margin-bottom: 1.5rem; }

.issue {
  background: #EDEDEB; }
  .issue .wrapper {
    z-index: 1; }
  .issue h4 {
    color: rgba(0, 0, 0, 0.5); }
  .issue.text-white {
    color: white; }
    .issue.text-white h4 {
      color: rgba(255, 255, 255, 0.5); }
  .issue .article-title {
    padding: 1.5rem 1.5rem 3rem; }
    .issue .article-title .tinytype {
      margin-right: 1rem; }

.article-list {
  padding-bottom: 8rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 5rem 2.5rem; }
  .article-list .issue-article {
    display: grid;
    grid-column: 2 / 12;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 2.5rem;
    position: relative; }
    .article-list .issue-article .preview-text-container {
      position: relative;
      grid-row: 1 / 2; }
      .article-list .issue-article .preview-text-container .preview-text {
        position: absolute;
        bottom: 32%; }
    .article-list .issue-article:hover h3, .article-list .issue-article:hover h4 {
      opacity: .85; }
    .article-list .issue-article:hover .mask.format-medium, .article-list .issue-article:hover .mask.format-wide {
      background-size: auto 120%; }
    .article-list .issue-article:hover .mask.format-tall {
      background-size: 120% auto; }
    .article-list .issue-article:hover[class*='v-'] .mask.format-medium, .article-list .issue-article:hover[class*='v-'] .mask.format-wide {
      background-size: auto 120%;
      background-position: 60% center; }
    .article-list .issue-article:hover[class*='v-'] .mask.format-tall {
      background-size: 120% auto;
      background-position: 10% 10%; }
    .article-list .issue-article:hover[class*='v-'][class*='-right'] .mask {
      background-position: 40% center; }
    .article-list .issue-article:hover[class*='h-'] .mask.format-medium, .article-list .issue-article:hover[class*='h-'] .mask.format-tall {
      background-size: 120% auto;
      background-position: 60% 60%; }
    .article-list .issue-article:hover[class*='h-'] .mask.format-wide {
      background-size: auto 120%;
      background-position: 20% 20%;
      background-position: left top; }
    .article-list .issue-article:hover[class*='h-'][class*='-center'] .mask {
      background-position: 75% 60%; }
    .article-list .issue-article .mask {
      grid-row: 1 / 2;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      position: relative;
      transition: 8s background-size ease-out, 8s background-position ease-out;
      transition-timing-function: cubic-bezier(0.1, 0.7, 0.3, 0.87);
      transition-timing-function: cubic-bezier(0.26, 0.38, 0.35, 0.78);
      -webkit-transform: translateZ(0);
              transform: translateZ(0); }
    .article-list .issue-article[class*='v-'][class*='-center'] .preview-text-container {
      grid-column: 6 / 11; }
    .article-list .issue-article[class*='v-'][class*='-right'] {
      grid-template-columns: 1fr 0.4fr;
      grid-template-areas: "left right"; }
      .article-list .issue-article[class*='v-'][class*='-right'] .mask {
        grid-area: right;
        clip-path: polygon(0 0%, 0% 68%, 100% 100%, 100% 32%);
        -webkit-clip-path: polygon(0 0%, 0% 68%, 100% 100%, 100% 32%);
        margin-right: auto;
        margin-left: inherit; }
      .article-list .issue-article[class*='v-'][class*='-right'] .preview-text {
        right: 0; }
    .article-list .issue-article[class*='v-'][class*='-left'] .mask {
      width: calc(100% - ((100% - 5rem) / 6));
      grid-column: 2 / 5; }
    .article-list .issue-article[class*='v-'][class*='-left'] .preview-text-container {
      grid-column: 5 / 10; }
    .article-list .issue-article[class*='v-'] .mask {
      width: calc(100% - ((100% - 5rem) / 6));
      grid-column: 3 / 6;
      height: 0;
      clip-path: polygon(0 32%, 100% 0%, 100% 68%, 0% 100%);
      -webkit-clip-path: polygon(0 32%, 100% 0%, 100% 68%, 0% 100%);
      margin-left: auto;
      padding-bottom: 155%; }
      .article-list .issue-article[class*='v-'] .mask.format-medium, .article-list .issue-article[class*='v-'] .mask.format-wide {
        background-size: auto 125%; }
      .article-list .issue-article[class*='v-'] .mask.format-tall {
        background-size: 125% auto; }
    .article-list .issue-article[class*='h-'] .mask {
      width: 100%;
      grid-column: 1 / 6;
      height: 0;
      clip-path: polygon(50% 1%, 100% 50%, 50% 99%, 1% 50%);
      -webkit-clip-path: polygon(50% 1%, 100% 50%, 50% 99%, 1% 50%);
      margin-left: auto;
      padding-bottom: 48%; }
      .article-list .issue-article[class*='h-'] .mask.format-medium, .article-list .issue-article[class*='h-'] .mask.format-tall {
        background-size: 125% auto; }
      .article-list .issue-article[class*='h-'] .mask.format-wide {
        background-size: auto 100%; }
    .article-list .issue-article[class*='h-'][class*='-left'] .preview-text-container {
      grid-column: 5 / 10; }
      .article-list .issue-article[class*='h-'][class*='-left'] .preview-text-container .preview-text {
        bottom: auto;
        padding-top: 47%;
        position: static; }
    .article-list .issue-article[class*='h-'][class*='-center'] .mask {
      grid-column: 3 / 9;
      margin: 0 auto;
      width: calc(100% - ((100% - 12.5rem) / 4)); }
    .article-list .issue-article[class*='h-'][class*='-center'] .preview-text-container {
      grid-column: 7 / 11;
      width: calc(100% - ((100% - 7.5rem) / 5));
      margin-left: auto; }
      .article-list .issue-article[class*='h-'][class*='-center'] .preview-text-container .preview-text {
        position: static;
        margin-top: calc(100% - 2.5rem); }
        @media (min-width: 768px) {
          .article-list .issue-article[class*='h-'][class*='-center'] .preview-text-container .preview-text {
            margin-top: calc(100% - 5.5rem); } }
  @media (max-width: 800px) {
    .article-list .issue-article {
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 1.3rem;
      padding-bottom: 0;
      position: relative; }
      .article-list .issue-article[class*='v-'] .mask {
        grid-column: 1 / 5 !important;
        width: calc(100% - ((100% - 3.9rem) / 2.3)) !important;
        margin: 0 auto !important;
        padding-bottom: 111%;
        grid-row: 1; }
      .article-list .issue-article[class*='v-'] .preview-text-container {
        grid-column: 1 / 5 !important;
        grid-row: 2; }
        .article-list .issue-article[class*='v-'] .preview-text-container .preview-text {
          position: static; }
      .article-list .issue-article[class*='h-'] .mask {
        grid-column: 1 / 5 !important;
        width: calc(100% - ((100% - 3.9rem) / 6)) !important;
        margin: 0 auto;
        grid-row: 1; }
      .article-list .issue-article[class*='h-'] .preview-text-container {
        grid-column: 1 / 5 !important;
        grid-row: 2; }
        .article-list .issue-article[class*='h-'] .preview-text-container .preview-text {
          padding-top: 0 !important;
          margin-top: 0 !important;
          position: static; } }
  @media (max-width: 800px) {
    .article-list {
      grid-gap: 5rem 1rem; } }
.hero-img, .flexrow {
  position: relative;
  margin-bottom: 3rem; }
  .hero-img.override .mobile-override, .flexrow.override .mobile-override {
    display: none; }
    @media (max-width: 800px) {
      .hero-img.override .mobile-override, .flexrow.override .mobile-override {
        display: block; } }
  @media (max-width: 800px) {
    .hero-img.override > img, .flexrow.override > img {
      display: none; } }
  .hero-img a, .flexrow a {
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
    transition: .15s; }
    .hero-img a:hover, .flexrow a:hover {
      border-bottom: 1px solid black; }
  .hero-img h1, .hero-img h2, .hero-img h3, .hero-img h4, .flexrow h1, .flexrow h2, .flexrow h3, .flexrow h4 {
    font-weight: normal; }
    @media (max-width: 800px) {
      .hero-img h1, .hero-img h2, .hero-img h3, .hero-img h4, .flexrow h1, .flexrow h2, .flexrow h3, .flexrow h4 {
        font-size: 9vw; } }
    .hero-img h1 strong, .hero-img h2 strong, .hero-img h3 strong, .hero-img h4 strong, .flexrow h1 strong, .flexrow h2 strong, .flexrow h3 strong, .flexrow h4 strong {
      font-weight: normal; }
  .hero-img.fullbleed, .flexrow.fullbleed {
    width: 100%;
    margin-left: -2.5rem;
    width: calc(100% + 5rem); }
    @media (max-width: 800px) {
      .hero-img.fullbleed, .flexrow.fullbleed {
        margin-left: -1.25rem;
        width: calc(100% + 2.5rem); } }
    .hero-img.fullbleed .caption, .flexrow.fullbleed .caption {
      margin-left: 2.5rem; }
    .hero-img.fullbleed img, .flexrow.fullbleed img {
      width: 100%; }
  .hero-img .image-block.image-block-fullw img, .flexrow .image-block.image-block-fullw img {
    width: 100%; }
  @media (max-width: 800px) {
    .hero-img .image-block.image-block-inline, .flexrow .image-block.image-block-inline {
      padding-left: 1.3rem; }
      #main .hero-img .image-block.image-block-inline .caption, #main .flexrow .image-block.image-block-inline .caption {
        margin-left: 0; } }
  .hero-img .image-block.image-block-inset, .flexrow .image-block.image-block-inset {
    padding: 0 0 0 5%;
    max-width: 66%; }
    @media (max-width: 800px) {
      .hero-img .image-block.image-block-inset, .flexrow .image-block.image-block-inset {
        padding: 0;
        max-width: none; } }
  .hero-img .image-block.image-block-fullbleed, .flexrow .image-block.image-block-fullbleed {
    margin-left: -2.5rem;
    width: calc(100% + 5rem); }
    .hero-img .image-block.image-block-fullbleed .caption, .flexrow .image-block.image-block-fullbleed .caption {
      margin-left: 2.5rem; }
    .hero-img .image-block.image-block-fullbleed img, .flexrow .image-block.image-block-fullbleed img {
      width: 100%; }
    @media (max-width: 800px) {
      .hero-img .image-block.image-block-fullbleed, .flexrow .image-block.image-block-fullbleed {
        width: inherit;
        -webkit-transform: inherit;
                transform: inherit; } }
  .hero-img .vid-wrap, .flexrow .vid-wrap {
    position: relative; }
    .hero-img .vid-wrap.inline, .flexrow .vid-wrap.inline {
      width: 66%;
      padding-bottom: 40% !important; }
      @media (max-width: 800px) {
        .hero-img .vid-wrap.inline, .flexrow .vid-wrap.inline {
          width: auto;
          padding-bottom: 56.25% !important; } }
    .hero-img .vid-wrap.full-bleed, .flexrow .vid-wrap.full-bleed {
      width: calc(100% + 5rem);
      -webkit-transform: translateX(-2.5rem);
              transform: translateX(-2.5rem); }
    .hero-img .vid-wrap.full, .flexrow .vid-wrap.full {
      width: 100%; }
    .hero-img .vid-wrap iframe, .flexrow .vid-wrap iframe {
      position: absolute;
      width: 100%;
      height: 100%; }
  .hero-img img, .flexrow img {
    max-width: 100%;
    height: auto;
    display: block; }
  .hero-img.text, .hero-img .image-block-inline, .flexrow.text, .flexrow .image-block-inline {
    max-width: 66%;
    padding-right: 1rem; }
    @media (max-width: 800px) {
      .hero-img.text, .hero-img .image-block-inline, .flexrow.text, .flexrow .image-block-inline {
        max-width: 100%;
        padding-right: 0; } }
  @media (max-width: 800px) {
    .hero-img.flexrow-image .image-block-fullbleed, .flexrow.flexrow-image .image-block-fullbleed {
      -webkit-transform: none;
              transform: none;
      width: 100%; }
    .hero-img.flexrow-image .caption, .flexrow.flexrow-image .caption {
      margin-left: 1.5rem; } }
.author-bio {
  margin-top: 5rem; }

.tag-list {
  display: grid;
  grid-template-columns: 1fr 20% auto;
  -webkit-align-items: center;
          align-items: center;
  grid-gap: 1rem 2rem;
  margin-top: 2.375rem; }
  .tag-list a {
    color: black; }
    .tag-list a:HOVER {
      color: #A7A79C; }
  .tag-list .tag-post-line {
    grid-column: 1 / 4;
    border-bottom: solid black 1px; }

.tax-authors .tag-post-issue {
  margin-left: auto; }

.post-title {
  margin-bottom: 2rem; }
  .post-title .issue-num {
    margin-right: 1rem; }

.first-text {
  position: relative; }

.blok {
  display: block; }

ul.issue-post-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.issue-post-list li {
    margin-bottom: 1rem; }
  ul.issue-post-list a:HOVER {
    color: #A7A79C; }

.issue-img {
  text-align: center;
  margin-bottom: 0;
  position: relative; }
  .issue-img img {
    display: block;
    margin: auto;
    max-width: 80%;
    height: auto; }

.archive-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px; }
  .archive-grid .grid-item {
    -webkit-flex-basis: 33.333%;
            flex-basis: 33.333%;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding: 0 20px 40px; }
  @media (max-width: 800px) {
    .archive-grid {
      display: block;
      margin: 0;
      width: 100%; }
      .archive-grid .grid-item {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 0 5rem;
        grid-gap: 1.3rem; }
        .archive-grid .grid-item .issue-img {
          grid-column: 2 / 4; }
          .archive-grid .grid-item .issue-img img {
            max-width: 100%;
            height: auto; }
        .archive-grid .grid-item .issue-title {
          padding: 0 2rem 1rem;
          grid-row: 2;
          grid-column: 1 / 5; }
        .archive-grid .grid-item .issue-post-list {
          grid-row: 3;
          grid-column: 1 / 5; } }
.issue-title {
  padding: 1rem 2rem;
  border-bottom: solid 1px;
  margin-bottom: 1rem;
  position: relative;
  text-align: center; }
  .issue-title a {
    color: black; }
  .issue-title .issue-num {
    position: absolute;
    left: 0;
    bottom: 1.27rem; }

.index-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px; }
  .index-grid .index-column {
    font-size: 24px;
    letter-spacing: 0.005em;
    word-spacing: -0.02em;
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding: 0 20px 40px;
    min-width: 200px; }
    @media (min-width: 1280px) {
      .index-grid .index-column {
        font-size: 1.875vw; } }
    @media (max-width: 1280px) {
      .index-grid .index-column {
        font-size: 24px; } }
    @media (min-width: 1400px) {
      .index-grid .index-column {
        font-size: 1.640625rem; } }
    @media (max-width: 800px) {
      .index-grid .index-column {
        font-size: 20px;
        line-height: 1.2; } }
  .index-grid ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .index-grid ul .index-count {
      color: #A7A79C; }
  .index-grid .index-headline {
    font-family: 'Graebenbach',sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-size: 18px;
    line-height: 1.2;
    color: black;
    font-weight: normal;
    border-bottom: solid 1px;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem; }
    @media (max-width: 800px) {
      .index-grid .index-headline {
        font-size: 14px;
        line-height: 1.2; } }
.index-tag a {
  transition-duration: 0.1s; }
  .index-tag a:HOVER {
    color: #A7A79C; }

.caption {
  margin-top: 0.875rem; }
  @media (max-width: 800px) {
    #main .caption {
      margin-left: 1.3rem;
      margin-right: 1.3rem; } }
.footnote {
  position: absolute;
  left: 100%;
  width: 25vw;
  min-width: 180px;
  padding-left: 1rem;
  opacity: 0;
  line-height: 24px;
  transition: .2s opacity;
  padding-left: 2rem; }
  .footnote .footnote-num {
    float: left;
    font-size: 1em;
    margin-right: 2rem; }
  .footnote p {
    word-wrap: break-word; }
  .footnote p:first-of-type {
    margin-top: 0; }
  .footnote.active {
    opacity: 1; }
  @media (min-width: 800px) {
    .footnote.direction-up span {
      position: absolute;
      bottom: -1.7em; } }
  .footnote button {
    display: none; }
  @media (min-width: 768px) {
    .footnote span.scroll-contents {
      width: 100%; } }
  @media (max-width: 800px) {
    .footnote {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 101;
      padding: 4rem 1rem;
      background: rgba(0, 0, 0, 0.6);
      -webkit-transform: none !important;
              transform: none !important; }
      .footnote p:last-child {
        margin-bottom: 0; }
      .footnote .scroll-contents {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        max-height: 80%;
        overflow: auto;
        background: white;
        padding: 1rem 1rem 1.5rem;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -ms-scroll-chaining: none;
            overscroll-behavior: none;
        -webkit-overflow-scrolling: touch; }
      .footnote.active {
        display: block;
        opacity: 0;
        -webkit-animation: fadeIn 0.5s 0s forwards 1;
                animation: fadeIn 0.5s 0s forwards 1; }
      .footnote button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: block; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.mobile-footnotes {
  display: none;
  margin: 5rem 0; }
  .mobile-footnotes .mobile-footnote {
    margin: 1.5rem 0; }
    .mobile-footnotes .mobile-footnote .footnote-marker {
      margin-right: 2.5rem; }
    .mobile-footnotes .mobile-footnote span span p {
      display: inline; }

@media (min-width: 1024px) {
  .page-404 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    min-height: 50vh; }
    .page-404 .post-title {
      margin-bottom: 0; }
    .page-404 > * {
      width: 100%;
      max-width: 66%; } }