.project-hero{background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:6em;width:100vw;height:100svh;padding:2em;display:flex;position:relative;overflow:hidden}.project-hero .project-hero-header{flex-direction:column;gap:2em;display:flex}.project-hero-header-h1{align-items:center;gap:2em;display:flex}.project-hero-header-h1 img{width:1rem;height:1rem}.project-hero .project-tags{justify-content:center;gap:1em;display:flex}.project-hero .project-hero-description{text-align:center;width:50%}.project-hero .project-hero-footer{justify-content:space-between;width:100%;padding:2em;display:flex;position:absolute;bottom:0}.project-hero .project-hero-footer .project-hero-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.project-hero .project-hero-footer .project-hero-footer-symbols{height:1rem}.project-preview{background-color:var(--fg);width:100vw;height:100vh;padding:0;position:fixed;top:0;left:0;overflow:hidden}.project-preview .project-preview-wrapper{gap:4em;width:160vw;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:1em;flex:1;overflow:hidden}.project-preview .project-preview-wrapper .preview-img.main-preview-img img,.project-preview .project-preview-wrapper .preview-img.main-preview-img .funky-player video{position:relative;transform:scale(2)}.project-page-whitespace{width:100vw;height:600vh}.project-client-feedback{background-color:var(--bg);width:100vw;padding:8em 2em;position:relative}.project-client-feedback .project-client-feedback-header{text-align:center;margin-bottom:8em}.project-client-feedback .project-client-feedback-copy{width:65%;margin:2em auto 4em}.project-client-feedback .project-client-feedback-copy p{text-align:center;font-size:2.5rem}.project-client-feedback .project-client-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;display:flex}.project-client-feedback .project-client-icon{border:.2em solid var(--fg);outline:.2em solid var(--accent1);border-radius:1em;width:100px;height:100px;overflow:hidden}.project-client-feedback .project-client-bio{flex-direction:column;gap:.25em;display:flex}.project-snapshots{background-color:var(--bg);flex-direction:column;gap:2em;width:100vw;padding:4em 2em;display:flex;position:relative}.project-snapshots .project-snapshot{border-radius:2em;width:100%;height:auto;overflow:hidden}.project-page .contact-cta,.project-page footer{background-color:var(--bg)}@media (max-width:1000px){.project-hero .project-hero-footer .project-hero-footer-symbols{display:none}.project-hero .project-hero-footer{justify-content:flex-end;display:flex}.project-hero .project-hero-footer .project-hero-footer-scroll-down{left:2em;transform:translate(0%)}.project-hero .project-hero-description{width:100%}.project-preview .project-preview-wrapper{width:250vw}.project-client-feedback .project-client-feedback-copy{width:100%}.project-client-feedback .project-client-feedback-copy p{font-size:1.5rem}.project-snapshots .project-snapshot{width:100%;height:auto}}