.cardContainer{justify-content:center;align-items:center;height:80vh;display:flex;position:-webkit-sticky;position:sticky;top:0}.cardContainer .card{transform-origin:top;border-radius:25px;flex-direction:column;width:1000px;height:500px;padding:50px;display:flex;position:relative}.cardContainer .card .body{gap:50px;height:100%;margin-top:50px;display:flex}.cardContainer .card .body .description{width:40%;position:relative;top:10%}.cardContainer .card .body .imageContainer{border-radius:25px;width:60%;height:100%;position:relative;overflow:hidden}.cardContainer .card .body .imageContainer .inner{width:100%;height:100%}.cardContainer .card .body .imageContainer img{object-fit:cover}@media (max-width:768px){.cardContainer{height:auto;min-height:80vh;padding:0}.cardContainer .card{border-radius:20px;width:90vw;height:auto;min-height:500px;padding:30px 20px}.cardContainer .card h2{margin-bottom:20px;font-size:2rem!important}.cardContainer .card .body{flex-direction:column;gap:30px;margin-top:30px}.cardContainer .card .body .description{width:100%;top:0}.cardContainer .card .body .description p{font-size:1rem!important}.cardContainer .card .body .imageContainer{border-radius:15px;width:100%;height:250px}}
.spotlight{background-color:var(--base-100);width:100%;height:100%;position:relative;overflow:hidden}.spotlight .marquees{flex-direction:column;justify-content:center;width:100%;height:140svh;display:flex;position:relative}.spotlight .marquee-container{gap:1rem;width:125%;height:250px;margin-bottom:1rem;display:flex;position:relative}.spotlight .marquee{will-change:transform;gap:1em;width:100%;height:100%;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.spotlight #marquee-1 .marquee,.spotlight #marquee-3 .marquee{transform:translate(-15%,-50%)}.spotlight .marquee-img-item{border-radius:1rem;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.spotlight .marquee-img-item.marquee-text-item{flex:1}.spotlight .marquee-img-item h1{text-transform:uppercase;letter-spacing:-.125rem;font-family:Big Shoulders Display,sans-serif;font-size:4.25rem;font-weight:900;line-height:.9}.spotlight .marquee-img-item img{object-fit:cover;width:100%;height:100%}.spotlight .marquee-img-item h1 .char{will-change:font-weight}@media (max-width:1000px){.spotlight .marquees{height:100svh}.spotlight .marquee-container{width:250%;height:150px}.spotlight #marquee-2 .marquee,.spotlight #marquee-4 .marquee{transform:translate(-35%,-50%)}.spotlight .marquee-img-item h1{font-size:2.5rem}}