body, html {
      margin: 0;
      padding: 0;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #333;
    }
    #fixed-title {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 50px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 40px 0;
      z-index: 999;
      transition: opacity 0.3s ease;
      color: #fff;
      background: none;
    }
    .hidden {
      opacity: 0;
    }
    .title-image {
      width: 100%;
      height: auto;
      display: block;
    }
    
    .intro {
      max-width: none;
      margin: 5% 0;
      padding-left: 7.5vw;
      padding-right: 7.5vw;
      font-size: 18px;
      line-height: 1.6;
    }
    .intro p strong {
      font-weight: bold;
    }
    .intro p:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
      font-size: 24px;
      font-weight: bold;
      text-indent: 40px;
    }
    .extra-space {
      margin-top: 5%;
    }
    @media (max-width: 768px) {
      .extra-space {
        margin-top: 10vh;
      }
    }
    .image-container {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 1.2s ease-out, transform 1.2s ease-out;
      margin: 100px 0;
    }
    .image-container.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .fullwidth-image {
      width: 100%;
      height: auto;
      display: block;
    }
    .wrapper-left {
      display: flex;
      justify-content: flex-start;
      padding-left: 5vw;
    }
    .wrapper-right {
      display: flex;
      justify-content: flex-end;
      padding-right: 5vw;
    }
    .scaled {
      width: 66%;
    }
    .half-scaled {
      width: 50%;
    }
    @media (max-width: 1024px) {
      .scaled, .half-scaled {
        width: 90%;
      }
      .wrapper-left, .wrapper-right {
        padding-left: 3vw;
        padding-right: 3vw;
      }
      .wrapper-left {
        justify-content: flex-start;
      }
      .wrapper-right {
        justify-content: flex-end;
      }
      #fixed-title {
        font-size: 40px;
      }
      .intro {
        font-size: 22px;
      }
      .intro p:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
        font-size: 26px;
      }
    }
  
@media (max-width: 1024px) and (orientation: portrait) {
  .title-image {
    object-fit: cover;
    height: 100vh;
  }
  .intro {
    margin-top: 20vh;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }
  .extra-space {
    margin-top: 20vh;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  .title-image {
    object-fit: contain;
    height: auto;
  }
  .intro {
    margin-top: 20vh;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }
  .extra-space {
    margin-top: 20vh;
  }
}

.site-footer {
  padding: 40px 5vw;
  font-size: 16px;
  color: #333;
}
.site-footer .footer-inner {
  max-width: 1170px;
  margin: auto;
}
.site-footer a {
  color: #333;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.intro a {
  color: #333;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.footer-spacer {
  height: 100px;
}