body{background-color:#141414;color:#fff}img{width:100%;height:100%;object-fit:cover}h1{text-transform:uppercase;font-size:3rem;font-weight:400}p{font-size:1.5rem;font-weight:500}.intro,.outro,.spotlight{position:relative;width:100%;height:100svh;overflow:hidden;padding:2rem}.intro p,.outro p{display:flex;justify-content:center;align-items:center;height:100%;font-size:7rem}.project-images{position:absolute;top:0;left:50%;transform:translateX(-50%);width:35%;padding:50svh 0;display:flex;flex-direction:column;gap:.5rem;z-index:-1}.project-img{width:100%;aspect-ratio:16/9;opacity:.5;transition:all .4s ease;overflow:hidden}.project-names{position:absolute;right:2rem;bottom:2rem;display:flex;flex-direction:column;align-items:flex-end}.project-names p{color:#4a4a4a;transition:color .3s ease}.project-images,.project-index h1,.project-names p{will-change:transform}