@charset "UTF-8";
/* Theme Name: 3x5co new
 * Theme URI: http://3x5.co
 * Description: Now emancipated from framework.
 *
 * Author: Morgan Nunan
 * Version: 1.1 */
/* */
@font-face {
  font-family: "junction";
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/3x5co/fonts/junction.woff") format("woff"); }
@font-face {
  font-family: "alte-haas-grotesk";
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/3x5co/fonts/alte-haas-grotesk.woff") format("woff"); }
@font-face {
  font-family: "alte-haas-grotesk-bold";
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/3x5co/fonts/alte-haas-grotesk-bold.woff") format("woff"); }
@font-face {
  font-family: "awconquerorcarved-one";
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/3x5co/fonts/awconquerorcarved-one.woff") format("woff"); }
@font-face {
  font-family: "open-sans-light-italic";
  font-weight: normal;
  font-style: normal;
  src: url("/wp-content/themes/3x5co/fonts/open-sans-light-italic.woff") format("woff"); }
html, body, div, span, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, address,
cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, var, b,
u, i, center, textarea, dl, dt, dd, ol, ul, li,
fieldset, figure, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article {
  padding: 0;
  margin: 0;
  border: 0 none;
  outline: 0 none;
  box-sizing: border-box;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  vertical-align: baseline;
  background: none repeat scroll 0% 0% transparent; }

ol, ul {
  list-style: none inside; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: none; }

*:focus {
  outline: 0 none; }

html {
  position: relative;
  padding: 0;
  min-height: 100%;
  background: #000;
  font-size: 100.01%;
  margin: 0px 0px 0.01em; }

body {
  padding: 0;
  position: relative;
  font-family: "junction";
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-items: stretch;
  -ms-flex-item-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-content-align: stretch;
  align-content: stretch;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  height: 100vh;
  color: #998;
  line-height: 2rem;
  background-position: center 5rem;
  background-repeat: no-repeat; }
  body:not(.editor-styles-wrapper) {
    overflow: hidden; }
  body > img {
    position: fixed;
    top: 0;
    max-width: calc(100% - 8rem);
    min-height: 100%;
    margin: 0 auto;
    object-fit: cover;
    object-position: top center; }
    @media screen and (min-width: 800px) {
      body > img {
        top: 5rem; } }
    @media screen and (min-width: 1040px) {
      body > img {
        max-width: calc(100% - 8rem);
        left: 2rem;
        right: 3rem; } }
    @media screen and (max-width: 1040px) {
      body > img {
        max-width: 100%; } }
  .dj body > img {
    opacity: 0.7; }
  .art body > img {
    opacity: 0.3; }

br {
  clear: both; }

hr {
  padding: 0;
  clear: both;
  border: medium none;
  color: #000;
  height: 1px;
  background-color: #000; }

article h1, article h2, article header, article h3, article h4, article h5, article h6, dialog h1, dialog h2, dialog header, dialog h3, dialog h4, dialog h5, dialog h6 {
  max-width: 53rem;
  color: #787868;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 1040px) {
    article h1, article h2, article header, article h3, article h4, article h5, article h6, dialog h1, dialog h2, dialog header, dialog h3, dialog h4, dialog h5, dialog h6 {
      margin-left: auto;
      margin-right: auto; } }
  article h1 a, article h2 a, article header a, article h3 a, article h4 a, article h5 a, article h6 a, dialog h1 a, dialog h2 a, dialog header a, dialog h3 a, dialog h4 a, dialog h5 a, dialog h6 a {
    text-decoration: none; }
article h2, article h3, article h4, article h5, article h6, dialog h2, dialog h3, dialog h4, dialog h5, dialog h6 {
  clear: both;
  text-transform: uppercase;
  word-spacing: 0.25em; }

h1 {
  font-weight: normal;
  font-size: 3rem;
  line-height: 4rem; }
  h1 a {
    text-decoration: none; }
  .indexpost h1 {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 1rem;
    text-transform: none;
    font-weight: normal;
    font-size: 2rem;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 3rem; }

h2, dialog header {
  font-size: 2.25rem; }

h3 {
  font-size: 2.5rem; }

h4 {
  font-size: 2rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1.125rem; }

a {
  text-decoration: none; }
  a:link, a:visited {
    transition: all 0.2s ease-in-out;
    color: #c0dbf0; }
    a:link:hover, a:visited:hover {
      color: #9fd7ff;
      text-shadow: 0 0 0.25rem rgba(192, 219, 240, 0.7); }
  a[href="#"]:after, a[href="#top"]:after {
    content: "↑"; }
  #footer a[href*="/feed"] {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    padding-right: 1.125rem;
    background-position: right top;
    background-size: auto 0.75rem; }
    #footer a[href*="/feed"]:hover {
      background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"/%3E%3C/svg%3E');
      background-repeat: no-repeat; }

ol {
  padding-left: 2rem;
  margin-bottom: 4rem;
  margin-top: 2rem;
  list-style-position: outside; }
  ol ol {
    padding-left: 1.125rem;
    padding-top: 2rem; }
  ol li {
    margin-left: 1.125rem;
    padding-left: 5px;
    list-style-type: decimal;
    list-style-position: outside; }
    ol li li {
      list-style-type: upper-alpha; }
      ol li li li {
        list-style-type: decimal; }
        ol li li li li {
          list-style-type: lower-alpha; }
          ol li li li li li {
            list-style-type: lower-roman; }

main ul {
  padding-left: 2rem;
  list-style-position: inside; }
  main ul li {
    margin-bottom: 2rem;
    padding-left: 1.25rem;
    margin-left: 0;
    list-style-type: disc;
    list-style-position: outside; }
  main ul ul {
    margin-top: 2rem; }
main p {
  margin-top: 2rem;
  margin-bottom: 2rem; }

em, i, blockquote, q {
  font-family: "open-sans-light-italic"; }

q {
  line-height: 0; }
  q:before {
    content: "“"; }
  q:after {
    content: "”"; }

blockquote {
  position: relative;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  z-index: 1;
  font-size: 1.25rem; }

sup, sub {
  font-size: 0.75em;
  line-height: 0;
  padding: 0 1px; }

sup {
  position: relative;
  top: -0.5rem; }

sub {
  position: relative;
  top: 2px; }

small {
  font-size: 0.75rem;
  line-height: 0; }

strong, b {
  font-weight: normal;
  font-family: "awconquerorcarved-one";
  color: #fff;
  line-height: 0;
  letter-spacing: 1px; }

code {
  display: block;
  overflow: scroll;
  width: 18rem; }

kbd {
  font-size: 1em;
  background: #ccb;
  padding: 0 0.25rem;
  outline: 1px solid #999;
  color: #59594F;
  border: 2px solid #ddc;
  border-top: 1px outset #eed;
  border-bottom: 0.25rem outset #ffe; }

pre {
  overflow: scroll; }

samp {
  background: #eee;
  padding: 0 2px; }

dfn {
  font-style: italic;
  line-height: 0;
  cursor: help;
  border-bottom: 1px dotted black;
  font-family: inherit; }
  dfn:hover:after {
    content: " (" attr(title) ")"; }

abbr {
  cursor: help;
  border-bottom: 1px dotted black; }
  abbr:hover:after {
    content: " (" attr(title) ")"; }

ins {
  text-decoration: none; }
  ins:before, ins:after {
    color: #b7b6a7; }
  ins:before {
    content: "["; }
  ins:after {
    content: "]"; }

del {
  color: #59594F;
  text-decoration: line-through; }

address:first-line {
  font-weight: 900; }

li, dt, dd {
  word-spacing: 0.25em; }

dl, dl p {
  font-size: 0.875rem; }

dt {
  padding-bottom: 30px;
  font-size: 1rem; }

dd {
  font-size: 0.875rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 4rem; }

dd i, dd em, dt i, dt em, dt i, dt em {
  font-size: 1rem; }

dt, dd {
  padding-bottom: 4rem;
  padding-left: 0;
  padding-right: 0;
  font-size: 0.875rem; }

cite {
  font-size: 0.875rem;
  float: right;
  text-align: right;
  padding-bottom: 2rem;
  font-weight: normal;
  text-decoration: none;
  border-bottom: none; }
  cite:after {
    content: ""; }

big {
  font-size: 1.5rem; }

dialog {
  padding: 0;
  border: 0 none;
  color: inherit; }

::selection {
  background: #b7b6a7;
  color: #000; }

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

@media screen and (min-width: 1040px) {
  ::-webkit-scrollbar {
    width: 1rem;
    height: 1rem; }

  ::-webkit-scrollbar-track {
    background: rgba(6, 6, 0, 0.8); }

  ::-webkit-scrollbar-thumb {
    background: rgba(63, 63, 53, 0.5); }
    ::-webkit-scrollbar-thumb:hover {
      background: rgba(63, 63, 53, 0.7); } }
input::placeholder, textarea::placeholder {
  transition: all 0.2s ease-in-out;
  color: #d3d3ca; }
input:focus::placeholder, textarea:focus::placeholder {
  color: transparent; }

legend {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font-size: 1.125rem; }

fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-item-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-content-align: center;
  align-content: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }

input, textarea, button, select {
  box-sizing: border-box;
  vertical-align: middle;
  margin-bottom: 0.75rem;
  font-family: inherit; }

input, textarea, select {
  border: 0 none;
  color: #4f4f45; }

input, select, button {
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 0.75rem; }

input, textarea {
  transition: all 0.2s ease-in-out;
  font-size: 1rem;
  padding: 4px 0.75rem 0 0.75rem;
  background: #3f3f35;
  color: #d3d3ca; }
  input:hover, input:focus, textarea:hover, textarea:focus {
    color: #fff; }
  input:hover, textarea:hover {
    background: #4f4f45; }
  input:focus, textarea:focus {
    background: #59594F; }

#respond textarea {
  height: 15rem; }

select {
  font-size: 1rem;
  padding: 0.75rem 0.5rem 0.5rem 0.5rem; }

option {
  padding: 0.5rem; }

textarea {
  overflow: auto;
  height: 10rem;
  line-height: 2rem;
  resize: vertical; }

button {
  transition: all 0.2s ease-in-out;
  font-size: 0.875rem;
  font-family: "awconquerorcarved-one";
  letter-spacing: 1px;
  word-spacing: 0.25em;
  color: #c2c2bb;
  border: 1px solid #59594F;
  background: linear-gradient(#4f4f45, #3f3f35);
  cursor: pointer;
  text-shadow: 0 -1px 1px #000; }
  button:hover {
    background: linear-gradient(#59594F, #3f3f35); }
  button:active {
    background: linear-gradient(#3f3f35, #3f3f35); }

label {
  cursor: pointer; }

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0 0.5rem 0 0;
  height: 1.25rem;
  width: 1.25rem;
  appearance: none;
  border: 3px solid #3f3f35; }
  input[type="checkbox"]:checked {
    background: linear-gradient(-45deg, transparent calc(50% - 3px), #898879 calc(50% - 3px), #898879 calc(50% + 3px), transparent calc(50% + 3px)), linear-gradient(45deg, transparent calc(50% - 3px), #898879 calc(50% - 3px), #898879 calc(50% + 3px), transparent calc(50% + 3px)) #3f3f35;
    background-repeat: no-repeat;
    background-position: center; }
  input[type="checkbox"] + label {
    margin-right: 2rem; }

#searchform {
  position: relative; }
  @media screen and (min-width: 800px) {
    #searchform {
      width: 14.5rem; } }
  #searchform button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23998" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    border: 0 none;
    width: 2.5rem;
    background-position: center;
    background-size: 1.25rem auto;
    background-color: transparent; }
    #searchform button:focus {
      background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/%3E%3C/svg%3E');
      background-repeat: no-repeat; }
  #searchform input {
    display: block;
    width: 100%;
    margin-bottom: 0; }
    #searchform input:focus + button {
      background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23b7b6a7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/%3E%3C/svg%3E');
      background-repeat: no-repeat; }
      #searchform input:focus + button:hover, #searchform input:focus + button:active {
        background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/%3E%3C/svg%3E');
        background-repeat: no-repeat; }

.wpcf7 {
  margin: 0;
  padding: 0; }

.wpcf7-form {
  position: relative; }
  .wpcf7-form p {
    margin-top: 2rem;
    margin-bottom: 0.75rem; }

.wpcf7-form-control-wrap {
  position: relative; }

.wpcf7-list-item {
  margin-left: 0.5rem; }

.wpcf7-display-none,
.screen-reader-response {
  position: fixed;
  right: 100vw; }

.wpcf7-not-valid-tip {
  position: absolute;
  right: 0;
  font-size: 0.875rem;
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23ffec6f" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"%3E%3Cpath d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  text-indent: 1.5rem;
  z-index: 100;
  background-color: #060600;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  color: #ffec6f;
  background-size: 1rem auto;
  background-position: 0.5rem center;
  line-height: 1.125rem; }

.wpcf7-response-output {
  margin: 0;
  font-size: 0.875rem;
  color: #fff;
  min-height: 2rem;
  line-height: 1.125rem; }

.ajax-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.7) 2rem);
  z-index: 3; }
  .submitting .ajax-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-content-align: center;
    align-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }
  .ajax-loader::before, .ajax-loader::after {
    content: ""; }
  .ajax-loader::before {
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    font-size: 0;
    height: 4rem;
    width: 4rem;
    background: #59594F;
    border: 0.75rem solid transparent;
    border-top-color: #998;
    border-right-color: #998;
    animation: rot8n 0.6s linear infinite; }
  .ajax-loader::after {
    display: block;
    position: absolute;
    font-size: 0;
    line-height: 0;
    height: 0;
    top: 100%; }

fieldset.hidden-fields-container {
  position: fixed;
  right: 100vw; }

@keyframes rot8n {
  to {
    transform: rotate(360deg); } }
#footer p.error {
  margin-bottom: 0;
  color: #ffec6f; }

.jetpack_subscription_widget fieldset ~ fieldset,
#footer form fieldset ~ fieldset {
  margin-top: 2rem;
  position: relative;
  display: inline-block; }
.jetpack_subscription_widget button,
#footer form button {
  position: absolute;
  border: 0 none;
  font-size: 0;
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23998" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 1.25rem;
  right: 0.5rem; }
  .jetpack_subscription_widget button:hover, .jetpack_subscription_widget button:focus,
  #footer form button:hover,
  #footer form button:focus {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z"/%3E%3C/svg%3E');
    background-repeat: no-repeat; }

.wpcf7-text {
  max-width: 100%; }

.submitting {
  opacity: 0.5; }

.jetpack_subscription_widget p {
  display: inline-block; }
@media screen and (min-width: 1040px) {
  .jetpack_subscription_widget [type='email'] {
    width: 15rem; } }

.screen-reader-text {
  position: fixed;
  right: 100vw; }

#contact form {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto; }
#contact p {
  margin: 0; }
#contact label {
  display: none; }
#contact input, #contact textarea {
  width: 100%; }
#contact .wpcf7 {
  max-width: 15rem; }
  #contact .wpcf7 > span {
    display: block; }

.wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-items: stretch;
  -ms-flex-item-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-content-align: stretch;
  align-content: stretch;
  -webkit-justify-content: stretch;
  -ms-justify-content: stretch;
  justify-content: stretch;
  min-height: 100vh;
  overflow-y: auto;
  z-index: 1; }
  .wrap > div:first-child {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 5rem, transparent 30rem); }
    @media screen and (min-width: 800px) {
      .wrap > div:first-child {
        padding: 0 2rem; } }
    .wrap > div:first-child > div:first-child {
      margin: 0 auto; }
      @media screen and (max-width: 800px) {
        .wrap > div:first-child > div:first-child {
          background: rgba(6, 6, 0, 0.8); } }

[role='banner'] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-item-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-content-align: center;
  align-content: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto 4rem auto; }
  .dj [role='banner'] {
    max-width: 108rem; }
  .art [role='banner'] {
    max-width: 111rem; }
  [role='banner'] nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-content-align: center;
    align-content: center;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end; }
  @media screen and (max-width: 800px) {
    [role='banner'] {
      padding-left: 1.5rem;
      background: #000; }
      [role='banner'] nav {
        display: none;
        position: fixed;
        text-align: center;
        padding: 4rem 0.75rem 0.75rem;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(6, 6, 0, 0.9);
        z-index: 1; } }

.logo:link, .logo:visited {
  font-family: "alte-haas-grotesk-bold";
  padding: 0;
  text-align: left;
  transition: all 0.2s ease-in-out;
  font-size: 3.5rem;
  line-height: 5rem;
  color: #898879; }
  .logo:link:hover, .logo:visited:hover {
    text-decoration: none;
    text-shadow: none; }

#menu {
  font-family: "awconquerorcarved-one";
  font-size: 0.875rem;
  list-style: none; }
  @media screen and (min-width: 800px) {
    #menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: center;
      -ms-flex-item-align: center;
      align-items: center;
      -webkit-align-content: center;
      -ms-flex-content-align: center;
      align-content: center;
      -webkit-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; } }
  @media screen and (max-width: 800px) {
    #menu {
      margin-bottom: 2rem;
      font-size: 1.125rem; } }
  #menu li {
    margin: 0;
    padding: 0;
    list-style: none; }
  #menu a {
    display: block;
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    letter-spacing: 1px;
    padding: 0 2.5rem 0 0;
    color: #b7b6a7; }
    #menu a:focus, #menu a:hover, #menu a:active {
      outline: 0 none;
      color: #9fd7ff;
      text-shadow: 0 0 1rem #fff; }
    @media screen and (min-width: 800px) {
      #menu a {
        height: 2rem;
        line-height: 2rem; } }
    @media screen and (max-width: 800px) {
      #menu a {
        padding: 0.5rem 1rem; } }

