* { 
      z-index: 3;
    }
	
body.homepage {
		min-height: 100vh;
		height: auto;
	}
	
	body.homepage .main-content {
		min-height: 650vh;
		height: auto;
		padding-top: 140px;
	}

	body.homepage .menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}

	.top-container {
		position:absolute; 
		top: 0; 
		left: 0;
		width: 100vw;
		height: 100vh;
	}

    .hero {
      position: relative;
      height: 100vh;
      overflow: hidden;
	  z-index: 1;
      background-color: white;
    }

    .slider-image {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 1s ease-in-out;
      opacity: 0;
      filter: blur(10px);
    }

    .slider-image.active {
      opacity: 1;
      filter: blur(0);
    }

    .home-statement {		
      width: 100%;
      position: relative;
      background: white;
      text-align: center;
      padding: 64px 16px;
      box-shadow: 0 0 30px rgba(0,0,0,0.05);
      z-index: 1;
    }

	.home-statement > p {
		letter-spacing: 2px;
		max-width: 55vw;
		margin: auto;
		line-height: 35px;
		font-size: 1.25em;
		font-size-adjust: from-font;
		vertical-align: middle;
		text-align: center;
		font-weight: lighter;
		color: var(--main-text-dark-color);
	}

	.reveal-section {
	  position: relative;
	  height: 250vh;
	}

    .reveal-section.first-section {
		top: calc(150vh + var(--half-stmts-container-height));
	}

	.reveal-image {
	  position: sticky;
	  height: 70vh;
	  width: 100%;
	  display: inline-block;
	  text-align: center;
	  -webkit-font-smoothing: antialiased;
	}

    .reveal-section.first-section .reveal-image {
      top: calc(var(--menu-height) + 73px);
      height: fit-content;
	}

	.reveal-image img {
	  width: 90%;
	  position: relative;
      top: 0;
	  transition: transform 0.3s ease-out;
	  will-change: transform;
	  max-height: 100vh;
      z-index: 0;
	}
	
	#first-section-bottom {
        background-color: rgb(253, 250, 246);
    	padding: 65px 100px 65px 100px;
	}

	.image-revealed {
      position: fixed;
      top: var(--menu-height);
      left: 0;
      text-align: center;
      background: transparent;
      height: calc(100vh - var(--menu-height));
      width: 100%;
    }

    .image-revealed img {
      aspect-ratio: auto;
      width: 90%;
    }

    .layer-1 {
      z-index: 2;
    }

    .layer-2 {
      z-index: 1;
    }

    .layer-1 .image-reveal-mask {
      position: absolute;
      clip-path: inset(-30% 0 var(--first-image-reveal-pixels) 0);
      width: 100%;
      height: 100%;
    }

    .reveal-image {
      height: 100vh !important;
      background: transparent;
    }

    .image-reveal-content {
      position: absolute;
      top: 0;
	    transition: transform 0.3s ease-out;
	    will-change: transform;
	    max-height: 100vh;
      z-index: 0;
	  }

    .reveal-section.second-section {
      top: 100vh;
      height: 100vh;
      z-index: 4;
      background-color: transparent;
    }

    .reveal-section.second-section .after-reveal {
      position: relative;
      background: var(--main-bg-color);
      top: 10vh;
    }

    .reveal-section.second-section .after-reveal .svg-title {
      max-width: 500px;
      margin: auto;
	  display: block;
	  background: url(../img/our-wall.svg);
	  height: 180px;
	  background-size: 60%;
	  background-position: center;
	  background-repeat: no-repeat;
    }

    #first-section-bottom {
      box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    }

	.photo-gallery {
		/*background-image: url(../img/wallpaper.jpg);*/
		padding: 0 10% 0 10%;
	}

	
	.gallery-image-wrapper.loaded {
		background: floralwhite;
	}

    @media (max-width: 790px) {
      .image-revealed {
        top: calc(12vh + var(--menu-height));
      }

      .reveal-section {
        height: 150vh;
      }

      .layer-1 .image-reveal-mask {
        clip-path: inset(-30% 0 calc(var(--first-image-reveal-pixels) - var(--revealed-image-translation-1)  - 60px) 0);
      }
    }