@charset "UTF-8";
* {
  scroll-behavior: smooth; }

.scroll-indicator {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 130;
  gap: 15px;
  bottom: 44px;
  right: 44px;
  mix-blend-mode: difference;
  bottom: 25px;
  position: absolute; }
  .scroll-indicator p {
    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;
    font-family: 'PP Neue Montreal Mono';
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    /* 15px */
    color: #fff; }
    @media (min-width: 800px) {
      .scroll-indicator p {
        font-size: 14px; } }
    @media (max-width: 800px) {
      .scroll-indicator p {
        font-size: 14px; } }
    @media (min-width: 800px) {
      .scroll-indicator p {
        font-size: 13px; } }
    @media (max-width: 800px) {
      .scroll-indicator p {
        font-size: 14px; } }
  .scroll-indicator img {
    width: 15px; }
  @media (max-width: 800px) {
    .scroll-indicator {
      gap: 12px;
      bottom: 75px; }
      .scroll-indicator img {
        width: 13px; } }
  @media (max-width: 800px) {
    .scroll-indicator {
      bottom: 25px;
      opacity: 1 !important; } }
page-nav:not([active]) .symbol {
  opacity: 0 !important; }

.symbols-dark.bottom {
  z-index: 110;
  mix-blend-mode: plus-lighter; }

.symbols-dark.top {
  z-index: 150;
  mix-blend-mode: exclusion;
  opacity: 0.85; }

@media (min-width: 800px) {
  .symbols-dark {
    position: sticky;
    float: left;
    width: 0;
    height: 100svh;
    overflow: visible;
    top: 10px;
    left: 50%;
    margin-bottom: calc( 4800px - 100lvh - 50px); } }

@media (max-width: 800px) {
  .symbols-dark {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); } }

