:root{--light:#d7dbd2;--dark:#0f0f0f}img{width:100%;height:100%;object-fit:cover}h1{font-size:5rem;font-weight:400;letter-spacing:-.1rem;line-height:.9}section{position:relative;height:100svh;width:100%;overflow:hidden;padding:2rem}.intro,.outro{display:flex;justify-content:center;align-items:center;background-color:var(--light);color:var(--dark)}.intro h1,.outro h1{width:50%;text-align:center}.spotlight{background-color:var(--dark);color:var(--light)}.spotlight-cover-img,.spotlight-images{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;perspective:2000px}.img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:350px;will-change:transform}.spotlight-cover-img{will-change:transform}.spotlight-intro-header,.spotlight-outro-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%}.spotlight-intro-header{z-index:1}.spotlight-outro-header{z-index:10}