.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 .gen-hero-img video{object-fit:cover;width:100%;height:100%}.genesis-hero .container{color:var(--base-100);flex-direction:column;justify-content:space-between;padding:10rem 2.125rem;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-400)}.genesis-hero .container .gen-hero-copy:nth-child(3){flex-direction:column;gap:4rem;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: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)}.clients-section{background-color:var(--base-200);padding:6rem 0;position:relative}.clients-section .container{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.clients-section h3{margin-bottom:1rem}.clients-grid{grid-template-columns:repeat(6,1fr);gap:2rem;width:100%;margin-top:2rem;display:grid}.client-logo{background-color:var(--base-100);border-radius:.75rem;justify-content:center;align-items:center;padding:2rem 1rem;transition:all .3s ease-in-out;display:flex}.client-logo:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.client-logo p{font-family:var(--font-cairo),sans-serif;color:var(--base-600);font-size:1rem;font-weight:700}.project-page-whitespace{width:100%;height:600vh}@media (max-width:1200px){.clients-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.genesis-hero .container .gen-hero-copy:nth-child(3) h1,.genesis-about .container .genesis-about-copy{width:100%}.genesis-hero .container{padding:10rem 1.5rem}.project-preview .project-preview-wrapper{width:250%}.clients-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.client-logo{padding:1.5rem .75rem}}@media (max-width:600px){.genesis-hero{height:100svh}.genesis-hero .container{padding:6rem 1rem}.genesis-hero .container .gen-hero-copy:nth-child(3){gap:2rem}.genesis-hero .container .gen-hero-copy:nth-child(3) h1{width:100%;font-size:1.5rem}.genesis-hero .container .gen-hero-copy:nth-child(3) .gen-hero-meta{flex-direction:column;align-items:flex-start;gap:1.5rem}.genesis-about{padding:4rem 0}.genesis-about .container{gap:2rem}.genesis-about .container .genesis-about-logo{width:5rem;height:5rem}.genesis-about .container .genesis-about-copy h4{margin-bottom:1rem;font-size:1rem}.project-preview .project-preview-wrapper{gap:2em;width:350%}.project-preview .project-preview-wrapper .preview-col{gap:2em}.clients-grid{grid-template-columns:1fr;gap:.75rem}.client-logo{padding:1.25rem .75rem}.clients-section{padding:4rem 0}}