@charset "UTF-8";
@keyframes pulse {
  0% {
    transform: scale(1);
    transform-origin: center;
  }
  50% {
    transform: scale(1.25);
    transform-origin: center;
  }
  100% {
    transform: scale(1);
    transform-origin: center;
  }
}
@font-face {
  font-family: "Girott";
  src: url("../fonts/girott_regular.woff");
}
@font-face {
  font-family: "MMono";
  src: url("../fonts/merkury_mono.woff");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}

html {
  font-size: 0.8vw;
  color: rgba(0, 0, 0, 0.8);
  --small: 1.4rem;
  --main: 2.7rem;
  --large: 13rem;
  --black: rgba(0, 0, 0, 0.8);
  --red: rgba(255,99,71,1);
  --hilite: rgba(0,0,0,0.2);
  --grey: rgba(0,0,0,0.4);
  --hover: rgb(171,131,0);
  --mono: "MMono", monospace;
  --current: 3rem;
}
@media (min-width: 1480px) {
  html {
    font-size: 0.6vw;
  }
}
@media (max-width: 720px) {
  html {
    font-size: 10px;
    --large: 4.2rem;
    --main: 2.1rem;
    --small: 1.6rem;
    --current: 2rem;
  }
}
@media (max-width: 320px) {
  html {
    --large: 4rem;
    --main: 2.1rem;
    --small: 1.4rem;
    --current: 1.8rem;
  }
}

body {
  font-family: "Girott", sans-serif;
  font-variant-ligatures: none;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0;
  overflow-x: hidden;
}
body.pane {
  overflow: hidden;
}
body.pane .content-pane {
  overflow-y: scroll !important;
}

