.spotlight{align-content:center;height:100vh;overflow:hidden;overflow:visible;padding:.2rem;position:relative;width:100%;z-index:100}.spotlight-images{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:30}.spotlight-img{left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,300%);width:clamp(19rem,24vw,39rem);will-change:transform}.spotlight-img:nth-of-type(2){width:clamp(16rem,18.5vw,25rem)}.spotlight-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#fade{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:2rem;text-align:center;z-index:1}.cs-h3{font-size:2rem}.cs-h3,.fade-text{font-weight:500;margin:0 auto;max-width:81.25rem;text-align:center;width:90%}.fade-text{color:#000;font-family:Roboto Mono,Roboto,Sans Serif;font-size:3rem}.scroll-indicator{align-items:center;bottom:15%;display:flex;flex-direction:column;left:50%;opacity:1;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;z-index:-1}.scroll-text{color:#888;font-family:Roboto Condensed,Roboto,Sans Serif;font-size:1rem;margin-bottom:5px}.scroll-cursor{height:2rem;position:relative;width:100%}.scroll-cursor:before{background-color:#a3a3a3;height:100%}.scroll-cursor:after,.scroll-cursor:before{border-radius:20px;content:"";left:50%;opacity:1;position:absolute;top:0;transform:translate(-50%,-.2rem);width:2px}.scroll-cursor:after{animation:blink 3s ease-in-out infinite;background-color:#575757;height:0}@keyframes blink{0%{height:0;top:0}40%{height:100%;top:0}50%{height:100%;top:0}to{height:0;top:100%}}@media only screen and (max-width:1000px){.cs-h3{font-size:1rem}#fade{padding:.2rem}#fade .fade-text{font-size:1.75rem}}