.mobile[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: absolute;
  border: 0 none;
  margin: 0;
  background: linear-gradient(to bottom, #998 20%, transparent 20%, transparent 40%, #998 40%, #998 60%, transparent 60%, transparent 80%, #998 80%) transparent;
  top: 1.5rem;
  right: 1.5rem;
  width: 2rem;
  height: 2rem;
  z-index: 2; }
  .mobile[type='checkbox']:hover {
    background-color: unset; }
  .mobile[type='checkbox']:checked {
    background: linear-gradient(-45deg, transparent calc(50% - 3px), #998 calc(50% - 3px), #998 calc(50% + 3px), transparent calc(50% + 3px)), linear-gradient(45deg, transparent calc(50% - 3px), #998 calc(50% - 3px), #998 calc(50% + 3px), transparent calc(50% + 3px)) transparent;
    background-repeat: no-repeat;
    background-position: center; }
    .mobile[type='checkbox']:checked + nav {
      display: block; }
  @media screen and (min-width: 800px) {
    .mobile[type='checkbox'] {
      display: none; } }

.meta, .post-edit-link {
  font-size: 0.875rem; }

.meta {
  margin-bottom: 4rem;
  color: #998;
  word-spacing: 0.25em; }

main {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-sizing: border-box;
  padding-bottom: 2rem;
  z-index: 0;
  min-height: 5rem; }
  main img {
    max-width: 100%;
    max-height: 100%; }
  main nav {
    overflow: auto;
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-content-align: center;
    align-content: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    max-width: 53rem;
    border-top: 1px solid #22221c;
    margin: 4rem auto; }
  main p, main ul {
    word-spacing: 0.25em; }
  @media screen and (min-width: 800px) {
    main h1 {
      padding-top: 6rem; } }
  main h1::before {
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: -4rem;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0 2px 6px #000; }
    @media screen and (min-width: 800px) {
      main h1::before {
        content: ""; } }
    @media screen and (min-width: 1040px) {
      main h1::before {
        margin-left: -4.5rem;
        width: 62rem; } }
    @media screen and (max-width: 1040px) {
      main h1::before {
        left: 0;
        right: 0; } }
  main article {
    position: relative; }
    @media screen and (max-width: 1040px) {
      main article {
        width: auto;
        padding-left: 3rem;
        padding-right: 3rem; } }
    @media screen and (max-width: 800px) {
      main article {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
  main > article > h2, main > article > h3, main > article > h4, main > article > h5 {
    margin-left: auto;
    margin-right: auto;
    font-family: "awconquerorcarved-one";
    padding-top: 2rem;
    letter-spacing: 1px; }
    @media screen and (max-width: 800px) {
      main > article > h2, main > article > h3, main > article > h4, main > article > h5 {
        text-shadow: 0 0 10px #060600; } }
  main > article > p, main > article > ul, main > article > ol, main > article > hr, main > article > figure {
    max-width: 53rem; }
    @media screen and (max-width: 800px) {
      main > article > p, main > article > ul, main > article > ol, main > article > hr, main > article > figure {
        text-shadow: 0 0 6px #060600; } }
  @media screen and (min-width: 1040px) {
    main > article > p, main > article > ul, main > article > ol {
      margin-left: auto;
      margin-right: auto;
      padding-right: 14rem; } }
  @media screen and (max-width: 1040px) {
    main > article > p, main > article > ul, main > article > ol {
      max-width: 39rem; } }
  .interior main {
    max-width: 86rem; }
  .archives main {
    position: relative; }
  .dj .archives main {
    max-width: 64rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-item-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-content-align: flex-start;
    align-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
  .art .archives main {
    max-width: 102rem; }

.card {
  display: block;
  width: 15rem;
  aspect-ratio: 3/5;
  box-shadow: 0 0.3em 1.5rem #000;
  margin: 1rem;
  background: #c2c2bb;
  overflow: hidden; }
  .dj .card {
    margin: 0.5rem; }
  .card:hover, .card:focus, .card:active {
    box-shadow: 0 0.3em 2.5rem rgba(255, 255, 255, 0.2); }

.thumbcard img {
  mix-blend-mode: multiply; }
.thumbcard:hover {
  opacity: 1;
  background: #fff; }
  .thumbcard:hover img {
    mix-blend-mode: unset; }

.infocard {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 4px #000;
  background-color: rgba(6, 6, 0, 0.9);
  margin: 1rem;
  padding: 0.5rem; }
  .infocard h1, .infocard h2, .infocard h3, .infocard p {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .infocard img {
    transition: all 0.2s ease-in-out;
    margin-bottom: 0.75rem;
    opacity: 0.7;
    aspect-ratio: 1/1;
    border: 3px solid transparent;
    object-fit: cover; }
  .infocard:hover img {
    opacity: 1; }
  .infocard h2,
  .infocard h3 {
    transition: all 0.2s ease-in-out;
    font-family: "junction";
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #898879;
    word-spacing: 0;
    line-height: 1.25rem; }
  .infocard h2 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem; }
  .infocard h3 {
    font-size: 1rem; }
  .infocard p {
    font-size: 0.875rem;
    margin-top: 0;
    line-height: 1.25rem; }
  .infocard .meta {
    position: absolute;
    text-align: right;
    font-size: 0.75rem;
    bottom: 0.75rem;
    right: 1rem;
    border-top: 1px solid #4f4f45;
    margin-top: -1px;
    width: 12rem; }
  .infocard:hover {
    text-decoration: none;
    background-color: #060600; }
    .infocard:hover h2,
    .infocard:hover h3 {
      color: #fff;
      text-shadow: 0 0 6px rgba(255, 255, 255, 0.5); }
    .infocard:hover img {
      border-color: #898879; }

.landscape {
  width: unset;
  height: 15rem;
  aspect-ratio: 5/3; }
  @media screen and (max-width: 480px) {
    .landscape {
      height: 13rem; } }

.nocard {
  font-size: 0;
  margin: 0 6px;
  width: 15rem;
  margin: 1rem;
  height: 0;
  line-height: 0;
  font-size: 0; }

.indexpost {
  padding-top: 30px; }
  .indexpost em {
    font-family: "junction";
    color: #c2c2bb;
    word-break: break-word;
    hyphens: auto; }

.archives a.category-cards:hover {
  text-decoration: none;
  background: #fff;
  outline: 2px solid #f6f5e5; }

.alignleft {
  float: left;
  margin: 2rem 2rem 2rem -2rem; }

.alignright {
  float: right;
  margin: 2rem 0 2rem 2rem; }

.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.alignnone {
  float: none;
  margin: 2px 0 0 -2rem; }

.placed, .placed2, .dl {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 800px) {
    .placed, .placed2, .dl {
      max-width: 40rem; }
      .placed img, .placed2 img, .dl img {
        max-width: 25rem; } }

.placed img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

.circle img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

.dl img {
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  border-radius: 0.75rem;
  border: 3px solid #59594F;
  box-shadow: 0 0 4rem rgba(192, 219, 240, 0.2); }
.dl header {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0.5rem 0; }
.dl div::before {
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23c0dbf0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-143.6-28.9L288 302.6V120c0-13.3-10.7-24-24-24h-16c-13.3 0-24 10.7-24 24v182.6l-72.4-75.5c-9.3-9.7-24.8-9.9-34.3-.4l-10.9 11c-9.4 9.4-9.4 24.6 0 33.9L239 404.3c9.4 9.4 24.6 9.4 33.9 0l132.7-132.7c9.4-9.4 9.4-24.6 0-33.9l-10.9-11c-9.5-9.5-25-9.3-34.3.4z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
  content: "";
  height: 2rem;
  width: 2rem;
  z-index: 1;
  text-shadow: 0 0 0.5rem #000;
  background-position: left center;
  vertical-align: middle; }
.dl:hover div::before {
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-143.6-28.9L288 302.6V120c0-13.3-10.7-24-24-24h-16c-13.3 0-24 10.7-24 24v182.6l-72.4-75.5c-9.3-9.7-24.8-9.9-34.3-.4l-10.9 11c-9.4 9.4-9.4 24.6 0 33.9L239 404.3c9.4 9.4 24.6 9.4 33.9 0l132.7-132.7c9.4-9.4 9.4-24.6 0-33.9l-10.9-11c-9.5-9.5-25-9.3-34.3.4z"/%3E%3C/svg%3E');
  background-repeat: no-repeat; }
.dl:hover img {
  border: 3px solid #9fd7ff;
  box-shadow: 0 0 4rem rgba(192, 219, 240, 0.5); }

/* asidesbar  */
.margin {
  position: absolute;
  width: 16rem;
  right: -20rem; }
  .margin p {
    font-size: 0.875rem; }
    .margin pfirst-child {
      margin-top: 0; }

.disc-gallery,
.card-gallery {
  margin-top: 2rem; }
  @media screen and (max-width: 800px) {
    .disc-gallery,
    .card-gallery {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: center;
      -ms-flex-item-align: center;
      align-items: center;
      -webkit-align-content: center;
      -ms-flex-content-align: center;
      align-content: center;
      -webkit-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; } }
  @media screen and (min-width: 800px) {
    .disc-gallery,
    .card-gallery {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: flex-start;
      -ms-flex-item-align: flex-start;
      align-items: flex-start;
      -webkit-align-content: flex-start;
      -ms-flex-content-align: flex-start;
      align-content: flex-start;
      -webkit-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start; } }
  .disc-gallery > figure,
  .card-gallery > figure {
    position: relative;
    margin: 0; }
    .disc-gallery > figure.landscape,
    .card-gallery > figure.landscape {
      max-width: unset; }
    .disc-gallery > figure a,
    .card-gallery > figure a {
      display: block;
      line-height: 0; }
    .disc-gallery > figure img,
    .card-gallery > figure img {
      transition: all 0.2s ease-in-out; }
    @media screen and (min-width: 1040px) {
      .disc-gallery > figure,
      .card-gallery > figure {
        z-index: 6; } }

.card-gallery {
  margin-left: -1rem;
  margin-right: -1rem; }
  .card-gallery article {
    padding: 0 2.5rem; }
    @media screen and (min-width: 1040px) {
      .card-gallery article {
        width: 100%; } }
    @media screen and (max-width: 800px) {
      .card-gallery article {
        padding: 0 4rem 4rem; } }
  .card-gallery > figure {
    max-width: 15rem;
    margin: 1rem; }
    @media screen and (max-width: 480px) {
      .card-gallery > figure {
        max-width: 13rem; } }
    .card-gallery > figure a {
      transition: all 0.2s ease-in-out;
      background: #c2c2bb; }
      .card-gallery > figure a img {
        mix-blend-mode: multiply; }
      .card-gallery > figure a:hover, .card-gallery > figure a:focus, .card-gallery > figure a:active {
        box-shadow: 0 0.3em 2.5rem rgba(255, 255, 255, 0.2); }
        .card-gallery > figure a:hover img, .card-gallery > figure a:focus img, .card-gallery > figure a:active img {
          mix-blend-mode: unset; }

dialog {
  position: fixed;
  text-align: center;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -ms-flex-item-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-content-align: center;
  align-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  -ms-flex-item-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-content-align: flex-start;
  align-content: flex-start;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  dialog article, dialog h2 {
    box-sizing: border-box;
    padding-top: 0; }
  dialog h2 {
    font-family: "junction";
    text-transform: unset; }
  dialog p {
    text-align: left; }
  dialog > div {
    width: 100%;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto; }
  dialog:target {
    outline: 0 none;
    visibility: visible;
    opacity: 1; }
  dialog > a {
    top: 0;
    bottom: 0; }
    dialog > a.prev, dialog > a.next {
      position: fixed;
      vertical-align: middle;
      font-size: 0;
      z-index: 2;
      height: 4rem;
      width: 4rem;
      background: rgba(0, 0, 0, 0.8);
      margin: auto; }
      @media screen and (max-width: 800px) {
        dialog > a.prev, dialog > a.next {
          margin: auto auto 0 auto;
          height: 3rem;
          width: 3rem; } }
      dialog > a.prev:before, dialog > a.next:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
        margin: auto;
        content: "";
        height: 2rem;
        width: 1.25rem;
        border-top: 1rem solid transparent;
        border-bottom: 1rem solid transparent; }
        @media screen and (max-width: 480px) {
          dialog > a.prev:before, dialog > a.next:before {
            height: 1rem;
            width: 0.75rem;
            border-top-width: 0.5rem;
            border-bottom-width: 0.5rem; } }
    @media screen and (min-width: 1040px) {
      dialog > a[href="#_"] {
        left: 0;
        bottom: 0; } }
    dialog > a.prev {
      left: 1.25rem; }
      @media screen and (max-width: 1040px) {
        dialog > a.prev {
          left: 0.5rem; } }
      dialog > a.prev:before {
        border-right: 1.25rem solid #c2c2bb; }
        @media screen and (max-width: 480px) {
          dialog > a.prev:before {
            border-right-width: 0.625rem; } }
      dialog > a.prev:hover::before, dialog > a.prev:focus::before, dialog > a.prev:active::before {
        border-right-color: #fff; }
    dialog > a.next {
      right: 1.25rem; }
      @media screen and (max-width: 1040px) {
        dialog > a.next {
          right: 0.5rem; } }
      dialog > a.next:before {
        border-left: 1.25rem solid #c2c2bb; }
        @media screen and (max-width: 480px) {
          dialog > a.next:before {
            border-left-width: 0.625rem; } }
      dialog > a.next:hover::before, dialog > a.next:focus::before, dialog > a.next:active::before {
        border-left-color: #fff; }
  dialog a[href="#_"] {
    position: absolute;
    display: block;
    top: 0;
    font-size: 0;
    background: linear-gradient(-45deg, transparent calc(50% - 3px), #c2c2bb calc(50% - 3px), #c2c2bb calc(50% + 3px), transparent calc(50% + 3px)), linear-gradient(45deg, transparent calc(50% - 3px), #c2c2bb calc(50% - 3px), #c2c2bb calc(50% + 3px), transparent calc(50% + 3px)) rgba(0, 0, 0, 0.8);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: content-box;
    right: 20px;
    border: 1rem solid transparent;
    padding: 0.5rem;
    margin: 0 0 auto auto;
    height: 1rem;
    width: 1rem; }
    @media screen and (max-width: 1040px) {
      dialog a[href="#_"] {
        right: 0; } }
    @media screen and (max-width: 800px) {
      dialog a[href="#_"] {
        border-width: 0.5rem;
        height: 1rem;
        width: 1rem; } }
    dialog a[href="#_"]:hover, dialog a[href="#_"]:focus, dialog a[href="#_"]:active {
      background: linear-gradient(-45deg, transparent calc(50% - 3px), #fff calc(50% - 3px), #fff calc(50% + 3px), transparent calc(50% + 3px)), linear-gradient(45deg, transparent calc(50% - 3px), #fff calc(50% - 3px), #fff calc(50% + 3px), transparent calc(50% + 3px)) rgba(0, 0, 0, 0.8);
      background-repeat: no-repeat;
      background-position: center; }
    dialog a[href="#_"]::before {
      position: fixed;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      content: "";
      z-index: -1; }
    dialog a[href="#_"]:after {
      position: fixed;
      right: 0.625rem;
      top: 4rem; }
  dialog article {
    overflow: auto;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.1em;
    width: 100%;
    z-index: -1;
    overflow: visible; }
    dialog article:has(p) {
      background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 6rem); }
  dialog p {
    padding-right: unset;
    margin-left: auto;
    margin-right: auto;
    max-width: 40rem; }
  dialog > div {
    padding-top: 2rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-content-align: center;
    align-content: center;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
  dialog figure {
    padding-left: 1rem;
    padding-right: 1rem;
    height: fit-content;
    margin: auto; }
  dialog figcaption {
    text-align: right;
    line-height: 1.4;
    margin: 0 0 0 auto;
    width: fit-content;
    text-shadow: 0 0 0.125rem #000, 0 0 0.25rem #000; }

.portrait + dialog img {
  max-height: 34rem; }

.landscape + dialog figure {
  max-width: 34rem; }

.disc-gallery {
  margin-left: auto;
  margin-right: auto;
  max-width: 53rem; }
  .disc-gallery img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 0.3rem solid transparent; }
    .disc-gallery img:hover {
      border-color: #9fd7ff; }
  .disc-gallery > figure {
    max-width: 10.6rem; }
  @media screen and (min-width: 1040px) {
    .disc-gallery article {
      width: 60rem; } }

iframe {
  width: 100%;
  aspect-ratio: 16/9; }
  iframe.four3 {
    aspect-ratio: 4/3; }

.wp-block-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  -ms-flex-item-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-content-align: flex-start;
  align-content: flex-start;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }

.comments {
  clear: both;
  text-align: left;
  background: #22221c;
  border-top: 1px solid #3f3f35; }
  @media screen and (min-width: 1040px) {
    .comments {
      padding: 2rem 4.375rem 4.375rem; } }
  @media screen and (max-width: 1040px) {
    .comments {
      padding: 2rem 1.25rem; } }
  .comments > ol {
    max-width: 40rem;
    padding-left: 0;
    font-size: 1.125rem; }
    .comments > ol li {
      margin-bottom: 4rem;
      list-style-type: decimal; }
    .comments > ol .odd {
      background: none; }
    .comments > ol p {
      margin-top: 0; }
  .comments footer {
    margin-top: 2rem; }
    .comments footer p {
      color: #998; }
  .comments h5 {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%233f3f35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"%3E%3Cpath d="M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    padding-left: 5rem;
    background-position: left center;
    background-size: 3.75rem auto;
    margin: 1.25rem 0; }
  .comments textarea {
    max-width: 40rem;
    width: 100%; }

.comment-notes {
  font-size: 0.875rem; }

.comment-reply-link {
  font-size: 0.875rem; }
  .comment-reply-link:before {
    content: "["; }
  .comment-reply-link:after {
    content: "]"; }

.comment-form label {
  min-width: 5rem; }
  @media screen and (min-width: 800px) {
    .comment-form label {
      display: inline-block; } }
  @media screen and (max-width: 800px) {
    .comment-form label::after {
      content: "";
      display: block; } }

.comment-form-comment label {
  display: block; }

.comment-form-cookies-consent label {
  display: inline; }

.comment-form input[type="submit"] {
  margin-top: 0; }
.comment-form label {
  font-size: 0.875rem; }
.comment-form p {
  margin: 0; }
.comment-form .form-submit {
  margin-top: 1rem; }
  .comment-form .form-submit button {
    margin-bottom: 0; }

.logged-in-as {
  font-size: 0.875rem; }

.comment-form-comment label {
  position: fixed;
  right: 100vw; }

#footer {
  position: relative;
  text-align: center;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 1rem;
  color: #898879;
  background: rgba(0, 0, 0, 0.95); }
  @media screen and (min-width: 800px) {
    #footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: stretch;
      -ms-flex-item-align: stretch;
      align-items: stretch;
      -webkit-align-content: stretch;
      -ms-flex-content-align: stretch;
      align-content: stretch;
      -webkit-justify-content: space-around;
      -ms-justify-content: space-around;
      justify-content: space-around;
      padding: 7.5rem 1.25rem; } }
  @media screen and (max-width: 800px) {
    #footer {
      padding: 2rem 1.25rem; } }
  #footer header {
    font-weight: normal;
    text-transform: none;
    margin-top: 0;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: 1.5rem;
    text-shadow: 0px 1px 2px #000; }
  #footer .wpcf7-not-valid-tip {
    top: -3.5rem;
    border: 1px solid #ffec6f; }
  #footer > div {
    box-sizing: border-box;
    text-align: left;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-basis: 0;
    flex-basis: 0; }
    @media screen and (max-width: 800px) {
      #footer > div:first-child {
        margin-bottom: 2rem; } }
    @media screen and (min-width: 800px) {
      #footer > div {
        max-width: 30rem; }
        #footer > div:first-child {
          padding-right: 2rem; }
          #footer > div:first-child + div {
            padding-left: 2rem; } }
  #footer p {
    color: #898879;
    word-spacing: 0.2em;
    margin: 15px 0; }
  #footer [role="navigation"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-item-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-content-align: flex-start;
    align-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
    @media screen and (min-width: 800px) {
      #footer [role="navigation"] {
        padding-top: 24px; } }
    #footer [role="navigation"] a {
      padding: 0.75rem 2rem;
      background-position: left 42%;
      background-size: auto 1.25rem; }
  #footer a[href*="mixcloud"] {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23898879" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"%3E%3Cpath d="M424.43 219.729C416.124 134.727 344.135 68 256.919 68c-72.266 0-136.224 46.516-159.205 114.074-54.545 8.029-96.63 54.822-96.63 111.582 0 62.298 50.668 112.966 113.243 112.966h289.614c52.329 0 94.969-42.362 94.969-94.693 0-45.131-32.118-83.063-74.48-92.2zm-20.489 144.53H114.327c-39.04 0-70.881-31.564-70.881-70.604s31.841-70.604 70.881-70.604c18.827 0 36.548 7.475 49.838 20.766 19.963 19.963 50.133-10.227 30.18-30.18-14.675-14.398-32.672-24.365-52.053-29.349 19.935-44.3 64.79-73.926 114.628-73.926 69.496 0 125.979 56.483 125.979 125.702 0 13.568-2.215 26.857-6.369 39.594-8.943 27.517 32.133 38.939 40.147 13.29 2.769-8.306 4.984-16.889 6.369-25.472 19.381 7.476 33.502 26.303 33.502 48.453 0 28.795-23.535 52.33-52.607 52.33zm235.069-52.33c0 44.024-12.737 86.386-37.102 122.657-4.153 6.092-10.798 9.414-17.72 9.414-16.317 0-27.127-18.826-17.443-32.949 19.381-29.349 29.903-63.682 29.903-99.122s-10.521-69.773-29.903-98.845c-15.655-22.831 19.361-47.24 35.163-23.534 24.366 35.993 37.102 78.356 37.102 122.379zm-70.88 0c0 31.565-9.137 62.021-26.857 88.325-4.153 6.091-10.798 9.136-17.72 9.136-17.201 0-27.022-18.979-17.443-32.948 13.013-19.104 19.658-41.255 19.658-64.513 0-22.981-6.645-45.408-19.658-64.512-15.761-22.986 19.008-47.095 35.163-23.535 17.719 26.026 26.857 56.483 26.857 88.047z"/%3E%3C/svg%3E');
    background-repeat: no-repeat; }
    #footer a[href*="mixcloud"]:hover {
      background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"%3E%3Cpath d="M424.43 219.729C416.124 134.727 344.135 68 256.919 68c-72.266 0-136.224 46.516-159.205 114.074-54.545 8.029-96.63 54.822-96.63 111.582 0 62.298 50.668 112.966 113.243 112.966h289.614c52.329 0 94.969-42.362 94.969-94.693 0-45.131-32.118-83.063-74.48-92.2zm-20.489 144.53H114.327c-39.04 0-70.881-31.564-70.881-70.604s31.841-70.604 70.881-70.604c18.827 0 36.548 7.475 49.838 20.766 19.963 19.963 50.133-10.227 30.18-30.18-14.675-14.398-32.672-24.365-52.053-29.349 19.935-44.3 64.79-73.926 114.628-73.926 69.496 0 125.979 56.483 125.979 125.702 0 13.568-2.215 26.857-6.369 39.594-8.943 27.517 32.133 38.939 40.147 13.29 2.769-8.306 4.984-16.889 6.369-25.472 19.381 7.476 33.502 26.303 33.502 48.453 0 28.795-23.535 52.33-52.607 52.33zm235.069-52.33c0 44.024-12.737 86.386-37.102 122.657-4.153 6.092-10.798 9.414-17.72 9.414-16.317 0-27.127-18.826-17.443-32.949 19.381-29.349 29.903-63.682 29.903-99.122s-10.521-69.773-29.903-98.845c-15.655-22.831 19.361-47.24 35.163-23.534 24.366 35.993 37.102 78.356 37.102 122.379zm-70.88 0c0 31.565-9.137 62.021-26.857 88.325-4.153 6.091-10.798 9.136-17.72 9.136-17.201 0-27.022-18.979-17.443-32.948 13.013-19.104 19.658-41.255 19.658-64.513 0-22.981-6.645-45.408-19.658-64.512-15.761-22.986 19.008-47.095 35.163-23.535 17.719 26.026 26.857 56.483 26.857 88.047z"/%3E%3C/svg%3E');
      background-repeat: no-repeat; }
  #footer a[href*="soundcloud"] {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23898879" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"%3E%3Cpath d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"/%3E%3C/svg%3E');
    background-repeat: no-repeat; }
    #footer a[href*="soundcloud"]:hover {
      background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"%3E%3Cpath d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"/%3E%3C/svg%3E');
      background-repeat: no-repeat; }
  #footer a[href*="youtube"] {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23898879" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"%3E%3Cpath d="M549.7 124.1c-6.3-23.6-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/%3E%3C/svg%3E');
    background-repeat: no-repeat; }
    #footer a[href*="youtube"]:hover {
      background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"%3E%3Cpath d="M549.7 124.1c-6.3-23.6-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/%3E%3C/svg%3E');
      background-repeat: no-repeat; }
  #footer a[href*="instagram"] {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%23898879" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M256,49.471c67.266,0,75.233.257,101.8,1.469,24.562,1.121,37.9,5.224,46.778,8.674a78.052,78.052,0,0,1,28.966,18.845,78.052,78.052,0,0,1,18.845,28.966c3.45,8.877,7.554,22.216,8.674,46.778,1.212,26.565,1.469,34.532,1.469,101.8s-0.257,75.233-1.469,101.8c-1.121,24.562-5.225,37.9-8.674,46.778a83.427,83.427,0,0,1-47.811,47.811c-8.877,3.45-22.216,7.554-46.778,8.674-26.56,1.212-34.527,1.469-101.8,1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051,78.051,0,0,1-28.966-18.845,78.053,78.053,0,0,1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s0.257-75.233,1.469-101.8c1.121-24.562,5.224-37.9,8.674-46.778A78.052,78.052,0,0,1,78.458,78.458a78.053,78.053,0,0,1,28.966-18.845c8.877-3.45,22.216-7.554,46.778-8.674,26.565-1.212,34.532-1.469,101.8-1.469m0-45.391c-68.418,0-77,.29-103.866,1.516-26.815,1.224-45.127,5.482-61.151,11.71a123.488,123.488,0,0,0-44.62,29.057A123.488,123.488,0,0,0,17.3,90.982C11.077,107.007,6.819,125.319,5.6,152.134,4.369,179,4.079,187.582,4.079,256S4.369,333,5.6,359.866c1.224,26.815,5.482,45.127,11.71,61.151a123.489,123.489,0,0,0,29.057,44.62,123.486,123.486,0,0,0,44.62,29.057c16.025,6.228,34.337,10.486,61.151,11.71,26.87,1.226,35.449,1.516,103.866,1.516s77-.29,103.866-1.516c26.815-1.224,45.127-5.482,61.151-11.71a128.817,128.817,0,0,0,73.677-73.677c6.228-16.025,10.486-34.337,11.71-61.151,1.226-26.87,1.516-35.449,1.516-103.866s-0.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486,123.486,0,0,0-29.057-44.62A123.487,123.487,0,0,0,421.018,17.3C404.993,11.077,386.681,6.819,359.866,5.6,333,4.369,324.418,4.079,256,4.079h0Z"/%3E%3Cpath d="M256,126.635A129.365,129.365,0,1,0,385.365,256,129.365,129.365,0,0,0,256,126.635Zm0,213.338A83.973,83.973,0,1,1,339.974,256,83.974,83.974,0,0,1,256,339.973Z"/%3E%3Ccircle cx="390.476" cy="121.524" r="30.23"/%3E%3C/svg%3E');
    background-repeat: no-repeat; }
    #footer a[href*="instagram"]:hover {
      background-image: url('data:image/svg+xml,%3Csvg version="1.1" fill="%239fd7ff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M256,49.471c67.266,0,75.233.257,101.8,1.469,24.562,1.121,37.9,5.224,46.778,8.674a78.052,78.052,0,0,1,28.966,18.845,78.052,78.052,0,0,1,18.845,28.966c3.45,8.877,7.554,22.216,8.674,46.778,1.212,26.565,1.469,34.532,1.469,101.8s-0.257,75.233-1.469,101.8c-1.121,24.562-5.225,37.9-8.674,46.778a83.427,83.427,0,0,1-47.811,47.811c-8.877,3.45-22.216,7.554-46.778,8.674-26.56,1.212-34.527,1.469-101.8,1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051,78.051,0,0,1-28.966-18.845,78.053,78.053,0,0,1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s0.257-75.233,1.469-101.8c1.121-24.562,5.224-37.9,8.674-46.778A78.052,78.052,0,0,1,78.458,78.458a78.053,78.053,0,0,1,28.966-18.845c8.877-3.45,22.216-7.554,46.778-8.674,26.565-1.212,34.532-1.469,101.8-1.469m0-45.391c-68.418,0-77,.29-103.866,1.516-26.815,1.224-45.127,5.482-61.151,11.71a123.488,123.488,0,0,0-44.62,29.057A123.488,123.488,0,0,0,17.3,90.982C11.077,107.007,6.819,125.319,5.6,152.134,4.369,179,4.079,187.582,4.079,256S4.369,333,5.6,359.866c1.224,26.815,5.482,45.127,11.71,61.151a123.489,123.489,0,0,0,29.057,44.62,123.486,123.486,0,0,0,44.62,29.057c16.025,6.228,34.337,10.486,61.151,11.71,26.87,1.226,35.449,1.516,103.866,1.516s77-.29,103.866-1.516c26.815-1.224,45.127-5.482,61.151-11.71a128.817,128.817,0,0,0,73.677-73.677c6.228-16.025,10.486-34.337,11.71-61.151,1.226-26.87,1.516-35.449,1.516-103.866s-0.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486,123.486,0,0,0-29.057-44.62A123.487,123.487,0,0,0,421.018,17.3C404.993,11.077,386.681,6.819,359.866,5.6,333,4.369,324.418,4.079,256,4.079h0Z"/%3E%3Cpath d="M256,126.635A129.365,129.365,0,1,0,385.365,256,129.365,129.365,0,0,0,256,126.635Zm0,213.338A83.973,83.973,0,1,1,339.974,256,83.974,83.974,0,0,1,256,339.973Z"/%3E%3Ccircle cx="390.476" cy="121.524" r="30.23"/%3E%3C/svg%3E');
      background-repeat: no-repeat; }

#contact {
  position: fixed;
  text-align: center;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -ms-flex-item-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-content-align: center;
  align-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  #contact article, #contact h2 {
    box-sizing: border-box;
    padding-top: 0; }
  #contact h2 {
    font-family: "junction";
    text-transform: unset; }
  #contact p {
    text-align: left; }
  #contact > div {
    width: 100%;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto; }
  #contact:target {
    outline: 0 none;
    visibility: visible;
    opacity: 1; }
  #contact > a {
    top: 0;
    bottom: 0; }
    #contact > a.prev, #contact > a.next {
      position: fixed;
      vertical-align: middle;
      font-size: 0;
      z-index: 2;
      height: 4rem;
      width: 4rem;
      background: rgba(0, 0, 0, 0.8);
      margin: auto; }
      @media screen and (max-width: 800px) {
        #contact > a.prev, #contact > a.next {
          margin: auto auto 0 auto;
          height: 3rem;
          width: 3rem; } }
      #contact > a.prev:before, #contact > a.next:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
        margin: auto;
        content: "";
        height: 2rem;
        width: 1.25rem;
        border-top: 1rem solid transparent;
        border-bottom: 1rem solid transparent; }
        @media screen and (max-width: 480px) {
          #contact > a.prev:before, #contact > a.next:before {
            height: 1rem;
            width: 0.75rem;
            border-top-width: 0.5rem;
            border-bottom-width: 0.5rem; } }
    @media screen and (min-width: 1040px) {
      #contact > a[href="#_"] {
        left: 0;
        bottom: 0; } }
    #contact > a.prev {
      left: 1.25rem; }
      @media screen and (max-width: 1040px) {
        #contact > a.prev {
          left: 0.5rem; } }
      #contact > a.prev:before {
        border-right: 1.25rem solid #c2c2bb; }
        @media screen and (max-width: 480px) {
          #contact > a.prev:before {
            border-right-width: 0.625rem; } }
      #contact > a.prev:hover::before, #contact > a.prev:focus::before, #contact > a.prev:active::before {
        border-right-color: #fff; }
    #contact > a.next {
      right: 1.25rem; }
      @media screen and (max-width: 1040px) {
        #contact > a.next {
          right: 0.5rem; } }
      #contact > a.next:before {
        border-left: 1.25rem solid #c2c2bb; }
        @media screen and (max-width: 480px) {
          #contact > a.next:before {
            border-left-width: 0.625rem; } }
      #contact > a.next:hover::before, #contact > a.next:focus::before, #contact > a.next:active::before {
        border-left-color: #fff; }
  #contact a[href="#_"] {
    position: absolute;
    display: block;
    top: 0;
    font-size: 0;
    background: linear-gradient(-45deg, transparent calc(50% - 3px), #c2c2bb calc(50% - 3px), #c2c2bb calc(50% + 3px), transparent calc(50% + 3px)), linear-gradient(45deg, transparent calc(50% - 3px), #c2c2bb calc(50% - 3px), #c2c2bb calc(50% + 3px), transparent calc(50% + 3px)) rgba(0, 0, 0, 0.8);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: content-box;
    right: 20px;
    border: 1rem solid transparent;
    padding: 0.5rem;
    margin: 0 0 auto auto;
    height: 1rem;
    width: 1rem; }
    @media screen and (max-width: 1040px) {
      #contact a[href="#_"] {
        right: 0; } }
    @media screen and (max-width: 800px) {
      #contact a[href="#_"] {
        border-width: 0.5rem;
        height: 1rem;
        width: 1rem; } }
    #contact a[href="#_"]:hover, #contact a[href="#_"]:focus, #contact a[href="#_"]:active {
      background: linear-gradient(-45deg, transparent calc(50% - 3px), #fff calc(50% - 3px), #fff calc(50% + 3px), transparent calc(50% + 3px)), linear-gradient(45deg, transparent calc(50% - 3px), #fff calc(50% - 3px), #fff calc(50% + 3px), transparent calc(50% + 3px)) rgba(0, 0, 0, 0.8);
      background-repeat: no-repeat;
      background-position: center; }
    #contact a[href="#_"]::before {
      position: fixed;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      content: "";
      z-index: -1; }
    #contact a[href="#_"]:after {
      position: fixed;
      right: 0.625rem;
      top: 4rem; }

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