img {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

img.loaded {
  opacity: 1;
}

h1, h2, li, .menu {
  font-weight: normal;
  line-height: 0.9;
}

h1 sup {
  font-size: 8rem;
}
h1 a {
  color: rgba(0, 0, 0, 0.8);
}

em {
  font-style: normal;
}
em:before {
  content: "‘";
}
em:after {
  content: "’";
}

a:hover {
  color: var(--hilite);
}
a.null {
  pointer-events: none;
}

li {
  border-top: 2px solid;
  padding-top: 1rem;
}
li:not(:first-of-type) {
  border-top: 2px solid;
  margin-top: 0.25em;
  padding-top: 1rem;
}
li a {
  display: inline;
}
li a:hover {
  color: var(--hilite);
}
li sup {
  font-size: 8.4rem;
}

blockquote {
  margin: 1em 6em 1em 12em;
}

.roof-outer {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.roof {
  height: 600px;
  width: 600px;
  border-radius: 50%;
  background: #666;
  filter: blur(80px);
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  animation: pulse 5s linear infinite;
}
@media (max-width: 420px) {
  .roof {
    height: 280px;
    width: 280px;
    filter: blur(60px);
  }
}

.festival {
  padding: 0;
  position: relative;
  z-index: 1;
}
.festival ul {
  list-style: none;
}
.festival ul .mono {
  font-family: "Girott", sans-serif;
  font-size: var(--large);
  line-height: 0.85;
  letter-spacing: -4px;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 520px) {
  .festival ul .mono {
    letter-spacing: -0.1rem;
  }
}
.festival img {
  width: 100%;
  display: block;
  mix-blend-mode: multiply;
}
.festival h1 {
  font-size: var(--large);
  -webkit-font-smoothing: antialiased;
  letter-spacing: -8px;
}
.festival li a:hover {
  color: rgba(0, 0, 0, 0.8);
}

.program-items {
  margin-top: 1em;
  font-family: var(--mono);
  font-size: var(--main);
  line-height: 1.05;
  display: block;
}
.program-items:first-of-type {
  padding-top: 3em !important;
}
.program-items h1 {
  font-family: "Girott", sans-serif;
  font-size: var(--large);
  line-height: 1;
  letter-spacing: -4px;
  margin: 0 0 20px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 720px) {
  .program-items h1 {
    letter-spacing: -0.1rem;
  }
}
.program-items .one {
  display: block;
  -webkit-font-smoothing: antialiased;
  line-height: 1.2;
  position: relative;
}
.program-items .one .more {
  position: absolute;
  right: 0;
  top: 6px;
}
@media (max-width: 420px) {
  .program-items .one .more {
    top: 0;
  }
}
.program-items .one .more:hover {
  cursor: pointer;
  color: var(--hilite);
}
.program-items .one a:hover {
  cursor: pointer;
  color: var(--hilite);
}
.program-items p, .program-items li {
  border-top: 2px solid;
  padding: 0.25em 0 0.5em;
  line-height: 1.2;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 420px) {
  .program-items p span.outer, .program-items li span.outer {
    display: inline-block;
    max-width: 80%;
  }
}
.program-items p a:hover, .program-items li a:hover {
  border-bottom: 1px solid;
}
.program-items p .more, .program-items li .more {
  position: absolute;
  right: 0;
  top: 3px;
}
.program-items p .more:hover, .program-items li .more:hover {
  cursor: pointer;
  color: var(--hilite);
}
.program-items p:not(:first-of-type), .program-items li:not(:first-of-type) {
  border-top: 2px solid;
  padding-top: 0.25em;
}
.program-items .playlist p {
  padding: 0.25em 0;
}
.program-items .content {
  padding: 0 0 4em;
  display: none;
}
.program-items .content figure {
  margin: 0.25em 0 1em;
}
.program-items .content figure figcaption {
  font-size: var(--small);
  padding: 0.5em 0;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.8) !important;
}
.program-items .content p {
  border: none;
}
.program-items .content p:not(:first-of-type) {
  border: none;
}
.program-items li .content figure {
  margin-top: 0.5em;
}
.program-items .bubble {
  font-size: var(--small);
  -webkit-font-smoothing: antialiased;
  padding: 0.3rem 1rem;
  display: inline-block;
  margin-top: 1.5rem;
  border: 1px solid;
  border-radius: 25px;
  letter-spacing: 0.025rem;
  line-height: 1;
}
@media (max-width: 720px) {
  .program-items .bubble {
    padding: 0.5em 1em 0.45em;
  }
}
.program-items .bubble + .bubble {
  margin-left: 0.5em;
}
@media (max-width: 420px) {
  .program-items .bubble + .bubble + .bubble {
    margin: 0.5em 0 0 0;
  }
}
.program-items .playlist .bubble {
  vertical-align: top;
  margin-top: 0.25rem;
}
.program-items ul .bubble {
  margin-top: 0;
  margin-bottom: 1em;
}

.no-line:hover {
  border-bottom: none !important;
  color: var(--hilite);
}

.pane-closer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  z-index: 199;
}
.pane-closer:hover {
  cursor: pointer;
}

