.genesis-page{z-index:4;background-color:#f0ede8;position:relative}.genesis-hero{background-color:#f0ede8;background-image:url(/images/top.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100svh;position:relative;overflow:hidden}.genesis-hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#442824d9 0%,#44282400 100%);width:100%;height:55%;position:absolute;top:0;left:0}.genesis-hero .container{z-index:2;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.gen-hero-header{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:1.8rem;display:flex}.gen-hero-header h1{font-family:var(--font-heading);letter-spacing:.09em;text-transform:uppercase;color:#fff;font-size:clamp(2.5rem,4.2vw,3.8rem);font-weight:400;line-height:1}.gen-hero-subtitle{color:#fff;letter-spacing:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;line-height:1}.genesis-about{background-color:#f0ede8;padding:8rem 0;position:relative}.genesis-about .container{flex-direction:column;justify-content:center;align-items:center;gap:4rem;display:flex}.genesis-about .container .genesis-about-logo{width:8rem;height:8rem}.genesis-about .container .genesis-about-copy{text-align:center;flex-direction:column;width:60%;display:flex}.genesis-about .container .genesis-about-copy h4{color:var(--base-700);margin-bottom:2rem}.project-preview{background-color:#f0ede8;width:100%;height:100vh;padding:0;position:fixed;top:0;left:0;overflow:hidden}.project-preview .project-preview-wrapper{gap:4em;width:160%;height:100vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.project-preview .project-preview-wrapper .preview-col{flex-direction:column;flex:1;gap:4em;height:100%;display:flex;position:relative}.project-preview .project-preview-wrapper .preview-img{border-radius:.75rem;flex:1;overflow:hidden}.project-preview .project-preview-wrapper .preview-img.main-preview-img img{position:relative;transform:scale(2)}.project-page-whitespace{width:100%;height:600vh}@media (max-width:1199px) and (orientation:portrait){.genesis-about .container .genesis-about-copy{width:100%}.project-preview .project-preview-wrapper{width:250%}}@media (max-width:480px){.genesis-hero{height:100svh}.gen-hero-header h1{font-size:clamp(2rem,10vw,3.5rem)}.gen-hero-subtitle{font-size:clamp(.85rem,3.5vw,1.1rem)}.genesis-about{padding:4rem 0}.genesis-about .container{gap:2rem}.genesis-about .container .genesis-about-logo{width:5rem;height:5rem}.project-preview .project-preview-wrapper{gap:2em;width:350%}.project-preview .project-preview-wrapper .preview-col{gap:2em}}