.header .nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 300; }
  @media (min-width: 800px) {
    .header .nav-overlay {
      background-image: url("/images/[global]page-bg-desktop.jpg"); } }
  @media (max-width: 800px) {
    .header .nav-overlay {
      background-image: url("/images/[global]page-bg-mobile.jpg"); } }
  .header .nav-overlay .bg {
    position: absolute;
    opacity: 0.31; }
    @media (min-width: 800px) {
      .header .nav-overlay .bg {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover; } }
    @media (max-width: 800px) {
      .header .nav-overlay .bg {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: unset; } }
  .header .nav-overlay .header-symbols {
    mix-blend-mode: exclusion;
    opacity: 0.85;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 310; }
    @media (min-width: 800px) {
      .header .nav-overlay .header-symbols {
        position: absolute;
        width: 650px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); } }
    @media (max-width: 800px) {
      .header .nav-overlay .header-symbols {
        width: 100%;
        padding: 0 12px; }
        .header .nav-overlay .header-symbols .symbol {
          margin: 0 -15px; } }
    .header .nav-overlay .header-symbols .symbol {
      position: relative;
      display: flex; }
      .header .nav-overlay .header-symbols .symbol a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      @media (max-width: 800px) {
        .header .nav-overlay .header-symbols .symbol {
          height: 173px; }
          .header .nav-overlay .header-symbols .symbol .label {
            font-family: 'PP Neue Montreal Mono';
            font-style: normal;
            font-weight: 350;
            line-height: 127%;
            /* 24.13px */
            text-decoration-style: solid;
            -webkit-text-decoration-skip: ink;
                    text-decoration-skip-ink: auto;
            text-decoration-thickness: 6.5%;
            /* 1.425px */
            text-underline-offset: 10%;
            /* 1.9px */
            text-underline-position: from-font;
            color: #fff;
            text-decoration-color: #fff;
            -webkit-text-stroke-color: rgba(235, 235, 235, 0.71);
            -webkit-text-stroke-width: 0.25px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            bottom: 0;
            height: 35px; } }
    @media (max-width: 800px) and (min-width: 800px) {
      .header .nav-overlay .header-symbols .symbol .label {
        font-size: 14px; } }
    @media (max-width: 800px) and (max-width: 800px) {
      .header .nav-overlay .header-symbols .symbol .label {
        font-size: 14px; } }
      @media (min-width: 800px) {
        .header .nav-overlay .header-symbols .symbol img {
          max-width: unset; } }
      @media (max-width: 800px) {
        .header .nav-overlay .header-symbols .symbol {
          width: 160px;
          display: flex;
          align-content: center;
          justify-content: center; }
          .header .nav-overlay .header-symbols .symbol.butterfly img {
            width: 154px; }
          .header .nav-overlay .header-symbols .symbol.lab img {
            width: 138px; }
          .header .nav-overlay .header-symbols .symbol.beetle img {
            width: 160px; } }
  @media (max-width: 800px) {
    .header .nav-overlay .page-links {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%; }
      .header .nav-overlay .page-links li {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center; }
      .header .nav-overlay .page-links,
      .header .nav-overlay .page-links li {
        gap: 55px; } }
  .header .nav-overlay .page-link {
    font-family: Meta-old-French;
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    /* 51.5px */
    text-decoration-thickness: 6%;
    text-underline-offset: 3px;
    color: #343131;
    text-decoration-color: #343131;
    -webkit-text-stroke-color: rgba(102, 92, 92, 0.71);
    text-decoration-line: underline;
    z-index: 310; }
    @media (min-width: 800px) {
      .header .nav-overlay .page-link {
        font-size: 40px;
        letter-spacing: calc(40px * -0.02);
        -webkit-text-stroke-width: 0.75px; } }
    @media (max-width: 800px) {
      .header .nav-overlay .page-link {
        font-size: 33px;
        letter-spacing: calc(33px * -0.02);
        -webkit-text-stroke-width: 0.25px; } }
    @media (min-width: 800px) {
      .header .nav-overlay .page-link {
        position: absolute; }
        .header .nav-overlay .page-link.home {
          font-family: Meta-old-French;
          font-style: normal;
          font-weight: 400;
          line-height: 103%;
          /* 35.02px */
          color: #7a7474;
          text-decoration-color: #7a7474;
          -webkit-text-stroke-color: rgba(102, 92, 92, 0.71);
          margin-top: -0.1em;
          top: 44px;
          right: 144px; }
          .header .nav-overlay .page-link.home em {
            font-family: 'Libre Baskerville';
            font-style: italic;
            font-weight: 400;
            line-height: 103%; }
          .header .nav-overlay .page-link.home span.ampersand {
            font-family: 'Hershey-Noailles-Times'; } }
    @media (min-width: 800px) and (min-width: 800px) {
      .header .nav-overlay .page-link.home {
        font-size: 28px;
        letter-spacing: calc(28px * -0.02);
        -webkit-text-stroke-width: 0.5px; }
        .header .nav-overlay .page-link.home em {
          font-size: 22px; } }
    @media (min-width: 800px) and (max-width: 800px) {
      .header .nav-overlay .page-link.home {
        font-size: 23px;
        letter-spacing: calc(23px * -0.02);
        -webkit-text-stroke-width: 0.2px; }
        .header .nav-overlay .page-link.home em {
          font-size: 17px; } }
    @media (min-width: 800px) {
        .header .nav-overlay .page-link.about {
          left: 50%;
          bottom: calc(50% + 155px);
          transform: translateX(-50%); }
        .header .nav-overlay .page-link.services {
          right: calc(50% + 380px);
          bottom: calc(50% + 7px);
          transform: translateY(50%); }
        .header .nav-overlay .page-link.contact {
          left: 50%;
          transform: translateX(-50%);
          top: calc(50% + 155px); } }
  @media (max-width: 800px) {
    .header .nav-overlay .animated-diagram-list {
      display: none; } }
  .header .nav-overlay .animated-diagram-list canvas {
    z-index: 300; }
  .header .nav-overlay .animated-diagram-list .subservice-link {
    z-index: 310;
    font-family: 'PP Neue Montreal Mono';
    font-style: normal;
    font-weight: 350;
    line-height: 127%;
    /* 24.13px */
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    text-decoration-thickness: 6.5%;
    /* 1.425px */
    text-underline-offset: 10%;
    /* 1.9px */
    text-underline-position: from-font;
    color: #484141;
    text-decoration-color: #484141;
    -webkit-text-stroke-width: 0.25px; }
    @media (min-width: 800px) {
      .header .nav-overlay .animated-diagram-list .subservice-link {
        font-size: 14px; } }
    @media (max-width: 800px) {
      .header .nav-overlay .animated-diagram-list .subservice-link {
        font-size: 14px; } }
    @media (min-width: 800px) {
      .header .nav-overlay .animated-diagram-list .subservice-link {
        position: absolute; }
        .header .nav-overlay .animated-diagram-list .subservice-link.psychotherapy {
          right: calc(50% + 380px);
          bottom: calc(50% + 70px); }
        .header .nav-overlay .animated-diagram-list .subservice-link.psychedelic-therapy {
          top: calc(50% + 90px);
          left: calc(50% - (115px / 2));
          max-width: 12.1em; }
        .header .nav-overlay .animated-diagram-list .subservice-link.music-for-altered-states {
          top: calc(50% + 50px);
          left: calc(50% + 325px);
          max-width: 6.5em; } }