.content-pane {
  width: 60vw;
  height: 100vh;
  overflow-y: auto;
  background: white;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  padding: 0.7em 1.5em;
  box-shadow: 1px 1px 19px 11px rgba(62, 66, 66, 0.35);
  transition: transform 0.55s ease-in-out;
}
@media (max-width: 720px) {
  .content-pane {
    width: 100%;
    padding: 1rem;
  }
}
@media (max-width: 320px) {
  .content-pane {
    padding: 1rem 1rem;
  }
}
.content-pane.artist {
  width: 40vw;
  color: rgba(0, 0, 0, 0.8);
  background: gainsboro;
}
@media (max-width: 720px) {
  .content-pane.artist {
    width: 100%;
  }
}
.content-pane.artist figure {
  background: rgba(0, 0, 0, 0.8);
  mix-blend-mode: multiply;
}
.content-pane.artist figure figcaption {
  background: gainsboro;
  font-size: var(--small);
}
.content-pane.artist figure img {
  filter: grayscale(1);
  display: block;
  mix-blend-mode: screen;
}
.content-pane:not(.open) {
  transform: translateX(110%);
}
@media (max-width: 720px) {
  .content-pane:not(.open) {
    transform: translateX(130%);
  }
}
.content-pane_close {
  position: absolute;
  top: 0.75em;
  right: 1.5em;
  font-family: var(--mono);
  -webkit-font-smoothing: antialiased;
  font-size: var(--small);
  letter-spacing: 0;
}
.content-pane_close:hover {
  cursor: pointer;
  color: var(--hilite);
}
.content-pane h1 {
  font-size: var(--large);
  font-variant-ligatures: none;
  line-height: 0.9;
  letter-spacing: -4px;
  margin: 0.05em 0 0.25em;
}
@media (max-width: 720px) {
  .content-pane h1 {
    letter-spacing: -0.05rem;
    margin: 0.5em 0;
  }
}
.content-pane p {
  font-family: var(--mono);
  -webkit-font-smoothing: antialiased;
  font-size: var(--small);
  line-height: 1.3;
  letter-spacing: 0;
}
.content-pane p + p {
  margin-top: 1.1em;
}
.content-pane_inner figure {
  margin-bottom: 1em;
}
@media (max-width: 720px) {
  .content-pane_inner figure {
    margin: 1em 0;
  }
}
.content-pane_inner figure img {
  border-radius: 1em;
  max-width: 100%;
  display: block;
}
.content-pane_inner figure figcaption {
  font-size: var(--small);
  font-family: var(--mono);
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
  padding: 0.5em 0;
}
.content-pane_inner .type {
  text-transform: capitalize;
}
.content-pane_inner .events {
  border-top: 2px solid;
  margin: 4em 0 2em;
}
.content-pane_inner .events-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.content-pane_inner .events-inner article {
  font-family: var(--mono);
  font-size: var(--small);
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
  width: 50%;
  margin-top: 1.1em;
}
.content-pane_inner p {
  font-size: 2.1rem;
  -webkit-font-smoothing: initial;
}
@media (max-width: 720px) {
  .content-pane_inner p {
    font-size: var(--small);
  }
}
.content-pane_inner p a {
  color: #272727;
  text-decoration: underline;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 0.2rem;
}

main {
  position: relative;
  z-index: 0;
  max-width: 1480px;
  margin: 0 auto;
}
main h1 {
  font-size: 15.5vw;
  line-height: 1.2;
}
main p {
  font-size: var(--large);
  line-height: 0.875;
}
main p a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: underline;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 0.2rem;
}
main .mono {
  font-family: var(--mono);
  display: block;
  margin-top: 0.85em;
}
main figure {
  height: auto;
  width: 100%;
  position: relative;
  z-index: 11;
  margin: 2em 0;
}
main figure figcaption {
  background: white;
  font-size: var(--small);
}
main figure img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 2em;
}
@media (max-width: 720px) {
  main figure.left {
    max-width: 80%;
    margin: 0 auto !important;
  }
}
main figure.left img {
  margin: 0;
}

