@import url("https://fonts.googleapis.com/css2?family=PP+Neue+Montreal&family=Manrope:wght@400;700&family=Roboto:wght@400;700&family=Open+Sans:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@400;700&display=swap");.spotlight-gallery{font-family:Manrope,sans-serif;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;background-color:#0f0f0f;color:#fff;width:100%}.spotlight-gallery img{width:100%;height:100%;object-fit:cover;display:block}.spotlight-gallery h1{font-size:4rem;font-weight:500;line-height:1;margin:0}.spotlight-gallery p{font-size:1.5rem;font-weight:500;line-height:1;margin:0}.spotlight-gallery section{position:relative;height:100vh;width:100%;overflow:hidden}.spotlight-gallery .intro,.spotlight-gallery .outro{display:flex;justify-content:center;align-items:center;background-color:#0f0f0f;color:#fff;padding:2rem;text-align:center}.spotlight-intro-text-wrapper{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:flex;gap:.5rem;z-index:3;pointer-events:none}.spotlight-intro-text{flex:1}.spotlight-intro-text:first-child{display:flex;justify-content:flex-end}.spotlight-bg-image{position:absolute;width:100%;height:100%;overflow:hidden;transform:scale(0);will-change:transform;top:0;left:0}.spotlight-bg-image img{transform:scale(1.5);will-change:transform}.spotlight-titles-container{position:absolute;top:0;left:15vw;width:70%;height:100%;overflow:hidden;--before-opacity:0;--after-opacity:0;clip-path:polygon(50vh 0,0 50%,50vh 100%,100% calc(100% + 100vh),100% -100vh);pointer-events:none}.spotlight-titles-container:after,.spotlight-titles-container:before{content:"";position:absolute;width:100vh;height:2.5px;background:#fff;pointer-events:none;transition:opacity .3s ease;z-index:10}.spotlight-titles-container:before{top:0;left:0;transform:rotate(-45deg) translate(-7rem);opacity:var(--before-opacity)}.spotlight-titles-container:after{bottom:0;left:0;transform:rotate(45deg) translate(-7rem);opacity:var(--after-opacity)}.spotlight-titles{position:relative;left:15%;width:75%;height:100%;display:flex;flex-direction:column;gap:5rem;transform:translateY(100vh);z-index:2}.spotlight-titles h1{color:#fff;opacity:.25;transition:opacity .3s ease}.spotlight-titles h1.active{opacity:1}.spotlight-images{position:absolute;top:0;right:0;width:50%;min-width:300px;height:100%;z-index:1;pointer-events:none}.spotlight-img{position:absolute;width:200px;height:150px;will-change:transform,opacity}.spotlight-img.active{opacity:1!important}.spotlight-header{position:absolute;top:50%;left:10%;transform:translateY(-50%);color:#fff;transition:opacity .3s ease;z-index:2;opacity:0}@media (max-width:1000px){.spotlight-gallery .intro,.spotlight-gallery .outro{padding:2rem;text-align:center}.spotlight-titles-container{clip-path:none}.spotlight-titles-container:after,.spotlight-titles-container:before{display:none}.spotlight-titles{left:0}.spotlight-header{display:none}}@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");.sticky-cards{--background:#1e1e1e;--foreground:#edf1e8;font-family:Manrope,sans-serif;position:relative;width:100%;height:100%;background-color:var(--background)}.sticky-cards *{box-sizing:border-box;padding:0;margin:0}.sticky-cards img{width:100%;height:100%;object-fit:cover}.sticky-cards h1{font-size:7rem;font-weight:800;letter-spacing:-.35rem;line-height:1.1}.sticky-cards p{font-size:1.125rem;font-weight:500}.sticky-card{position:relative;width:100%;min-height:100svh;background-color:var(--foreground);color:var(--background);padding:1.5rem 1.5rem 5rem;display:flex;gap:3rem;will-change:transform}.sticky-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:var(--after-opacity,0);transition:opacity .1s ease;pointer-events:none;z-index:2}.sticky-card-index{flex:2}.sticky-card-content{flex:4;padding-top:1.5rem}.sticky-card-content-wrapper{width:75%;display:flex;flex-direction:column;gap:1.5rem}.sticky-card-header{width:75%}.sticky-card-img img{aspect-ratio:5/3}.sticky-card-copy{display:flex;justify-content:space-between;align-items:flex-start;margin-top:1.5rem}.sticky-card-copy-title p{text-transform:uppercase;font-weight:650}@media (max-width:1000px){.sticky-cards h1{font-size:2rem;letter-spacing:0}.sticky-cards p{font-size:1rem}.sticky-card{flex-direction:column;gap:0}.sticky-card-content-wrapper{width:100%}.sticky-card-copy{flex-direction:column;gap:.5rem}.sticky-card-index{flex:1}}.hover-image-container{--hi-bg:#f2f2f2;--hi-text:#000000;--hi-border:rgba(0,0,0,0.15);font-family:Raleway,sans-serif;min-height:100vh;width:100%;background:var(--hi-bg);color:var(--hi-text);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.dark .hover-image-container,:root[class~=dark] .hover-image-container{--hi-bg:#0a0a0a;--hi-text:#ffffff;--hi-border:rgba(255,255,255,0.27)}.projects{flex-direction:column;max-width:1200px}.project,.projects{display:flex;width:100%}.project{align-items:center;justify-content:space-between;padding:3rem 8rem;border-top:1px solid var(--hi-border);cursor:pointer}.project h2{font-size:3.5rem;font-weight:500}.project h2,.project p{transition:.5s ease}.project:last-child{border-bottom:1px solid var(--hi-border)}.project:hover{opacity:.5}.project:hover h2{transform:translateX(-15px)}.project:hover p{transform:translateX(15px)}.project-thumbnail{position:fixed;width:400px;height:250px;display:flex;flex-direction:column;overflow:hidden;pointer-events:none;top:0;left:0;transform-origin:center center;z-index:100}.thumbnail{width:100%;height:100%;flex-shrink:0}.thumbnail img{width:100%;height:100%;object-fit:cover}