.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.3rem}.projects,.loader,.locations{flex:1;display:flex;flex-direction:column;justify-content:center}.loader{align-items:center;gap:0}.loader h1{font-size:2rem;line-height:.9;text-align:center;text-transform:uppercase;color:#3a3a3a;background-image:linear-gradient(0deg,var(--tone-200),var(--tone-200) 50%,var(--tone-400) 0);background-size:100% 200%;background-position:0% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.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:var(--tone-300)}.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 h1{font-size:1.5rem}.projects,.locations{display:none}.image-grid{width:90%}}@media(max-width:600px){.overlay{padding:1rem;gap:1rem}.loader h1{font-size:1.25rem}.image-grid{width:95%;max-width:320px}.image-grid .grid-row{gap:.5rem}}.spotlight{position:relative;width:100%;height:100svh;background-color:var(--tone-100);overflow:hidden}.spotlight .spotlight-container{position:absolute;top:50%;left:50%;width:90vw;max-width:1400px;display:flex;justify-content:center;padding:0;transform:translate(-50%,-50%);transform-origin:center}.spotlight .spotlight-container .spotlight-gallery{position:relative;width:100%;height:400px;margin:0 auto}.spotlight .spotlight-gallery .spotlight-gallery-item{position:absolute;top:0;width:20px;height:400px;display:flex;justify-content:center;align-items:center;background:#000;transition:all 1s cubic-bezier(.075,.82,.165,1);overflow:hidden;will-change:left,width}.spotlight .spotlight-gallery .spotlight-gallery-item img{width:400px;height:100%;object-fit:contain;transform:scale(2)}.spotlight .spotlight-footer{position:absolute;bottom:0;left:0;width:100%;color:var(--tone-400)}.spotlight .spotlight-footer .container{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.spotlight .spotlight-footer .container a{color:var(--tone-400)}@media(max-width:1000px){.spotlight .spotlight-container{width:95vw}.spotlight .spotlight-container .spotlight-gallery,.spotlight .spotlight-gallery .spotlight-gallery-item{height:280px}.spotlight .spotlight-gallery .spotlight-gallery-item img{width:280px}}@media(max-width:600px){.spotlight{min-height:70svh;height:auto;padding-bottom:5rem}.spotlight .spotlight-container{width:100%;padding:0 .5rem}.spotlight .spotlight-container .spotlight-gallery,.spotlight .spotlight-gallery .spotlight-gallery-item{height:220px}.spotlight .spotlight-gallery .spotlight-gallery-item img{width:220px}.spotlight .spotlight-footer .container{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}}.parallax-footer{position:relative;width:100%;height:95svh;background-color:var(--tone-100);color:var(--tone-400);overflow:hidden;margin-top:0;will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden}.footer-container{position:relative;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-35%);will-change:transform}#footer-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.5;z-index:-1}.footer-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.parallax-footer .footer-row{display:flex;justify-content:space-between}.parallax-footer .footer-row:nth-child(1) .footer-col:nth-child(1){flex:3}.parallax-footer .footer-row:nth-child(1) .footer-col:nth-child(2){flex:2;display:flex;gap:2rem}.footer-sub-col{flex:1;display:flex;flex-direction:column;gap:.5rem}.parallax-footer .footer-row h2{width:75%;font-family:Cossette Titre,sans-serif;color:var(--tone-400)}.parallax-footer .footer-row h3{font-family:Cossette Titre,sans-serif;color:var(--tone-400)}.parallax-footer .footer-row a{text-decoration:none;color:var(--tone-400);font-family:Cossette Titre,sans-serif;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:500;line-height:1.25;transition:opacity .3s ease}.parallax-footer .footer-row a:hover{opacity:.7}.parallax-footer .footer-row p{font-family:Cossette Titre,sans-serif;font-size:.9rem;font-weight:400;color:var(--tone-400)}@media(max-width:1000px){.parallax-footer .footer-row:nth-child(1){flex-direction:column;gap:4rem}.parallax-footer .footer-row h2{width:100%}}@media(max-width:600px){.parallax-footer{height:auto;min-height:80svh;padding:2rem 0}.footer-container{transform:translateY(-20%);padding:1rem}.parallax-footer .footer-row:nth-child(1){flex-direction:column;gap:2rem;align-items:flex-start}.parallax-footer .footer-row:nth-child(1) .footer-col:nth-child(2){flex-direction:column;gap:1rem}.parallax-footer .footer-row h2{font-size:2rem}.parallax-footer .footer-row h3{font-size:1.5rem}}