.takeover {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.takeover:not(.visible) {
  display: none;
}
.takeover-close {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 1001;
  font-family: "MMono";
  color: white;
  display: none;
}
.takeover iframe {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  outline: none;
  z-index: 1000;
}
.takeover iframe:hover .takeover-close {
  display: block;
  cursor: pointer;
}

body:hover .takeover-close {
  display: block;
  cursor: pointer;
}

.marquee {
  font-family: var(--mono);
  -webkit-font-smoothing: antialiased;
  font-size: var(--small);
  letter-spacing: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: auto;
  background: white;
  padding: 10px;
  z-index: 1;
}
.marquee p {
  font-size: var(--small);
  font-family: var(--mono);
  color: #666;
}
@media (max-width: 720px) {
  .marquee p {
    color: var(--black);
  }
}

a figcaption {
  color: rgba(0, 0, 0, 0.8) !important;
}

.bubbles {
  position: fixed;
  right: 1em;
  bottom: 1em;
  z-index: 100;
  display: flex;
  flex-direction: row;
}
.bubbles .bubble {
  font-family: "MMono";
  font-size: var(--current);
  line-height: 1.1;
  -webkit-font-smoothing: antialiased;
  padding: 0.5rem 0.5em;
  display: block;
  margin-top: 1.5rem;
  border: 2px solid;
  border-radius: 25px;
  letter-spacing: 0;
  line-height: 1;
  background: white;
}
@media (max-width: 720px) {
  .bubbles .bubble {
    padding: 0.5em 1em 0.45em;
    font-size: var(--small);
  }
  .bubbles .bubble:not(:first-of-type) {
    display: none;
  }
}
.bubbles .bubble a {
  color: var(--black);
}
.bubbles .bubble + .bubble {
  margin-left: 0.5em;
}
@media (max-width: 420px) {
  .bubbles .bubble + .bubble + .bubble {
    margin: 0.5em 0 0 0;
  }
}

.subdomains ul {
  list-style: none;
  margin-left: -8px;
}
@media (max-width: 720px) {
  .subdomains ul {
    margin-left: 0;
    padding-top: 0 !important;
  }
}
.subdomains ul li {
  border: none;
  position: relative;
}
@media (max-width: 720px) {
  .subdomains ul li {
    padding-top: 0;
  }
}
.subdomains ul li .title {
  text-overflow: inherit !important;
  overflow: visible !important;
  white-space: normal !important;
}
.subdomains ul li .interact {
  position: absolute;
  top: 0;
  right: 0;
  font-size: var(--large);
  display: flex;
  flex-direction: column;
}
.subdomains ul li .interact span {
  font-size: var(--large);
}
.subdomains ul li .interact span:hover {
  cursor: pointer;
  color: var(--hilite);
}
.subdomains ul li .interact .more-info, .subdomains ul li .interact .external {
  letter-spacing: -1px;
}
.subdomains ul li .interact .external {
  display: none;
}
.subdomains ul li span {
  font-size: var(--large);
  line-height: 0.85;
  letter-spacing: -3px;
  padding: 0;
  color: var(--black);
}
.subdomains ul li span.artist {
  display: none;
}
@media (max-width: 720px) {
  .subdomains ul li span {
    letter-spacing: -0.1rem;
  }
}
.subdomains ul a:hover .title, .subdomains ul a:hover .artist {
  color: var(--hilite);
}
.subdomains ul a:hover > .more-info {
  color: var(--black) !important;
}
.subdomains ul a:hover .title {
  display: none;
}
.subdomains ul a:hover .artist {
  display: block;
}
.subdomains ul .subdomain-content {
  max-width: 70%;
  padding: 1.5em 0;
  display: none;
}
@media (max-width: 720px) {
  .subdomains ul .subdomain-content {
    max-width: 100%;
  }
}
.subdomains ul .subdomain-content-details {
  font-family: "MMono";
  font-size: 2.1rem;
  line-height: 1.3;
  letter-spacing: 0;
  margin-bottom: 1em;
}
@media (max-width: 720px) {
  .subdomains ul .subdomain-content-details {
    font-size: var(--small);
  }
}
.subdomains ul .subdomain-content-details .content-pane_trigger {
  color: rgba(0, 0, 0, 0.8);
}
.subdomains ul .subdomain-content-details .content-pane_trigger:hover {
  color: var(--hilite);
}
.subdomains ul .subdomain-content-details a {
  color: var(--hilite);
}
.subdomains ul .subdomain-content-details a:hover {
  color: black;
}
.subdomains ul .subdomain-content p {
  font-family: "MMono";
  font-size: 2.1rem;
  line-height: 1.3;
  letter-spacing: 0;
}
@media (max-width: 720px) {
  .subdomains ul .subdomain-content p {
    font-size: var(--small);
  }
}

.title {
  max-width: 80%;
  display: block;
}

.intro {
  margin-bottom: 6.6em;
  display: flex;
  flex-direction: row;
}
@media (max-width: 720px) {
  .intro {
    margin-top: 1.1em;
    margin-bottom: 3.3em;
  }
}
.intro-title, .intro-text {
  flex: 1;
}
@media (max-width: 720px) {
  .intro-title {
    display: none;
  }
}
.intro-title p {
  font-family: "Girott", sans-serif !important;
  font-size: var(--large) !important;
  line-height: 0.9 !important;
  letter-spacing: -3px !important;
}
.intro figure {
  margin-bottom: 1.1em !important;
}
.intro p {
  font-family: "MMono";
  font-size: 2.1rem;
  line-height: 1.3;
  letter-spacing: 0;
}
@media (max-width: 720px) {
  .intro p {
    font-size: var(--small);
  }
}

header {
  position: relative;
  width: 100vw;
  max-width: 1480px;
  margin: 0 auto;
  top: 0;
  padding: 0 2rem;
  padding-top: 0.5em;
  display: flex;
  flex-direction: column;
  z-index: 1;
  background: white;
}
@media (max-width: 720px) {
  header {
    padding: 0.5rem 1rem;
  }
}
header.scroller {
  background: none;
  box-shadow: none;
  position: fixed;
  top: -12em;
  left: 0;
  transition: transform 0.35s ease-in-out;
}
header.scroller.isScrolled {
  top: 0.5em;
  transform: translateY(0);
}
header.scroller.isScrolled h1 {
  display: none;
  pointer-events: none;
}
header h1 {
  font-size: var(--large);
  display: inline;
}
@media (max-width: 720px) {
  header h1 {
    letter-spacing: -0.1rem;
  }
}
header img {
  position: absolute;
  top: 9.5em;
  right: 20%;
  max-width: 30%;
  display: none;
}
header .row {
  font-size: var(--large);
  line-height: 0.85;
  letter-spacing: -3px;
}
header .row.ellipsis {
  justify-content: center;
}
@media (max-width: 520px) {
  header .row {
    letter-spacing: -0.1rem;
    -webkit-font-smoothing: antialiased;
  }
}
header .row span {
  float: right;
  margin-left: auto;
}
header .row span.page-title, header .row span.site-title {
  float: none;
  margin-left: 0;
}
header .row span.page-title {
  display: none;
}
@media (max-width: 320px) {
  header .row span {
    display: none;
  }
}
.close-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: transparent;
  z-index: 99;
  display: none;
}
.close-overlay:hover {
  cursor: pointer;
}

