.login-page-container *{margin:0;padding:0;box-sizing:border-box}.login-page-container{font-family:PP Neue Montreal,sans-serif;background-color:#e6eef5;min-height:100vh;width:100vw;overflow:auto;position:relative}.login-page-container img{width:100%;height:100%;object-fit:cover}.login-page-container a,.login-page-container p{text-transform:uppercase;font-family:Akkurat Mono,monospace;font-size:.7rem}.login-page-container a{text-decoration:none;color:#000}.login-page-container .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:2em;background-color:#000;color:#fff;display:flex;gap:2em;overflow:hidden;z-index:201}.login-page-container .loader,.login-page-container .locations,.login-page-container .projects{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1em;z-index:202}.login-page-container .loader{align-items:center;gap:0}.login-page-container .loader h1{text-align:center;text-transform:uppercase;font-family:Druk,sans-serif;font-size:2.5rem;font-style:italic;line-height:.9;-webkit-text-fill-color:transparent;background-clip:text;background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a 50%,#fff 0);background-size:100% 200%;background-position:0 100%;color:#3a3a3a;padding:.1em .2em;overflow:visible}.login-page-container .location-item,.login-page-container .locations-header,.login-page-container .project-item,.login-page-container .projects-header{display:flex;gap:2em;opacity:0}.login-page-container .project-item>*,.login-page-container .projects-header>*{flex:1}.login-page-container .locations{align-items:center}.login-page-container .location-item,.login-page-container .locations-header{width:50%}.login-page-container .location-item,.login-page-container .project-item{color:#4f4f4f}.login-page-container .image-grid{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;aspect-ratio:1;display:flex;flex-direction:column;gap:1em;z-index:202}.login-page-container .grid-row{width:100%;display:flex;gap:1em}.login-page-container .img{position:relative;flex:1;aspect-ratio:1;clip-path:polygon(0 0,100% 0,100% 0,0 0)}.login-page-container nav{position:fixed;width:100vw;padding:1em;display:flex;gap:2em;z-index:5}.login-page-container nav>*{flex:1}.login-page-container .links{display:flex;justify-content:space-around;align-items:center}.login-page-container .nav-logo{text-align:center;display:flex;justify-content:center}.login-page-container .nav-logo a{font-family:Druk,sans-serif;font-size:1.75rem;font-weight:bolder;font-style:italic;line-height:.9}.login-page-container .banner-img{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) scale(0);width:20%;aspect-ratio:4/5;z-index:3}.login-page-container .intro-copy{position:absolute;top:45%;transform:translateY(-50%);width:100%;padding:0 8em;display:flex;justify-content:space-between;align-items:center;z-index:4}.login-page-container .title{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);z-index:4}.login-page-container .intro-copy h3,.login-page-container .title h1{position:relative;text-transform:uppercase;color:#000;font-family:Druk,sans-serif;font-weight:500;font-style:italic;line-height:.9;padding:.1em .2em;overflow:visible}.login-page-container .title h1{font-size:3.5rem}.login-page-container .intro-copy h3{font-size:1.5rem}.login-page-container .intro-copy h3,.login-page-container .title h1{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);padding:.2em;margin:-.2em}.login-page-container .intro-copy h3 .word,.login-page-container .title h1 .word{display:inline-block;position:relative;will-change:transform;margin-right:.25rem;overflow:visible}.word-no-clip{overflow:visible!important;padding:.05em!important;margin:0 .1em!important;display:inline-block!important;transform-origin:center!important}@media (max-width:900px){.login-page-container .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-page-container .banner-img,.login-page-container .intro-copy,.login-page-container .locations,.login-page-container .projects{display:none}.login-page-container .title{width:100%;bottom:20%;display:flex;justify-content:center}.login-page-container .title h1{font-size:2.5rem}.login-page-container .image-grid{width:75%;gap:.5em}.login-page-container .grid-row{gap:.5em}}.title h1{font-family:TestFounders-Bold,sans-serif;font-size:8vw;font-weight:400;line-height:1;color:#fff;text-transform:uppercase}.static-view .title h1,.static-view nav{transform:translateY(0)}.static-view .hero-img-final-container{position:absolute;top:50%;left:50%;width:25vw;height:35vh;transform:translate(-50%,-50%) scale(4);clip-path:polygon(20% 10%,80% 10%,80% 90%,20% 90%);z-index:10}.static-view .hero-img-final-container img{width:100%;height:100%;object-fit:cover;transform:scale(1)}.static-view .banner-img-1{transform:rotate(-20deg);left:40%;opacity:1;scale:1}.static-view .banner-img-2{transform:rotate(20deg);left:60%;opacity:1;scale:1}.static-homepage-container .image-grid{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:30%!important;aspect-ratio:1!important;display:flex!important;flex-direction:column!important;gap:1em!important;z-index:202!important;transition:width .3s ease,gap .3s ease!important}.static-homepage-container .grid-row{width:100%!important;display:flex!important;gap:1em!important;transition:gap .3s ease!important}.static-homepage-container .img{position:relative!important;flex:1!important;aspect-ratio:1!important}@media (max-width:900px){.static-homepage-container .image-grid{width:75%!important;gap:.5em!important}.static-homepage-container .grid-row{gap:.5em!important}.static-homepage-container .title{width:100%!important;bottom:20%!important;display:flex!important;justify-content:center!important}.static-homepage-container .title h1{font-size:2.5rem!important}.static-homepage-container .hero-img{transform-origin:center center!important}}