.genesis-hero{width:100%;height:125svh;position:relative;overflow:hidden}.genesis-hero .gen-hero-img{width:100%;height:100%;position:absolute;top:0;left:0}.genesis-hero .container{height:100%;color:var(--base-100);flex-direction:column;justify-content:flex-end;align-items:center;padding:10rem 2.125rem 6rem;display:flex;position:relative}.genesis-hero .container .gen-scroll-cue{color:var(--base-100);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.85rem;padding:0;transition:opacity .3s,transform .3s;display:flex}.genesis-hero .container .gen-scroll-cue:hover{transform:translateY(-2px)}.genesis-hero .gen-scroll-text{font-family:var(--font-dm-mono), monospace;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;font-size:.72rem;animation:2.4s ease-in-out infinite gen-scroll-pulse}.genesis-hero .gen-scroll-line{background:#ffffff38;border-radius:2px;width:2px;height:96px;position:relative;overflow:hidden}.genesis-hero .gen-scroll-line:after{content:"";background:linear-gradient(#0000,#fff 60%,#0000);border-radius:2px;height:42%;animation:2.1s cubic-bezier(.7,0,.3,1) infinite gen-scroll-comet;position:absolute;inset:0 0 auto}.genesis-hero .gen-scroll-chevron{width:22px;height:22px;animation:2.1s ease-in-out infinite gen-scroll-bob}@keyframes gen-scroll-comet{0%{opacity:0;transform:translateY(-120%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(280%)}}@keyframes gen-scroll-bob{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@keyframes gen-scroll-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.genesis-hero .gen-scroll-line:after,.genesis-hero .gen-scroll-chevron,.genesis-hero .gen-scroll-text{animation:none}}.genesis-about{background-color:var(--base-100);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{margin-bottom:2rem}.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:.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:1000px){.genesis-about .container .genesis-about-copy{text-align:left;width:100%}.genesis-hero .container{padding:10rem 1.5rem}.project-preview .project-preview-wrapper{width:250%}}