/* Reference-led concave card rail. All geometry comes from selected-arc-profile.js. */
.selected-arc{position:relative;margin-inline:calc(-1 * var(--gutter));margin-top:-24px;isolation:isolate}
.selected-arc-stage{position:relative;width:100%;aspect-ratio:1280/798;overflow:hidden;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none}
.selected-arc-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.selected-arc-cards{position:absolute;inset:0}
.selected-arc-card{position:absolute;left:0;top:0;padding:0;border:0;border-radius:var(--ui-radius);color:#fff;text-align:center;touch-action:pan-y;cursor:grab;-webkit-user-drag:none}
.selected-arc-card:active,.selected-arc.is-dragging .selected-arc-stage{cursor:grabbing}
.selected-arc-card>img{width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:inherit}
.selected-arc-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(0,0,0,.36);pointer-events:none}
.selected-arc-card-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;z-index:1;pointer-events:none}
.selected-arc-card-copy strong{font-family:'Portfolio Jeko','Portfolio Lanting',sans-serif;font-size:24px;font-weight:450;letter-spacing:-.02em;line-height:1.3}
.selected-arc-card-copy small{font-size:10px;line-height:1.7;margin-top:16px}
.selected-arc.is-enhanced .selected-arc-card{background:none;outline:none}
.selected-arc.is-enhanced .selected-arc-card>*{visibility:hidden}
.selected-arc.is-enhanced .selected-arc-card:after{display:none}
.selected-arc-stage:focus-visible{outline:1px solid var(--accent);outline-offset:-6px;border-radius:var(--ui-radius)}
.selected-arc-footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:0 var(--gutter);margin-top:-56px;color:var(--muted);font-size:11px;line-height:1.6}
.selected-arc-current{display:flex;gap:20px;align-items:center;min-width:0}
.selected-arc-current strong{color:var(--text);font-size:12px;font-weight:400;line-height:1.6}
.selected-arc-current [data-arc-count]{white-space:nowrap;font-variant-numeric:tabular-nums}
.selected-arc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.selected-arc.is-static{margin-inline:0;margin-top:0}
.selected-arc.is-static .selected-arc-stage{height:auto!important;aspect-ratio:auto;overflow:visible;touch-action:auto}
.selected-arc.is-static .selected-arc-canvas,.selected-arc.is-static .selected-arc-footer{display:none}
.selected-arc.is-static .selected-arc-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.selected-arc.is-static .selected-arc-card{position:relative;transform:none!important;width:100%!important;height:auto!important;aspect-ratio:4/5;cursor:pointer}
.selected-arc.is-static .selected-arc-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.selected-arc-card.is-painted:after,.selected-arc-card.is-painted .selected-arc-card-copy{display:none}
.selected-arc.is-loading .selected-arc-card{visibility:hidden}
@media(max-width:960px){.selected-arc{margin-top:-8px}.selected-arc-stage{min-height:450px}.selected-arc-footer{font-size:10px}.selected-arc-current{gap:12px}}
@media(max-width:600px){.selected-arc{margin-top:0}.selected-arc-stage{min-height:390px}.selected-arc-footer{margin-top:-32px;gap:12px;align-items:flex-start}.selected-arc-footer>span{max-width:7em;font-size:9px}.selected-arc-current{gap:8px;max-width:68%;align-items:flex-start}.selected-arc-current strong{font-size:11px}.selected-arc.is-static .selected-arc-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.selected-arc-card-copy{padding:12px}.selected-arc-card-copy strong{font-size:18px}.selected-arc-card-copy small{font-size:9px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.selected-arc *{transition:none!important}}

/* Native SpotlightCard fallback shares the WebGL light's pointer and easing. */
.selected-spotlight{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;z-index:2;opacity:var(--spot-presence,0)}
.selected-spotlight-fill,.selected-spotlight-rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.selected-spotlight-fill{opacity:var(--spot-gain,.34);background:radial-gradient(circle var(--spot-radius,240px) at var(--spot-x,50%) var(--spot-y,50%),#6366f1 0%,rgb(99 102 241 / .83) 25%,rgb(99 102 241 / .47) 50%,rgb(99 102 241 / .18) 75%,transparent 100%)}
.selected-spotlight-rim{padding:1px;background:radial-gradient(circle var(--spot-radius,240px) at var(--spot-x,50%) var(--spot-y,50%),rgb(191 194 255 / .7),transparent 75%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}