.spotlight-carousel{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;margin-bottom:24px;overflow:hidden}.spotlight-viewport{touch-action:pan-y;outline-offset:-3px;overflow:hidden}.spotlight-track{align-items:stretch;transition:transform .38s;display:flex}.spotlight-slide{isolation:isolate;flex:0 0 100%;align-items:flex-end;min-width:0;min-height:clamp(420px,38vw,520px);padding:40px;display:flex;position:relative}.spotlight-art{z-index:-1;position:absolute;inset:0;overflow:hidden}.spotlight-art:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.spotlight-art .scene{width:100%;height:100%;margin:0}.spotlight-art .scene>svg{width:100%;height:100%}.spotlight-art:after{content:"";background:linear-gradient(90deg,#030407e8,#03040780 55%,#03040712),linear-gradient(#0000 20%,#030407db);position:absolute;inset:0}.spotlight-caption{width:min(100%,610px)}.spotlight-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.spotlight-meta small{color:var(--text-3)}.spotlight-caption h2{font:500 clamp(28px, 3.4vw, 46px)/1.15 var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere}.spotlight-caption h2 a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.spotlight-caption p{color:#cbd2dd;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:52ch;margin-top:14px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.spotlight-cues{color:#cbd2dd;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:12px;display:flex}.spotlight-cues:empty{display:none}.spotlight-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.spotlight-actions .btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}.spotlight-navigation{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:12px;min-height:62px;padding:8px 16px;display:flex}.spotlight-control{border:1px solid var(--line-2);width:40px;height:40px;color:var(--text);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.spotlight-control:hover{background:var(--raised);border-color:var(--accent)}.spotlight-control.previous svg{transform:rotate(180deg)}.spotlight-dots{flex-wrap:wrap;justify-content:center;min-width:0;display:flex}.spotlight-dots button{background:0 0;border:0;flex:none;place-items:center;width:28px;height:40px;padding:0;display:grid}.spotlight-dots button span{background:var(--text-3);border-radius:50%;width:6px;height:6px}.spotlight-dots button[aria-pressed=true] span{background:var(--accent);width:9px;height:9px}.spotlight-position{font:11px var(--font-mono);color:var(--text-2);white-space:nowrap}.spotlight-viewport:focus-visible,.spotlight-control:focus-visible,.spotlight-dots button:focus-visible{outline:2px solid var(--accent)}@media (max-width:600px){.spotlight-slide{align-items:flex-start;min-height:500px;padding:230px 20px 24px}.spotlight-art{height:260px;bottom:auto}.spotlight-art:after{background:linear-gradient(0deg, var(--surface), transparent 70%)}.spotlight-caption h2{font-size:27px}.spotlight-caption p{font-size:13px}.spotlight-actions{margin-top:20px}.spotlight-actions .btn{padding-inline:12px;font-size:12px}.spotlight-navigation{gap:6px;padding-inline:8px}.spotlight-dots button{width:24px}.spotlight-control{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.spotlight-track{transition:none}}