.symbols-dark .symbol {
  display: flex; }
  .symbols-dark .symbol a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 260; }
  @media (min-width: 800px) {
    .symbols-dark .symbol {
      position: absolute; }
      .symbols-dark .symbol img {
        max-width: unset; }
      .symbols-dark .symbol.butterfly {
        top: 92px;
        transform: translateX(-50%); }
      .symbols-dark .symbol.lab {
        top: 50%;
        transform: translate(-50%, -50%); }
      .symbols-dark .symbol.beetle {
        bottom: 87px;
        transform: translateX(-50%); } }
  @media (max-width: 800px) {
    .symbols-dark .symbol {
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
      .symbols-dark .symbol.butterfly {
        top: 100px;
        width: 154px; }
      .symbols-dark .symbol.lab {
        top: 233.33333333px;
        width: 138px; }
      .symbols-dark .symbol.beetle {
        top: 366.66666667px;
        width: 160px; } }
.fixed-nav .wordmark {
  position: fixed;
  mix-blend-mode: exclusion;
  opacity: 0.7;
  z-index: 190; }
  @media (min-width: 800px) {
    .fixed-nav .wordmark {
      top: 44px;
      left: 44px;
      transform-origin: center left;
      transform: scale(0.75); } }
  @media (max-width: 800px) {
    .fixed-nav .wordmark {
      top: calc(9px + 23px);
      left: 18px;
      width: 125px;
      transform-origin: top left; } }
  @media (min-width: 800px) {
    .fixed-nav .wordmark.show-logo {
      left: 150px; } }
  @media (max-width: 800px) {
    .fixed-nav .wordmark.show-logo {
      left: 50%;
      transform: translateX(-50%); } }
.fixed-nav .menu-buttons {
  position: fixed;
  mix-blend-mode: exclusion;
  opacity: 0.7;
  z-index: 190; }
  .fixed-nav .menu-buttons .close-icon {
    display: none; }
  @media (min-width: 800px) {
    .fixed-nav .menu-buttons {
      top: 44px;
      right: 44px; }
      .fixed-nav .menu-buttons .open-menu {
        transform-origin: top right;
        transform: scale(0.75); } }
  @media (max-width: 800px) {
    .fixed-nav .menu-buttons {
      top: calc(9px + 18px);
      right: 18px; }
      .fixed-nav .menu-buttons .open-menu {
        width: 34px; } }
.fixed-nav .logo {
  position: fixed;
  mix-blend-mode: difference;
  z-index: 190;
  opacity: 1; }
  @media (min-width: 800px) {
    .fixed-nav .logo {
      top: 7px;
      left: 7px;
      width: 100px; } }
  @media (max-width: 800px) {
    .fixed-nav .logo {
      position: fixed;
      top: 9px;
      left: 3px;
      width: 64px; } }
  .fixed-nav .logo img {
    width: 100%; }

.hero-section .fixed-nav > * {
  position: absolute !important; }

.hero-section {
  height: 100svh;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .hero-section .show-when-scrolled {
    opacity: 0 !important; }
    .hero-section .show-when-scrolled[data-hidden] {
      opacity: 1 !important; }
  .hero-section .tagline {
    position: absolute; }
    .hero-section .tagline .animated-paragraph span {
      opacity: 1 !important; }
  .hero-section .canvas {
    z-index: 120 !important;
    transition: opacity 0.5s;
    transition-delay: 0s; }
  .hero-section .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (max-width: 800px) {
      .hero-section .bg {
        scale: 1.06; } }
  .hero-section .spiral {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask-image: url("/images/[home]landing-bg-mask-alpha.png");
            mask-image: url("/images/[home]landing-bg-mask-alpha.png");
    -webkit-mask-size: calc(1996px / 2) calc(1996px / 2);
            mask-size: calc(1996px / 2) calc(1996px / 2);
    -webkit-mask-position: center;
            mask-position: center;
    animation: spin 260s linear infinite;
    scale: 2; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes unspin {
  from {
    transform: rotate(360deg); }
  to {
    transform: rotate(0deg); } }
    @media (max-width: 800px) {
      .hero-section .spiral {
        scale: 1.5; } }
    .hero-section .spiral img.bg {
      width: 100%;
      height: 100%;
      animation: unspin 260s linear infinite;
      scale: 0.5;
      mask-mode: alpha;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: linear-gradient(white, white), url("/images/[nav]symbol-mask-butter_opacity.png"), url("/images/[nav]symbol-mask-lab_opacity.png"), url("/images/[nav]symbol-mask-beetle_opacity.png");
              mask-image: linear-gradient(white, white), url("/images/[nav]symbol-mask-butter_opacity.png"), url("/images/[nav]symbol-mask-lab_opacity.png"), url("/images/[nav]symbol-mask-beetle_opacity.png");
      -webkit-mask-composite: xor;
              mask-composite: exclude; }
      @media (min-width: 800px) {
        .hero-section .spiral img.bg {
          -webkit-mask-size: cover, 181px, 163px, 181px;
                  mask-size: cover, 181px, 163px, 181px;
          -webkit-mask-position: left, center top 103px, center calc(50% + 11px), center bottom 76px;
                  mask-position: left, center top 103px, center calc(50% + 11px), center bottom 76px; } }
      @media (max-width: 800px) {
        .hero-section .spiral img.bg {
          scale: 0.66666667;
          -webkit-mask-size: cover, 154px, 138px, 160px;
                  mask-size: cover, 154px, 138px, 160px;
          -webkit-mask-position: left, center top 100px, center calc(50%), center bottom 366.66666667px;
                  mask-position: left, center top 100px, center calc(50%), center bottom 366.66666667px; } }
  .hero-section .tagline {
    position: absolute;
    font-family: Meta-old-French;
    font-style: normal;
    font-weight: 400;
    line-height: 86%;
    /* 63.64px */
    color: #484141;
    text-decoration-color: #484141;
    opacity: 0.96; }
    .hero-section .tagline em {
      font-family: 'Libre Baskerville';
      font-style: italic; }
    @media (min-width: 800px) {
      .hero-section .tagline {
        -webkit-text-stroke-width: 0.5px;
        font-size: 50px;
        letter-spacing: calc(50px * -0.02); }
        .hero-section .tagline em {
          font-size: 35px;
          font-weight: 300;
          letter-spacing: calc(35px * -0.02); } }
    @media (max-width: 800px) {
      .hero-section .tagline {
        -webkit-text-stroke-width: 0.25px;
        font-size: 42px;
        letter-spacing: calc(42px * -0.02); }
        .hero-section .tagline em {
          font-size: 32.5px;
          font-weight: 300;
          letter-spacing: calc(32.5px * -0.02); } }
    .hero-section .tagline.left {
      right: calc(50% + 100px);
      bottom: calc(50% + 0px - 10px); }
    .hero-section .tagline.right {
      top: calc(50% + 0px + 10px);
      left: calc(50% + 100px + 15px); }
    @media (max-width: 800px) {
      .hero-section .tagline {
        font-family: Meta-old-French;
        font-style: normal;
        font-weight: 400;
        line-height: 103%;
        /* 51.5px */
        text-decoration-line: underline;
        text-decoration-style: solid;
        -webkit-text-decoration-skip: ink;
                text-decoration-skip-ink: auto;
        text-decoration-thickness: 5%;
        text-underline-offset: auto;
        text-underline-position: from-font;
        color: #343131;
        text-decoration-color: #343131;
        -webkit-text-stroke-color: rgba(102, 92, 92, 0.71);
        text-decoration-line: none;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        bottom: 80px;
        height: calc( 100% - 566.66666667px);
        align-content: center;
        width: 100%;
        padding: 0 18px; }
        .hero-section .tagline span.ampersand {
          font-family: 'Hershey-Noailles-Times'; } }
  @media (max-width: 800px) and (min-width: 800px) {
    .hero-section .tagline {
      font-size: 37px;
      letter-spacing: calc(37px * -0.02);
      -webkit-text-stroke-width: 0.75px; }
      .hero-section .tagline span.ampersand {
        font-size: 39px;
        font-family: 'Hershey-Noailles-Times'; } }
  @media (max-width: 800px) and (max-width: 800px) {
    .hero-section .tagline {
      font-size: 33px;
      letter-spacing: calc(33px * -0.02);
      -webkit-text-stroke-width: 0.25px;
      line-height: 92%;
      /* 51.5px */ } }
    @media (max-width: 800px) {
        .hero-section .tagline br {
          display: unset; } }
.about-alicia .left-lines,
.about-alicia .right-lines {
  opacity: 0.55; }

@media (min-width: 800px) {
  .about-alicia .right-lines {
    -o-object-fit: contain !important;
       object-fit: contain !important;
    scale: 0.8; }
    .about-alicia .right-lines.top {
      -o-object-position: top left;
         object-position: top left;
      transform-origin: top left; }
    .about-alicia .right-lines.bottom {
      -o-object-position: bottom right;
         object-position: bottom right;
      transform-origin: bottom right; } }

.about-alicia .content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 44px 44px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  z-index: 250; }
  .about-alicia .content p::before {
    font-family: 'Hershey-Noailles-OldFrench';
    content: '“'; }
    @media (max-width: 800px) {
      .about-alicia .content p::before {
        font-size: 28px;
        vertical-align: top; } }
  .about-alicia .content p::after {
    font-family: 'Hershey-Noailles-OldFrench';
    content: '”'; }
    @media (max-width: 800px) {
      .about-alicia .content p::after {
        font-size: 28px;
        vertical-align: top; } }
  @media (min-width: 800px) {
    .about-alicia .content {
      width: 50%; } }
  @media (max-width: 800px) {
    .about-alicia .content {
      padding: 18px 18px;
      padding-bottom: 40px;
      gap: 5px; }
      .about-alicia .content .logo {
        width: 225px; } }
  .about-alicia .content .logo {
    transform: translateX(calc(-70 / 307 * 100%)); }
  @media (max-width: 800px) {
    .about-alicia .content > picture {
      margin: 0; } }
  .about-alicia .content > * {
    margin: 0;
    margin-bottom: 25px; }
    @media (min-width: 800px) {
      .about-alicia .content > * {
        font-family: 'PP Neue Montreal';
        font-style: normal;
        font-weight: 375;
        line-height: 146%;
        /* 30.66px */
        max-width: 17em; } }
  @media (min-width: 800px) and (min-width: 800px) {
    .about-alicia .content > * {
      font-size: 16.5px;
      letter-spacing: calc(16.5px * 0.015); } }
  @media (min-width: 800px) and (max-width: 800px) {
    .about-alicia .content > * {
      font-size: 17px;
      letter-spacing: calc(17px * 0.015); } }
    @media (min-width: 800px) {
        .about-alicia .content > * ul li {
          display: flex;
          align-items: top;
          gap: 0.75em;
          padding-bottom: 0.25em; }
          .about-alicia .content > * ul li::before {
            content: '▪';
            height: 100%;
            font-size: 1em;
            height: 1ex; } }
  @media (min-width: 800px) and (min-width: 800px) {
    .about-alicia .content > * {
      text-shadow: 0 0 32.9px rgba(0, 0, 0, 0.44); } }
  @media (min-width: 800px) and (max-width: 800px) {
    .about-alicia .content > * {
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.34); } }
    @media (max-width: 800px) {
      .about-alicia .content > * {
        font-family: Meta-old-French;
        font-style: normal;
        font-weight: 400;
        line-height: 103%;
        /* 51.5px */
        text-decoration-line: underline;
        text-decoration-style: solid;
        -webkit-text-decoration-skip: ink;
                text-decoration-skip-ink: auto;
        text-decoration-thickness: 5%;
        text-underline-offset: auto;
        text-underline-position: from-font;
        color: #fff;
        text-decoration-color: #fff;
        text-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
        text-decoration-line: none;
        max-width: 7.5em; }
        .about-alicia .content > * span.ampersand {
          font-family: 'Hershey-Noailles-Times'; } }
  @media (max-width: 800px) and (min-width: 800px) {
    .about-alicia .content > * {
      font-size: 37px;
      letter-spacing: calc(37px * -0.02);
      -webkit-text-stroke-width: 0.75px; }
      .about-alicia .content > * span.ampersand {
        font-size: 39px;
        font-family: 'Hershey-Noailles-Times'; } }
  @media (max-width: 800px) and (max-width: 800px) {
    .about-alicia .content > * {
      font-size: 33px;
      letter-spacing: calc(33px * -0.02);
      -webkit-text-stroke-width: 0.25px;
      line-height: 92%;
      /* 51.5px */ } }
  .about-alicia .content li {
    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;
    display: flex;
    gap: 1ch; }
    @media (min-width: 800px) {
      .about-alicia .content li {
        font-size: 14px; } }
    @media (max-width: 800px) {
      .about-alicia .content li {
        font-size: 14px; } }
    .about-alicia .content li::before {
      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;
      content: '(•) '; }
      @media (min-width: 800px) {
        .about-alicia .content li::before {
          font-size: 14px; } }
      @media (max-width: 800px) {
        .about-alicia .content li::before {
          font-size: 14px; } }
  .about-alicia .content h1 {
    font-family: Meta-old-French;
    font-style: normal;
    font-weight: 400;
    line-height: 86%;
    /* 63.64px */
    color: #fff;
    text-decoration-color: #fff;
    -webkit-text-stroke-color: rgba(235, 235, 235, 0.71);
    -webkit-text-stroke-width: 0px !important;
    font-family: 'Hershey-Noailles-OldFrench'; }
    .about-alicia .content h1 em {
      font-family: 'Libre Baskerville';
      font-style: italic; }
    @media (min-width: 800px) {
      .about-alicia .content h1 {
        -webkit-text-stroke-width: 0.5px;
        font-size: 50px;
        letter-spacing: calc(50px * -0.02); }
        .about-alicia .content h1 em {
          font-size: 35px;
          font-weight: 300;
          letter-spacing: calc(35px * -0.02); } }
    @media (max-width: 800px) {
      .about-alicia .content h1 {
        -webkit-text-stroke-width: 0.25px;
        font-size: 42px;
        letter-spacing: calc(42px * -0.02); }
        .about-alicia .content h1 em {
          font-size: 32.5px;
          font-weight: 300;
          letter-spacing: calc(32.5px * -0.02); } }
    @media (min-width: 800px) {
      .about-alicia .content h1 {
        text-shadow: 0 0 32.9px rgba(0, 0, 0, 0.44); } }
    @media (max-width: 800px) {
      .about-alicia .content h1 {
        text-shadow: 0 0 15px rgba(0, 0, 0, 0.34); } }
    @media (min-width: 800px) {
      .about-alicia .content h1 {
        padding-right: 20px;
        max-width: 7em; } }
.about-alicia > .background {
  background-repeat: no-repeat;
  z-index: 240;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-attachment: fixed; }

@media (min-width: 800px) {
  .about-alicia {
    height: 100lvh; }
    .about-alicia > .background.symbol {
      filter: blur(1.25px); }
    .about-alicia > .symbol.background.butterfly {
      background-image: url("/images/butter-white.png");
      background-size: 181px;
      background-position: center top 103px; }
    .about-alicia > .symbol.background.lab {
      background-image: url("/images/lab-white.png");
      background-size: 163px;
      background-position: center top calc(50% + 11px); }
    .about-alicia > .symbol.background.beetle {
      background-image: url("/images/beetle-white.png");
      background-size: 181px;
      background-position: center bottom 76px; } }

@media (max-width: 800px) {
  .about-alicia > .gradient {
    height: 100lvh;
    opacity: 0.14;
    background: linear-gradient(213deg, #fff 18.29%, #000 55.49%);
    mix-blend-mode: darken; }
    .about-alicia > .gradient.bottom {
      top: 100lvh;
      opacity: 0.3;
      background: radial-gradient(58.68% 75.44% at 19.86% 26.45%, #000 0%, #fff 100%); }
  .about-alicia > .column {
    width: 100%;
    height: 100lvh;
    overflow: hidden; }
    .about-alicia > .column .content {
      padding: 18px; }
  .about-alicia > .column:nth-of-type(2) .content {
    padding-top: 75px;
    justify-content: flex-start; }
    .about-alicia > .column:nth-of-type(2) .content li a {
      max-width: 7.5em; }
  .about-alicia > .column:nth-of-type(2) img.hero-image {
    scale: 1.1;
    -o-object-position: right -175px bottom 0px;
       object-position: right -175px bottom 0px; } }

.section {
  position: relative; }
  @media (max-width: 800px) {
    .section {
      margin-bottom: 50px;
      padding: 0 18px; } }
  .section > picture img {
    max-width: unset; }
  @media (min-width: 800px) {
    .section .bg {
      margin-left: 50%;
      transform: translateX(-50%); } }
  @media (max-width: 800px) {
    .section .bg {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%); } }
  .section .photo {
    z-index: 140; }
    @media (min-width: 800px) {
      .section .photo {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); } }
    @media (max-width: 800px) {
      .section .photo {
        margin-left: 50%;
        transform: translateX(-50%); } }
  .section .description {
    z-index: 150; }
    @media (min-width: 800px) {
      .section .description {
        position: absolute; } }
    @media (max-width: 800px) {
      .section .description {
        position: relative;
        margin-bottom: 1lh; } }
    .section .description p {
      font-family: 'PP Neue Montreal';
      font-style: normal;
      font-weight: 375;
      line-height: 146%;
      /* 30.66px */
      max-width: 19em;
      margin: 0;
      margin-bottom: 25px;
      margin: 0; }
      @media (min-width: 800px) {
        .section .description p {
          font-size: 16.5px;
          letter-spacing: calc(16.5px * 0.015); } }
      @media (max-width: 800px) {
        .section .description p {
          font-size: 17px;
          letter-spacing: calc(17px * 0.015); } }
      .section .description p ul li {
        display: flex;
        align-items: top;
        gap: 0.75em;
        padding-bottom: 0.25em; }
        .section .description p ul li::before {
          content: '▪';
          height: 100%;
          font-size: 1em;
          height: 1ex; }
      .section .description p::before {
        content: '“'; }
      .section .description p::after {
        content: '”'; }
    .section .description li {
      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;
      display: flex;
      gap: 1ch;
      margin-top: 1lh; }
      @media (min-width: 800px) {
        .section .description li {
          font-size: 14px; } }
      @media (max-width: 800px) {
        .section .description li {
          font-size: 14px; } }
      .section .description li::before {
        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;
        content: '(•) '; }
        @media (min-width: 800px) {
          .section .description li::before {
            font-size: 14px; } }
        @media (max-width: 800px) {
          .section .description li::before {
            font-size: 14px; } }
  .section .subservice-link {
    font-family: Meta-old-French;
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    /* 51.5px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    text-decoration-thickness: 5%;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: #343131;
    text-decoration-color: #343131;
    -webkit-text-stroke-color: rgba(102, 92, 92, 0.71);
    position: absolute;
    z-index: 150; }
    .section .subservice-link span.ampersand {
      font-family: 'Hershey-Noailles-Times'; }
    @media (min-width: 800px) {
      .section .subservice-link {
        font-size: 37px;
        letter-spacing: calc(37px * -0.02);
        -webkit-text-stroke-width: 0.75px; }
        .section .subservice-link span.ampersand {
          font-size: 39px;
          font-family: 'Hershey-Noailles-Times'; } }
    @media (max-width: 800px) {
      .section .subservice-link {
        font-size: 33px;
        letter-spacing: calc(33px * -0.02);
        -webkit-text-stroke-width: 0.25px;
        line-height: 92%;
        /* 51.5px */ } }
    @media (min-width: 800px) {
      .section .subservice-link {
        font-size: 37px;
        letter-spacing: calc(37px * -0.02);
        -webkit-text-stroke-width: 0.75px; }
        .section .subservice-link span.ampersand {
          font-size: 39px;
          font-family: 'Hershey-Noailles-Times'; } }
    @media (max-width: 800px) {
      .section .subservice-link {
        font-size: 30px;
        letter-spacing: calc(30px * -0.02);
        -webkit-text-stroke-width: 0.5px; } }
    .section .subservice-link h3 {
      font-family: Meta-old-French;
      font-style: normal;
      font-weight: 400;
      line-height: 103%;
      /* 51.5px */
      text-decoration-line: underline;
      text-decoration-style: solid;
      -webkit-text-decoration-skip: ink;
              text-decoration-skip-ink: auto;
      text-decoration-thickness: 5%;
      text-underline-offset: auto;
      text-underline-position: from-font;
      color: #484141;
      text-decoration-color: #484141; }
      .section .subservice-link h3 span.ampersand {
        font-family: 'Hershey-Noailles-Times'; }
      @media (min-width: 800px) {
        .section .subservice-link h3 {
          font-size: 37px;
          letter-spacing: calc(37px * -0.02);
          -webkit-text-stroke-width: 0.75px; }
          .section .subservice-link h3 span.ampersand {
            font-size: 39px;
            font-family: 'Hershey-Noailles-Times'; } }
      @media (max-width: 800px) {
        .section .subservice-link h3 {
          font-size: 33px;
          letter-spacing: calc(33px * -0.02);
          -webkit-text-stroke-width: 0.25px;
          line-height: 92%;
          /* 51.5px */ } }
      @media (min-width: 800px) {
        .section .subservice-link h3 {
          font-size: 37px;
          letter-spacing: calc(37px * -0.02);
          -webkit-text-stroke-width: 0.75px; }
          .section .subservice-link h3 span.ampersand {
            font-size: 39px;
            font-family: 'Hershey-Noailles-Times'; } }
      @media (max-width: 800px) {
        .section .subservice-link h3 {
          font-size: 30px;
          letter-spacing: calc(30px * -0.02);
          -webkit-text-stroke-width: 0.5px; } }
      @media (min-width: 800px) {
        .section .subservice-link h3 {
          margin-bottom: 15px; } }
      @media (max-width: 800px) {
        .section .subservice-link h3 {
          margin-bottom: 8px; } }
    .section .subservice-link p {
      display: flex;
      gap: 0.75ch; }
      .section .subservice-link p em {
        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;
        -webkit-text-stroke-width: 0px; }
        @media (min-width: 800px) {
          .section .subservice-link p em {
            font-size: 14px; } }
        @media (max-width: 800px) {
          .section .subservice-link p em {
            font-size: 14px; } }
      .section .subservice-link p::before {
        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;
        -webkit-text-stroke-width: 0px;
        text-decoration-line: unset !important;
        content: '(•) '; }
        @media (min-width: 800px) {
          .section .subservice-link p::before {
            font-size: 14px; } }
        @media (max-width: 800px) {
          .section .subservice-link p::before {
            font-size: 14px; } }
    .section .subservice-link a:hover p > * {
      text-decoration-line: underline; }
    .section .subservice-link a:-moz-any-link {
      text-decoration-line: unset; }
    .section .subservice-link,
    .section .subservice-link a:any-link,
    .section .subservice-link h3 {
      text-decoration-line: unset; }
  .section .title {
    font-family: Meta-old-French;
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
    /* 51.5px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    text-decoration-thickness: 5%;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: #343131;
    text-decoration-color: #343131;
    -webkit-text-stroke-color: rgba(102, 92, 92, 0.71);
    max-width: 12em;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 150; }
    .section .title span.ampersand {
      font-family: 'Hershey-Noailles-Times'; }
    @media (min-width: 800px) {
      .section .title {
        font-size: 37px;
        letter-spacing: calc(37px * -0.02);
        -webkit-text-stroke-width: 0.75px; }
        .section .title span.ampersand {
          font-size: 39px;
          font-family: 'Hershey-Noailles-Times'; } }
    @media (max-width: 800px) {
      .section .title {
        font-size: 33px;
        letter-spacing: calc(33px * -0.02);
        -webkit-text-stroke-width: 0.25px;
        line-height: 92%;
        /* 51.5px */ } }
    @media (max-width: 800px) {
      .section .title {
        width: 10.5em; }
        .section .title br {
          display: unset; } }
  .section .photo-credit {
    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;
    font-family: 'PP Neue Montreal Mono';
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    /* 15px */
    opacity: 0.5;
    max-width: 17em; }
    @media (min-width: 800px) {
      .section .photo-credit {
        font-size: 14px; } }
    @media (max-width: 800px) {
      .section .photo-credit {
        font-size: 14px; } }
    @media (min-width: 800px) {
      .section .photo-credit {
        font-size: 13px; } }
    @media (max-width: 800px) {
      .section .photo-credit {
        font-size: 14px; } }
    @media (min-width: 800px) {
      .section .photo-credit {
        position: absolute; } }
@media (min-width: 800px) {
  .three-services {
    margin-bottom: -180px; } }

.three-services .canvas {
  z-index: 120 !important; }

.three-services .bg {
  margin-top: calc(-50px + 40px); }
  @media (min-width: 800px) {
    .three-services .bg {
      position: unset;
      margin-left: 50%;
      transform: translateX(-50%); } }
.three-services .hint {
  -webkit-text-stroke-width: 0.4px;
  -webkit-text-stroke-color: rgba(102, 92, 92, 0.71); }

@media (min-width: 800px) {
  .three-services .photo {
    top: calc(-110px + 40px);
    transform: translateX(-50%) scale(0.9); } }

@media (max-width: 800px) {
  .three-services .photo {
    margin-top: -50px;
    opacity: 0.42;
    height: 750px;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center; } }

.three-services .photo.bottom {
  opacity: 0.28; }

@media (min-width: 800px) {
  .three-services .subservice-link h2,
  .three-services .subservice-link h3,
  .three-services .subservice-link h4,
  .three-services .subservice-link h5 {
    margin: 0; }
  .three-services .subservice-link.psychotherapy {
    left: calc(50% + 225px);
    bottom: calc(100% - calc(50px + calc(100lvh / 2)) + 65px); }
  .three-services .subservice-link.psychedelic-therapy {
    bottom: calc(100% - calc(50px + calc(100lvh / 2)) + 65px);
    right: calc(50% + 170px);
    max-width: 10.3em; }
  .three-services .subservice-link.music-for-altered-states {
    top: calc(calc(50px + calc(100lvh / 2)) + 100px);
    right: calc(50% + 170px);
    max-width: 6.5em; }
  .three-services .description {
    max-width: 15em;
    left: calc(50% + 225px);
    top: calc(calc(50px + calc(100lvh / 2)) + 0px); } }

@media (max-width: 800px) {
  .three-services .symbols-dark {
    top: 35px; }
  .three-services .subservice-link h3 {
    margin: 0; }
  .three-services .subservice-link.psychotherapy {
    left: 40px;
    top: 250px; }
  .three-services .subservice-link.psychedelic-therapy {
    top: 363.33333333px;
    right: 16px;
    max-width: 4.28em; }
  .three-services .subservice-link.music-for-altered-states {
    top: 366.66666667px;
    left: 40px;
    max-width: 3.88em; }
  .three-services .description {
    position: unset; }
    .three-services .description .paragraph {
      text-align: center;
      margin: auto;
      margin-top: -40px;
      max-width: 14em; }
    .three-services .description .hint {
      position: absolute;
      right: 16px;
      top: 456.66666667px;
      transform: translateY(50%);
      max-width: 9em;
      display: unset; } }

.section.service.psychotherapy .title {
  top: 120px; }

.section.service.psychotherapy .photo {
  top: 160px; }

@media (max-width: 800px) {
  .section.service.psychotherapy .title {
    top: 30px; }
  .section.service.psychotherapy .photo {
    margin-top: 50px;
    margin-bottom: 15px; } }

@media (min-width: 800px) {
  .section.service.psychotherapy {
    margin-bottom: -470px; }
    .section.service.psychotherapy .individual-therapy {
      top: calc(160px + 110px);
      right: calc(50% + 280px);
      max-width: 4.8em; }
    .section.service.psychotherapy .couples-therapy {
      top: calc(160px + 170px);
      left: calc(50% + 380px);
      max-width: 4.5em; }
    .section.service.psychotherapy .description {
      bottom: 520px;
      left: calc(50% + 30px); }
      .section.service.psychotherapy .description p {
        max-width: 21em; }
    .section.service.psychotherapy .photo-credit {
      bottom: 520px;
      left: 150px;
      max-width: 14em; } }

@media (max-width: 800px) {
  .section.service.psychotherapy .couples-therapy {
    top: calc(50px + 40px);
    right: 18px;
    max-width: 5em; }
    .section.service.psychotherapy .couples-therapy br {
      display: unset; }
  .section.service.psychotherapy .individual-therapy {
    top: calc(50px + 420px);
    left: 50px;
    max-width: 4.5em; } }

.section.service.psychotherapy .subservice-link:first-of-type .circle,
.section.service.psychotherapy .subservice-link:first-of-type p {
  position: relative;
  left: -1.1em; }

.section.service.psychotherapy .subservice-link:first-of-type .circle span:last-of-type::after {
  content: '';
  display: inline-block;
  height: 1.2ex;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.1em;
  background-image: url("/images/[home]individual-therapy-symbol.png");
  background-position: right bottom; }

.section.service.psychotherapy .subservice-link:nth-of-type(2) .circle span:first-of-type::before {
  content: '';
  display: inline-block;
  height: 1.2ex;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.1em;
  background-image: url("/images/[home]couples-therapy-symbol.png"); }

.section.service.psychedelic-therapy .title {
  top: 160px; }

.section.service.psychedelic-therapy .photo {
  top: 240px; }

@media (max-width: 800px) {
  .section.service.psychedelic-therapy .title {
    top: 12px; }
  .section.service.psychedelic-therapy .photo {
    margin-top: 75px; } }

@media (min-width: 800px) {
  .section.service.psychedelic-therapy {
    margin-bottom: -300px; }
    .section.service.psychedelic-therapy .preparation {
      top: calc(240px + 60px);
      right: calc(50% + 270px);
      max-width: 3.8em; }
    .section.service.psychedelic-therapy .description {
      bottom: 250px;
      left: 150px;
      max-width: 21em; }
    .section.service.psychedelic-therapy .integration {
      top: calc(240px + 180px);
      left: calc(50% + 370px);
      max-width: 3.8em; }
    .section.service.psychedelic-therapy .ketamine-assisted-psychotherapy {
      top: calc(240px + 410px);
      left: calc(50% + 320px);
      max-width: 7em; }
    .section.service.psychedelic-therapy .photo-credit {
      top: calc(240px + 555px);
      left: calc(50% + 320px);
      max-width: 17em; } }

@media (max-width: 800px) {
  .section.service.psychedelic-therapy .photo {
    margin-bottom: 90px; }
  .section.service.psychedelic-therapy .preparation {
    top: calc(75px + 50px);
    left: 40px;
    max-width: 3.8em; }
  .section.service.psychedelic-therapy .integration {
    top: calc(75px + 470px);
    left: 40px;
    max-width: 3.8em; }
  .section.service.psychedelic-therapy .ketamine-assisted-psychotherapy {
    top: calc(75px + 420px);
    bottom: 170px;
    left: calc(50% + 20px);
    max-width: 7em; } }

.section.service.music-for-altered-states .title {
  top: 340px; }

.section.service.music-for-altered-states .photo {
  top: 450px; }

@media (max-width: 800px) {
  .section.service.music-for-altered-states .title {
    top: 28px;
    max-width: 6em; }
  .section.service.music-for-altered-states .photo {
    margin-top: 170px;
    margin-left: calc(50% + 25px);
    rotate: 10deg; } }

@media (min-width: 800px) {
  .section.service.music-for-altered-states {
    margin-bottom: -25px; }
    .section.service.music-for-altered-states .the-nature-of-music {
      top: calc(450px - 50px);
      right: calc(50% + 250px);
      max-width: 4.7em;
      text-align: right; }
      .section.service.music-for-altered-states .the-nature-of-music p {
        width: 100%;
        justify-content: flex-end; }
    .section.service.music-for-altered-states .the-use-of-music-in-the-medicine-space {
      top: calc(450px + 290px);
      left: calc(50% + 320px);
      max-width: 7.3em; }
    .section.service.music-for-altered-states .music-for-psychedelic-therapy {
      top: calc(450px + 270px);
      right: calc(50% + 400px); }
    .section.service.music-for-altered-states .description {
      bottom: 190px;
      left: 150px; }
      .section.service.music-for-altered-states .description p {
        max-width: 26em; }
    .section.service.music-for-altered-states .photo-credit {
      left: calc(50% + 320px);
      bottom: 190px;
      max-width: 17em; } }

@media (max-width: 800px) {
  .section.service.music-for-altered-states .photo {
    margin-bottom: 55px; }
  .section.service.music-for-altered-states .description p {
    max-width: 18em; }
  .section.service.music-for-altered-states .the-nature-of-music {
    top: calc(150px - 15px);
    left: 40px;
    max-width: 4.7em; }
  .section.service.music-for-altered-states .the-use-of-music-in-the-medicine-space {
    top: calc(150px + 260px);
    right: 85px;
    text-align: right;
    width: 3.2em; }
    .section.service.music-for-altered-states .the-use-of-music-in-the-medicine-space p {
      width: 100%;
      justify-content: flex-end;
      overflow: visible;
      white-space: nowrap; }
  .section.service.music-for-altered-states .music-for-psychedelic-therapy {
    top: calc(150px + 350px);
    left: 40px; } }

@media (min-width: 800px) {
  .section.contact .contact-form {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%); } }

@media (max-width: 800px) {
  .section.contact .contact-form {
    margin-top: 90px;
    position: relative;
    z-index: 150; } }

@media (min-width: 800px) {
  .services-contact-footer {
    position: relative;
    height: 4800px; } }

.services-contact-footer footer {
  width: 100%; }