.overlay{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100svh;display:flex;gap:2rem;padding:2rem;background-color:var(--tone-100);color:var(--tone-400);overflow:hidden;pointer-events:all}.overlay p{font-size:1.1rem}.projects,.loader,.locations{flex:1;display:flex;flex-direction:column;justify-content:center}.loader{align-items:center;gap:0}.loader .crown-logo{width:min(24rem,40vh);aspect-ratio:1;-webkit-mask-image:url(/logo/crown-white.png);mask-image:url(/logo/crown-white.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a 50%,var(--tone-500) 0);background-size:100% 200%;background-position:0% 100%;transform:scale(.92);will-change:background-position,transform}.projects-header,.project-item,.locations-header,.location-item{display:flex;gap:2rem;opacity:0}.projects-header>*,.project-item>*{flex:1}.locations{align-items:center}.locations-header,.location-item{width:50%}.project-item,.location-item{color:#4a4a4a}.image-grid{position:fixed;top:50%;left:50%;z-index:1000;width:30%;aspect-ratio:1;display:flex;flex-direction:column;gap:1rem;transform:translate(-50%,-50%)}.image-grid .grid-row{width:100%;display:flex;gap:1rem}.img{position:relative;flex:1;aspect-ratio:1;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);overflow:hidden}.img img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}@media(max-width:1000px){.loader .crown-logo{width:min(16rem,60vw)}.projects,.locations{display:none}.image-grid{width:90%}}