@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap");:root{--light:#d7dbd2;--dark:#0f0f0f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Instrument Serif",sans-serif}img{width:100%;height:100%;object-fit:cover}h1{font-size:5rem;font-weight:500;letter-spacing:-.1rem;line-height:.9}section{position:relative;width:100vw;height:100svh;padding:2rem;overflow:hidden}.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:translate3d(-50%,-50%,-1000px);width:500px;height:350px}.img,.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:2}@media (max-width:1000px){.intro h1,.outro h1,.spotlight-intro-header,.spotlight-outro-header{width:100%}.spotlight-intro-header,.spotlight-outro-header{padding:2rem}}