.spotlight-gallery{position:relative;width:100%;background:hsl(var(--bg));color:hsl(var(--fg))}.spotlight-gallery .intro,.spotlight-gallery .outro{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0 2rem;text-align:center}.spotlight-gallery .intro h1,.spotlight-gallery .outro h1{max-width:22ch;font-family:var(--font-display),Georgia,serif;font-size:clamp(2rem,6vw,5rem);font-weight:600;line-height:1.02;letter-spacing:-.02em}.spotlight-gallery .spotlight{position:relative;width:100%;height:100vh;overflow:hidden}.spotlight-intro-text-wrapper{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:1.5rem;pointer-events:none}.spotlight-intro-text p{font-family:var(--font-display),Georgia,serif;font-size:clamp(2rem,7vw,6rem);font-weight:600;letter-spacing:-.02em}.spotlight-bg-image{position:absolute;inset:0;z-index:1;overflow:hidden;transform:scale(0);transform-origin:center}.spotlight-bg-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.spotlight-bg-image:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}.spotlight-titles-container{position:absolute;inset:0;z-index:3;display:flex;justify-content:center;overflow:hidden;--before-opacity:0;--after-opacity:0}.spotlight-titles-container:after,.spotlight-titles-container:before{content:"";position:absolute;left:0;width:100%;height:32vh;z-index:4;pointer-events:none}.spotlight-titles-container:before{top:0;background:linear-gradient(to bottom,hsl(var(--bg)),transparent);opacity:var(--before-opacity)}.spotlight-titles-container:after{bottom:0;background:linear-gradient(to top,hsl(var(--bg)),transparent);opacity:var(--after-opacity)}.spotlight-titles{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;will-change:transform}.spotlight-titles h1{margin:0;font-family:var(--font-display),Georgia,serif;font-size:clamp(1.6rem,4vw,3.25rem);font-weight:600;letter-spacing:-.02em;color:hsl(var(--fg));opacity:.32;white-space:nowrap;transition:opacity .3s ease,color .3s ease}.spotlight-titles h1.active{opacity:1;color:hsl(var(--accent))}.spotlight-images{position:absolute;inset:0;z-index:5;pointer-events:none}.spotlight-img{position:absolute;top:0;left:0;width:200px;height:150px;overflow:hidden;border-radius:.5rem;opacity:0;box-shadow:0 20px 60px rgba(0,0,0,.5);will-change:transform,opacity}.spotlight-img.active{outline:1px solid hsl(var(--accent))}.spotlight-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.spotlight-header{position:absolute;top:5.5rem;left:50%;transform:translateX(-50%);z-index:6;opacity:0}.spotlight-header p{font-family:var(--font-mono),monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:hsl(var(--muted))}.spotlight-fallback{padding:8rem 0}.spotlight-fallback-grid{display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.spotlight-fallback-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.spotlight-fallback-grid{grid-template-columns:repeat(3,1fr)}}.spotlight-fallback figure{overflow:hidden;border:1px solid hsl(var(--border));border-radius:.5rem}.spotlight-fallback img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.spotlight-fallback figcaption{padding:.75rem 1rem;font-family:var(--font-mono),monospace;font-size:.75rem;color:hsl(var(--muted))}