.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:1em;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:1em;height:100%;display:flex;position:relative}.project-preview .project-preview-wrapper .preview-img{border:.5px solid #00000036;flex:1;overflow:hidden}.project-preview .project-preview-wrapper .preview-img.main-preview-img img{position:relative;transform:scale(1)}.project-page-whitespace{width:100%;height:550vh}
.text-block{background-color:var(--base-700);width:100%;height:100%;min-height:600px;color:var(--base-100);background-color:#f4f0df;justify-content:center;align-items:center;display:flex;position:relative}.text-block .container{width:100%;padding:3rem;display:flex}.text-block .container .text-block-col{flex:1}.text-block .container .text-block-col:first-child{letter-spacing:-2px;flex-direction:column;justify-content:space-between;gap:5rem;margin-top:-2em;font-size:3.5em;display:flex}.text-block .container .text-block-col:first-child h3{width:75%}.text-block .container .text-block-col:nth-child(2){letter-spacing:-1px;align-items:flex-end;gap:2rem;line-height:25px;display:flex}.text-block .container .text-block-col:nth-child(2) p{font-size:1.3em}.text-block .container .text-block-logo{width:5rem;height:5rem}.text-block .container .text-block-logo svg{object-fit:cover;width:100%;height:100%}.text-block .container .text-block-col:nth-child(2) p{color:var(--base-400)}.text-block .container .text-block-copy{flex:1}@media (max-width:1000px){.text-block{height:750px}.text-block .container{flex-direction:column;gap:2rem;padding:3rem 1.5rem}.text-block .container .text-block-copy{flex:none}.text-block .container .text-block-col:first-child{flex-direction:column-reverse}.text-block .container .text-block-col:nth-child(2){display:inline-block}.text-block .container .text-block-col:nth-child(2) p{margin-bottom:1rem}}@media (max-width:500px){.text-block .container{padding:4rem 1rem}.text-block-col h3{margin-top:2em}}