.menu {
  width: 48.25%;
  height: auto;
  background: white;
  box-shadow: 6px 2px 20px 0px rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 1em;
  left: 1em;
  border-radius: 2em;
  z-index: 100;
  padding: 1.5em;
  display: none;
}
@media (max-width: 720px) {
  .menu {
    width: 75%;
  }
}
.menu a {
  color: inherit;
  font-size: var(--large);
  letter-spacing: -2px;
  line-height: 0.9;
  display: block;
}
@media (max-width: 720px) {
  .menu a {
    letter-spacing: -0.05rem;
  }
}
.menu a:hover {
  color: #ccc;
}
.menu-trigger {
  transition: position 0.35s ease-in-out;
  position: relative;
}
.menu-trigger.sticky {
  font-size: 50%;
  background: white;
  border-radius: 2em;
  padding: 0.1em 0.5em;
  box-shadow: 6px 2px 20px 0px rgba(0, 0, 0, 0.25);
  letter-spacing: -0.1rem;
  width: 1em;
  height: 1em;
}
@media (max-width: 720px) {
  .menu-trigger.sticky {
    width: 2em;
    height: 2em;
  }
}
.menu-trigger.sticky img {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  display: block;
}
@media (max-width: 720px) {
  .menu-trigger.sticky img {
    width: 2em;
    height: 2em;
  }
}
.menu-trigger:hover {
  color: #ccc;
  cursor: pointer;
}

