.spotlight{position:relative;width:100%;height:100%;background-color:var(--base-100);overflow:hidden}.spotlight .marquees{position:relative;width:100%;height:150svh;display:flex;flex-direction:column;justify-content:center}.spotlight .marquee-container{position:relative;width:125%;height:250px;display:flex;gap:1rem;margin-bottom:1rem}.spotlight .marquee{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translate3d(0,-50%,0);display:flex;gap:1em;will-change:transform}.spotlight #marquee-1 .marquee,.spotlight #marquee-3 .marquee{transform:translate3d(-15%,-50%,0)}.spotlight .marquee-img-item{position:relative;flex:1;display:flex;justify-content:center;align-items:center;border-radius:1rem;overflow:hidden}.spotlight .marquee-img-item.marquee-text-item{flex:1}.spotlight .marquee-img-item h1{text-transform:uppercase;font-family:var(--font-poppins);font-weight:700;font-size:2.5rem;line-height:1.2;letter-spacing:-.125rem}.spotlight .marquee-img-item img{width:100%;height:100%;object-fit:cover}.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:translate3d(-35%,-50%,0)}.spotlight .marquee-img-item h1{font-size:1.5rem}}@media (min-width:1001px) and (max-height:800px),(min-width:1001px) and (max-width:1440px){.spotlight .marquees{height:125svh}.spotlight .marquee-container{height:clamp(11rem,26svh,13.75rem)}.spotlight .marquee-img-item h1{font-size:clamp(1.75rem,2.5vw,2.25rem)}}