.home-page {
  padding-bottom: 7.5rem; }
  @media screen and (max-width: 768px) {
    .home-page {
      padding-bottom: 0; } }
  .home-page-backgrounds {
    margin: 0; }
    .home-page-backgrounds:after {
      content: '';
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(33%, rgba(12, 97, 88, 0.9)), color-stop(90%, transparent));
      background-image: linear-gradient(to bottom, rgba(12, 97, 88, 0.9) 33%, transparent 90%); }
  .home-page-background {
    margin: 0;
    pointer-events: none;
    position: relative;
    z-index: -3; }
    .home-page-background.init {
      display: none; }
    .home-page-background.out {
      z-index: -2; }
    .home-page-background.in {
      z-index: -1;
      -webkit-animation: theme-node-homepage-background-in 1s both linear;
      animation: theme-node-homepage-background-in 1s both linear; }
    .home-page-background picture {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-direction: row;
      flex-wrap: nowrap;
      -webkit-box-align: stretch;
      align-items: stretch; }
      .home-page-background picture img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        width: 100%; }
  .js .home-page .theme-paragraph-loading,
  .js .home-page .theme-paragraph-jump-list-target {
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
    @media screen and (max-width: 768px) {
      .js .home-page .theme-paragraph-loading,
      .js .home-page .theme-paragraph-jump-list-target {
        position: static; } }
  .home-page .theme-paragraph-loading-content,
  .home-page .theme-paragraph-section-content {
    -webkit-animation: 1s linear both paused;
    animation: 1s linear both paused;
    -webkit-animation-name: inherit;
    animation-name: inherit;
    -webkit-animation-delay: inherit;
    animation-delay: inherit;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }

@-webkit-keyframes theme-node-homepage-background-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes theme-node-homepage-background-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes theme-node-homepage-scroll-fade-1 {
  0%, 20% {
    opacity: 1;
    -webkit-filter: blur(0) brightness(100%) grayscale(0%);
    filter: blur(0) brightness(100%) grayscale(0%); }
  80%, 100% {
    opacity: 0;
    -webkit-filter: blur(0px) brightness(0%) grayscale(0%);
    filter: blur(0px) brightness(0%) grayscale(0%); } }

@keyframes theme-node-homepage-scroll-fade-1 {
  0%, 20% {
    opacity: 1;
    -webkit-filter: blur(0) brightness(100%) grayscale(0%);
    filter: blur(0) brightness(100%) grayscale(0%); }
  80%, 100% {
    opacity: 0;
    -webkit-filter: blur(0px) brightness(0%) grayscale(0%);
    filter: blur(0px) brightness(0%) grayscale(0%); } }

@-webkit-keyframes theme-node-homepage-scroll-fade-2 {
  0%, 20% {
    opacity: 1;
    -webkit-filter: blur(0) brightness(100%) grayscale(0%);
    filter: blur(0) brightness(100%) grayscale(0%); }
  80%, 100% {
    opacity: 0;
    -webkit-filter: blur(0px) brightness(0%) grayscale(0%);
    filter: blur(0px) brightness(0%) grayscale(0%); } }

@keyframes theme-node-homepage-scroll-fade-2 {
  0%, 20% {
    opacity: 1;
    -webkit-filter: blur(0) brightness(100%) grayscale(0%);
    filter: blur(0) brightness(100%) grayscale(0%); }
  80%, 100% {
    opacity: 0;
    -webkit-filter: blur(0px) brightness(0%) grayscale(0%);
    filter: blur(0px) brightness(0%) grayscale(0%); } }