.archive figure {
  margin: 0 0 4em !important;
}
@media (max-width: 720px) {
  .archive figure {
    margin: 2em 0 2em !important;
  }
}
.archive figure figcaption {
  font-family: "mMono";
  font-size: var(--small);
  padding-top: 0.5em;
  letter-spacing: 0;
}
.archive figure img {
  border-radius: 1em;
}
.archive h2 {
  font-size: var(--large);
  text-align: center;
  letter-spacing: -3px;
  padding-bottom: 0.25em;
  line-height: 0.9;
}
@media (max-width: 720px) {
  .archive h2 {
    letter-spacing: -0.1rem;
  }
  .archive h2 br {
    display: none;
  }
}
.archive p {
  font-size: var(--large);
  padding-bottom: 0.9em;
  letter-spacing: -2px;
  line-height: 0.9;
}
.archive p:last-of-type {
  padding-bottom: 0.1em;
}
.archive p a {
  text-decoration: underline;
  text-decoration-thickness: 0.3rem;
  text-underline-offset: 0.3rem;
  color: inherit;
}
.archive p a:hover {
  color: #ccc;
}
.archive p sup {
  font-size: 7rem;
}
.archive .next h2, .archive .previously h2 {
  font-size: var(--large);
  text-align: left;
  padding-bottom: 0.2em;
}
@media (max-width: 720px) {
  .archive .next h2, .archive .previously h2 {
    padding: 0;
  }
}
.archive .subdomains {
  margin: 2.2em 0 1.1em;
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding: 1em 0;
  padding-bottom: 6.6em;
}
@media (max-width: 720px) {
  .archive .subdomains {
    padding-bottom: 1.1em;
    margin: 1.1em 0 1.1em;
    border-top: 0;
    border-bottom: 0;
  }
}
.archive .subdomains h2 {
  font-size: var(--large);
  text-align: left;
  padding: 0;
}
.archive .subdomains ul {
  list-style: none;
}
.archive .subdomains ul li {
  border: none;
  position: relative;
  font-family: "Girott";
  grid-template-columns: auto;
  padding-top: 0;
}
.archive .subdomains ul li .arrow {
  position: absolute;
  top: 0;
  right: 0;
  font-size: var(--large);
}
.archive .subdomains ul li a {
  font-size: var(--large);
  line-height: 0.85;
  letter-spacing: -3px;
  padding: 0;
  color: var(--black);
}
@media (max-width: 720px) {
  .archive .subdomains ul li a {
    letter-spacing: -0.1rem;
  }
}
.archive .subdomains ul li a .artist {
  display: none;
}
.archive .subdomains ul li a:hover {
  cursor: pointer;
}
.archive .subdomains ul li a:hover > .more-info {
  color: var(--black);
}
.archive .subdomains ul li a:hover .artist {
  display: block;
}
.archive .subdomains ul li a:hover .title {
  display: none;
}

main, footer {
  padding: 0rem 2rem;
  position: relative;
}
@media (max-width: 720px) {
  main, footer {
    padding: 0 1rem;
  }
}

main {
  padding-bottom: 12em;
}

footer {
  max-width: 1480px;
  margin: 1em auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 420px) {
  footer {
    flex-direction: column;
  }
}
footer .subscribe, footer .inline {
  flex: 1;
}
footer .subscribe a, footer .inline a {
  display: inline;
  -webkit-font-smoothing: antialiased;
  font-size: 2.1rem;
  font-family: "MMono";
  line-height: 1.1;
  letter-spacing: 0;
  color: var(--black);
}
@media (max-width: 720px) {
  footer .subscribe a, footer .inline a {
    font-size: var(--small);
  }
}
footer .subscribe a:hover, footer .inline a:hover {
  color: var(--hilite);
}
footer .inline a:not(:last-of-type):after {
  content: ", ";
}
footer p {
  font-family: var(--mono);
  -webkit-font-smoothing: antialiased;
  font-size: var(--small);
  line-height: 1.3;
  letter-spacing: 0;
  max-width: 75%;
}
@media (max-width: 420px) {
  footer p {
    max-width: 100%;
  }
}
footer .about, footer nav {
  flex: 1;
}
@media (max-width: 420px) {
  footer nav {
    margin-left: 0;
    flex: 1;
    margin-top: 1em;
  }
}
footer nav a {
  -webkit-font-smoothing: antialiased;
  font-size: var(--current);
  font-family: "MMono";
  line-height: 1.1;
  letter-spacing: 0;
  display: block;
}

