:root{--base-100: #e9f1f7;--base-200: #a9bccb;--base-300: #9fd8ff;--base-400: #0d1620}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Funnel Display,sans-serif;background:var(--base-400);color:var(--base-300)}h1,h3{font-weight:500;letter-spacing:-.02em;line-height:1.25}h1{font-size:clamp(3rem,5vw,7rem)}h3{font-size:clamp(1.5rem,3vw,4.5rem)}p{font-size:clamp(.85rem,1vw,1rem)}section{position:relative;width:100%;height:100svh;padding:2rem;overflow:hidden}.intro,.outro{display:flex;justify-content:center;align-items:center}.spotlight{display:flex;gap:2rem}.spotlight-copy,.spotlight-cards{flex:1}.spotlight-copy{display:flex;flex-direction:column;justify-content:center;align-items:center}.spotlight-copy p{width:65%;text-align:center;color:var(--base-200)}.spotlight-cards{position:relative;perspective:1200px}.spotlight-cards .card{position:absolute;top:50%;left:50%;height:70%;aspect-ratio:4 / 5;padding:2rem;border-radius:1rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:var(--base-100);background-size:cover;background-position:center;will-change:transform}.spotlight-cards .card:after{content:"";position:absolute;inset:0;background:#00000040;pointer-events:none}.spotlight-cards .card h3{position:relative;z-index:1}.card#card-1{background-image:url(/c/spotlight-card-stack-scroll/img1.jpg);z-index:6}.card#card-2{background-image:url(/c/spotlight-card-stack-scroll/img2.jpg);z-index:5}.card#card-3{background-image:url(/c/spotlight-card-stack-scroll/img3.jpg);z-index:4}.card#card-4{background-image:url(/c/spotlight-card-stack-scroll/img4.jpg);z-index:3}.card#card-5{background-image:url(/c/spotlight-card-stack-scroll/img5.jpg);z-index:2}@media(max-width:1000px){.spotlight{flex-direction:column;gap:0}.spotlight-copy{position:relative;z-index:20;flex:0 0 auto;padding:4rem 0 1rem;background:var(--base-400)}.spotlight-cards{flex:1;min-height:0}.spotlight-cards .card{height:auto;width:70%}}