/* Extracted from original inline style block: spotlight-ring-override. Order is intentional. */
#projects .spotlight{min-height:100vh;background:linear-gradient(155deg,#fbfcff 0%,#f0f3f9 55%,#e8ecf5 100%)}
#projects .spotlight-heading{margin:35px 0 5px;text-align:center}
#projects .spotlight-heading h3{font-size:clamp(38px,3.8vw,62px);line-height:1;letter-spacing:-2px}
#projects .spotlight-stage{position:relative;display:block;width:100%;height:clamp(290px,39vh,415px);min-height:290px;max-height:none;flex:1;overflow:hidden;isolation:isolate;perspective:1400px;touch-action:pan-y}
#projects .spotlight-stage::before{content:"";position:absolute;left:50%;top:56%;width:min(90vw,1160px);height:125px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(60,82,116,.045),transparent 65%);border:0;pointer-events:none}
#projects .spotlight-stage::after{content:none}
#projects .spotlight-track{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;display:block!important;gap:0!important;transform:none!important;transition:none!important;will-change:auto!important}
#projects .spotlight-piece,#projects .spotlight-piece.is-focus{position:absolute!important;left:50%!important;top:50%!important;width:clamp(125px,12.5vw,175px);height:clamp(195px,20vw,255px);margin:0;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:pointer;transform:translate3d(calc(-50% + var(--card-x,0px)),calc(-50% + var(--card-y,0px)),0px) rotateY(var(--card-rotation,0deg)) rotateZ(var(--card-tilt,0deg)) scale(var(--card-scale,1)) !important;transform-origin:50% 50%!important;opacity:var(--card-opacity,1);visibility:var(--card-visibility,visible);z-index:var(--card-layer,1);box-shadow:0 17px 29px rgba(25,39,65,.17),0 4px 9px rgba(25,39,65,.09);transition:transform .75s cubic-bezier(.2,.78,.2,1),opacity .5s ease,visibility .5s ease!important;backface-visibility:hidden;will-change:transform}
#projects .spotlight-piece.is-focus{box-shadow:0 21px 36px rgba(25,39,65,.2)}
#projects .spotlight-art{height:100%;width:100%;padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
#projects .spotlight-art.real-design img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
#projects .spotlight-art.real-design::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(0deg,rgba(8,20,40,.70),transparent);pointer-events:none}
#projects .spotlight-art .design-caption{position:absolute;z-index:2;bottom:10px;left:10px;right:10px;color:white;font-size:10px;font-weight:700;line-height:1.2}
#projects .spotlight-instructions{margin-top:auto;position:relative;z-index:2;padding-top:7px}
#projects .spotlight-footer{position:relative;z-index:2;padding:10px 30px 12px}
@media(max-width:760px){#projects .spotlight{min-height:calc(100dvh - 90px)}#projects .spotlight-stage{height:310px;min-height:310px;flex:none}#projects .spotlight-piece,#projects .spotlight-piece.is-focus{width:122px;height:189px}#projects .spotlight-heading{margin:30px 0 10px}#projects .spotlight-heading h3{font-size:38px}#projects .spotlight-footer{padding:8px 16px 10px}}