/* Extracted from original inline style block: curved-infinite-spotlight. Order is intentional. */
/* Ring / orbit carousel styling for the Graphic Design section */
#projects .spotlight-stage{perspective:1500px;overflow:hidden;isolation:isolate;position:relative}
#projects .spotlight-track{position:absolute;inset:0;left:0;width:100%;height:100%;display:block;transform:none!important;transition:none!important;overflow:visible;transform-style:preserve-3d}
#projects .spotlight-piece{position:absolute;top:53%;left:50%;margin:0;width:clamp(146px,13vw,206px);height:clamp(222px,22vw,304px);opacity:var(--card-opacity,1);z-index:var(--card-layer,1);filter:saturate(var(--card-saturation,1));transform:translate(-50%,-50%) translate3d(var(--card-x,0px),var(--card-y,0px),var(--card-z,0px)) rotateY(var(--card-rotation,0deg)) rotateZ(var(--card-tilt,0deg)) scale(var(--card-scale,1));transition:transform .09s linear,opacity .14s linear,filter .14s linear,visibility .14s linear;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 16px 28px #132a4440;will-change:transform;visibility:var(--card-visibility,visible)}
#projects .spotlight-piece.is-focus{box-shadow:0 24px 40px #15283d52}
#projects .spotlight-stage.is-scrolling .spotlight-piece{transition:transform .06s linear,opacity .12s linear,filter .12s linear,visibility .12s linear}
#projects .spotlight-piece .real-design img{object-fit:cover;width:100%;height:100%}
#projects .spotlight-stage:after{content:'';position:absolute;left:50%;bottom:4%;width:min(72%,860px);height:88px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(20,40,75,.10) 0%, rgba(20,40,75,.06) 35%, transparent 72%);pointer-events:none;z-index:0}
@media(max-width:760px){#projects .spotlight-piece{width:146px;height:228px}#projects .spotlight-stage{height:340px}}
@media(prefers-reduced-motion:reduce){#projects .spotlight-piece{transition:none!important}}