.events {
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 20;
  width: auto;
  display: flex;
  flex-direction: row;
}
.events_bubble {
  background: white;
  padding: 0.25em 0.75em 0.2em;
  font-family: "MMono";
  font-size: 2.1rem;
  letter-spacing: 0;
  border-radius: 1.6em;
  box-shadow: 6px 2px 20px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 720px) {
  .events_bubble {
    font-size: var(--small);
    padding: 0.5em 1em 0.45em;
  }
}
.events_bubble:first-of-type {
  margin-right: 0.5em;
}
.events_bubble:hover {
  color: #ccc;
  cursor: pointer;
}

.null {
  pointer-events: none;
}

.archive ul {
  list-style: none;
}
@media (max-width: 720px) {
  .archive ul {
    padding-top: 0.55em;
  }
}
.archive ul li {
  font-family: "MMono";
  font-size: 2.1rem;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 4.5fr 0.5fr 1fr 1fr;
}
.archive ul li:hover span:not(.block-content) {
  color: var(--hilite);
  cursor: pointer;
}
@media (max-width: 720px) {
  .archive ul li {
    font-size: var(--small);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 1.3;
  }
}
@media (max-width: 720px) {
  .archive ul li .archive-date, .archive ul li .archive-type {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .archive ul li .title {
    max-width: 90%;
  }
}
.archive ul li .block-content {
  margin: 1.1em 0;
  display: none;
}
@media (max-width: 720px) {
  .archive ul li .block-content {
    width: calc(100vw - 1em);
  }
}
.archive ul li .block-content figure {
  margin-bottom: 1.1em !important;
}
.archive ul li .block-content figure figcaption {
  font-size: var(--small);
}
.archive ul li .block-content p {
  font-family: "MMono";
  font-size: 2.1rem;
  line-height: 1.3;
  letter-spacing: 0;
}
@media (max-width: 720px) {
  .archive ul li .block-content p {
    font-size: var(--small);
  }
}
.archive ul li .block-content p a {
  text-decoration: underline;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 0.2rem;
}
.archive ul li .block-content ul li {
  border: none !important;
  padding: 0 !important;
}
.archive ul li .block-content ul li a {
  color: var(--black);
}
.archive ul li .block-content ul li a:hover {
  color: var(--hilite);
}
.archive ul li .outer-link {
  text-align: center;
}
@media (max-width: 720px) {
  .archive ul li .outer-link {
    margin-left: auto;
  }
}
.archive ul li .title {
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .archive ul li .title {
    max-width: 100%;
  }
}

.false {
  display: none !important;
}

.text {
  margin-top: 4.4em;
  max-width: 85%;
}
.text p {
  font-size: var(--current);
  font-family: "MMono";
  line-height: 1.2;
}
.text p + p {
  margin-top: 1.1em;
}

.current {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 1em;
  padding-bottom: 1em;
}
.current-single {
  width: 49.25%;
  height: 45vh;
  padding: 0.75em;
  position: relative;
  background: var(--red);
  color: white;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  border-radius: 1em;
  font-family: "MMono";
  line-height: 1.1;
  font-size: var(--current);
  display: flex;
}
@media (max-width: 720px) {
  .current-single {
    width: 100%;
    height: 35vh;
    margin-bottom: 0.5em;
  }
}
@media (max-width: 320px) {
  .current-single {
    line-height: 1.2;
  }
}
.current-single-title {
  text-align: left !important;
}
.current-single-type {
  display: block;
  text-align: center;
  text-transform: capitalize;
}
.current-single img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  transition: opacity 0.35s ease-in-out;
}
.current-single.full {
  width: 100%;
  margin-top: 0.5em;
  background: rgba(0, 0, 0, 0.8) !important;
  color: white;
}
.current-single.full p {
  font-family: "MMono";
  line-height: 1.1;
  font-size: var(--current);
}
.current-single.full p a {
  text-decoration: underline;
  text-decoration-thickness: 0.3rem;
  text-underline-offset: 0.3rem;
}
.current-single + .current-single {
  background: #ccc;
}
.current-single:hover img {
  opacity: 0;
  pointer-events: none;
}
.current-single a {
  color: inherit;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.current-single a:hover {
  color: inherit;
}

/*# sourceMappingURL=style.css.map */