.genesis-hero{width:100%;height:125svh;position:relative;overflow:hidden}.genesis-hero .gen-hero-img{background-color:var(--base-400);width:100%;height:100%;position:absolute;top:0;left:0}.genesis-hero .container{color:var(--base-700);flex-direction:column;justify-content:space-between;padding:160px 34px;display:flex;position:relative}.genesis-hero .container .gen-hero-copy:first-child{flex-direction:column;align-items:flex-end;display:flex}.genesis-hero .container .gen-hero-copy p{color:var(--base-600)}.genesis-hero .container .gen-hero-copy:nth-child(3){flex-direction:column;gap:64px;display:flex}.genesis-hero .container .gen-hero-copy:nth-child(3) h1{text-align:center;width:75%;margin:0 auto}.genesis-hero .container .gen-hero-copy:nth-child(3) .gen-hero-meta{justify-content:space-between;align-items:flex-end;display:flex}.genesis-about{background-color:var(--base-100);padding:64px 0 160px;position:relative}.genesis-about .container{flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex}.genesis-about .container .genesis-about-logo{width:128px;height:128px}.genesis-about .container .genesis-about-copy{text-align:center;flex-direction:column;width:60%;display:flex}.genesis-about .container .genesis-about-copy h4{margin-bottom:32px}.project-preview{background-color:var(--base-400);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:12px;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:300vh}@media (min-width:1025px) and (max-width:1366px){.genesis-about{padding:128px 0}.genesis-about .container .genesis-about-logo{display:none}.genesis-about .container .genesis-about-copy h4:last-child{margin-bottom:0}}@media (max-width:1024px){.genesis-hero{height:100svh}.genesis-hero .container{padding:112px 24px 64px}.genesis-hero .container .gen-hero-copy:nth-child(3) h1{width:90%}.genesis-hero .container .gen-hero-copy:nth-child(3) .gen-hero-meta{padding-bottom:32px}.genesis-about{padding:96px 0 64px}.genesis-about .container .genesis-about-logo{display:none}.genesis-about .container .genesis-about-copy{width:90%}.project-preview{clip-path:inset(0)}.project-page-whitespace{height:180vh}.project-preview .project-preview-wrapper{will-change:transform;backface-visibility:hidden;clip-path:inset(0 round 12px);width:100%;height:100svh;transform:translate(-50%,-50%)scale(.4);display:block!important;position:absolute!important;overflow:hidden!important}.project-preview .project-preview-wrapper .preview-col:not(.main-preview-col){display:none!important}.project-preview .project-preview-wrapper .preview-col.main-preview-col{width:100%!important;height:100%!important;display:block!important;position:relative!important}.project-preview .project-preview-wrapper .main-preview-col .preview-img:not(.main-preview-img){display:none!important}.project-preview .project-preview-wrapper .main-preview-img{border-radius:0;width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important}.project-preview .project-preview-wrapper .main-preview-img img{will-change:transform;backface-visibility:hidden;object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}}@media (max-width:767px){.genesis-hero .gen-hero-meta .gen-hero-meta-block:first-child{transform:translateY(60px)}}