:root {
  --base1: #93a1a1;
  --base03: #002b36;
  --base2: #eee8d5;
  --base02: #073642;
  --base01: #586e75;
  --base00: #657b83;
  --base0-4: #839496;
  --base3: #fdf6e3;
  --yellow: #b58900;
  --orange: #cb4b16;
  --red: #dc322f;
  --magenta: #d33682;
  --violet: #6c71c4;
  --blue: #268bd2;
  --cyan: #2aa198;
  --green: #859900;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--base1);
  color: var(--base03);
  font-family: urw-din, sans-serif;
  font-weight: 400;
}

a {
  color: var(--base03);
  text-decoration: none;
}

a:hover {
  color: var(--base2);
}

.body {
  object-position: 50% 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.happenings-image {
  width: 50vw;
  max-width: 50vw;
  height: 50vw;
}

.superscript {
  font-size: 50%;
  line-height: 50%;
  position: relative;
  top: -2.8vw;
}

.light-dusting-image {
  min-width: 180%;
  max-width: 180%;
  display: block;
}

.dropstones-image {
  max-width: none;
  height: 100%;
}

.halfway-starter {
  z-index: 1;
  font-size: 8vw;
  line-height: 8vw;
  position: absolute;
  top: 50vh;
}

.list-link {
  font-size: 8vw;
  line-height: 8vw;
}

.prime-image, .seconds-image, .catalyst-image, .lowing-image, .amateur-v1-image, .guitar-drums-image, .ansible-image {
  max-width: none;
  min-height: 100%;
  max-height: 100%;
  position: relative;
}

.sf-image {
  min-width: 100%;
  max-width: none;
  position: relative;
  top: -20%;
}

.perish-image {
  max-width: none;
  min-height: 100%;
  max-height: 100%;
  position: relative;
}

.komino-image, .if-image {
  min-width: 100%;
  max-width: none;
  position: relative;
}

.fvey-image {
  min-width: 310%;
  max-width: 310%;
  position: relative;
  left: 51%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.small-text {
  font-family: prestige-elite-std, sans-serif;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.small-text.category {
  margin-top: 6vw;
}

.small-text.about {
  width: 53vw;
}

.about-body {
  line-height: 2.4px;
}

.tasteless-education-image {
  min-width: 320%;
  max-width: 320%;
  display: block;
}

.fang-direction-image {
  min-width: 160%;
  max-width: 160%;
  display: block;
}

.home-page-list {
  flex-direction: column;
  width: 100vw;
  margin-top: 50vh;
  line-height: 8px;
  display: flex;
}

.visual-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100vw;
  margin-top: 1vw;
}

.grid-item {
  object-fit: none;
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 33.33vw;
  display: flex;
  overflow: hidden;
}

.grid-item:hover {
  filter: invert();
}

.upcoming {
  display: none;
}

.perish-editions-image {
  max-width: none;
  min-height: 160%;
  max-height: 100%;
  position: relative;
}

.breathe-image {
  min-width: 160%;
  max-width: 160%;
  display: block;
}

@media screen and (max-width: 991px) {
  .body {
    flex-direction: column;
  }

  .light-dusting-image {
    display: block;
  }

  .halfway-starter {
    display: none;
  }

  .halfway-starter.about {
    display: block;
  }

  .list-link:hover {
    color: #000;
  }

  .small-text {
    width: 64vw;
    font-size: 1.8vw;
    line-height: 1.8vw;
  }

  .small-text.about {
    width: 63vw;
  }

  .tasteless-education-image, .fang-direction-image {
    display: block;
  }

  .grid-item.upcoming {
    display: none;
  }

  .breathe-image {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .small-text {
    width: 100vw;
    font-size: 3.5vw;
    line-height: 3.5vw;
  }

  .small-text.about {
    width: 100vw;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4a6d7a2b-861e-bb80-d44b-0cabf78b1c55-a0f7f2c7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}