.showcase-stage{background:radial-gradient(130% 100% at 50% 12%, var(--surface) 0%, var(--surface-2) 52%, var(--bg) 100%)}.showcase-poster{background:radial-gradient(58% 48% at 50% 44%, var(--surface) 0%, transparent 72%);filter:blur(24px)}
.cinematic-pin{height:340vh}.cinematic-scrim{background:linear-gradient(to bottom, var(--bg) 0%, color-mix(in srgb, var(--bg) 40%, transparent) 20%, transparent 46%, transparent 60%, color-mix(in srgb, var(--bg) 55%, transparent) 84%, var(--bg) 100%)}.cinematic-scrim-x{background:linear-gradient(to right, var(--bg) 0%, color-mix(in srgb, var(--bg) 82%, transparent) 26%, color-mix(in srgb, var(--bg) 35%, transparent) 44%, transparent 62%)}.cinematic-phase{color:var(--text-muted);transition:color var(--dur) var(--ease), opacity var(--dur) var(--ease);align-items:center;gap:.6rem;display:flex}.cinematic-phase[data-active=true]{color:var(--text)}.cinematic-phase .dot{background:var(--hairline-strong);width:7px;height:7px;transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:999px}.cinematic-phase[data-active=true] .dot{background:var(--accent);box-shadow:var(--glow-accent);transform:scale(1.35)}@keyframes cinematic-hint{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.cinematic-hint{animation:cinematic-hint 2s var(--ease) infinite}@media (prefers-reduced-motion:reduce){.cinematic-hint{animation:none}}
.kori-route-line{stroke-dasharray:1000;stroke-dashoffset:1000px}.reveal.is-in .kori-route-line{animation:kori-route-draw 1.6s var(--ease) forwards}@keyframes kori-route-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.kori-route-line{stroke-dashoffset:0;animation:none}}