.header .nav-overlay .page-link,
.header .nav-overlay .subservice-link,
.header .nav-overlay canvas, .header .nav-overlay > picture {
  transition: opacity 0.4s; }

.header .nav-overlay .subservice-link,
.header .nav-overlay canvas {
  transition-delay: 0.1s; }

.header.hidden .nav-overlay {
  height: 0;
  overflow: hidden; }

.header.hidden .nav-overlay .page-link,
.header.hidden .nav-overlay .subservice-link,
.header.hidden .nav-overlay canvas, .header.hidden .nav-overlay > picture {
  opacity: 0; }

.header:not(.hidden) .fixed-nav > * {
  z-index: 310 !important; }

.header:not(.hidden) .fixed-nav .logo {
  opacity: 1 !important; }

.header:not(.hidden) .fixed-nav .wordmark {
  opacity: 0.7 !important; }

.header:not(.hidden) .fixed-nav .menu-buttons {
  opacity: 0.7 !important; }
  .header:not(.hidden) .fixed-nav .menu-buttons .open-icon {
    display: none; }
  .header:not(.hidden) .fixed-nav .menu-buttons .close-icon {
    display: unset !important; }

.header:not(.hidden) .nav-overlay .page-link,
.header:not(.hidden) .nav-overlay .subservice-link,
.header:not(.hidden) .nav-overlay canvas, .header:not(.hidden) .nav-overlay > picture {
  opacity: 1; }