.scene-intro{z-index:40;opacity:0;pointer-events:none;will-change:transform, opacity;display:flex;position:absolute;top:50%;left:0;right:0}.scene-intro-half{will-change:transform;flex:1;display:flex;position:relative}.scene-intro-half:first-child{transform-origin:100%;justify-content:flex-end}.scene-intro-half:last-child{transform-origin:0%;justify-content:flex-start}.scene-intro-center{transform-origin:50%;will-change:transform, opacity;flex:none;display:flex;position:relative}.scene-intro-letter{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-fg);flex:none;justify-content:center;padding-top:.06em;font-size:15vw;font-weight:500;line-height:1;display:flex;overflow:hidden}.scene-intro-letter>span{will-change:transform;display:block}.scene-hint{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-fg-faint);margin:0;font-size:.72rem;line-height:1.2}.scene-cue{top:var(--cue-y,50%);left:var(--cue-x,50%);z-index:5;border:1px solid color-mix(in oklab, var(--color-accent) 55%, transparent);background:color-mix(in oklab, var(--color-ink-950) 58%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--color-accent);opacity:0;pointer-events:none;transition:opacity .32s var(--ease-out-soft), scale .32s var(--ease-out-soft);border-radius:999px;align-items:center;gap:.45rem;padding:.7rem 1.05rem;font-size:.7rem;line-height:1;display:inline-flex;position:absolute;translate:-50% -50%;scale:.8}.scene-navigator:has([data-testid=scene-frame]:hover) .scene-cue{opacity:1;scale:1}@media (hover:none){.scene-cue{opacity:1;animation:2.8s ease-in-out infinite scene-cue-breathe;top:56%;left:50%;scale:1}}.scene-pager{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex}.scene-pager-item{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-faint);cursor:pointer;transition:color .4s var(--ease-out-soft);justify-content:flex-end;align-items:center;gap:.55rem;padding-block:.15rem;font-size:.72rem;line-height:1;display:flex}.scene-pager-item:hover,.scene-pager-item:focus-visible{color:var(--color-fg-muted)}.scene-pager-item[data-on=true]{color:var(--color-accent)}.scene-pager-label{opacity:.55;transition:opacity .4s var(--ease-out-soft), letter-spacing .4s var(--ease-out-soft)}.scene-pager-item:hover .scene-pager-label,.scene-pager-item:focus-visible .scene-pager-label{opacity:.8}.scene-pager-item[data-on=true] .scene-pager-label{opacity:1;letter-spacing:.14em}.scene-pager-bar{opacity:.45;width:.9rem;height:2px;transition:width .5s var(--ease-out-soft), opacity .4s var(--ease-out-soft);background:currentColor;border-radius:999px;flex:none;display:block}.scene-pager-item[data-on=true] .scene-pager-bar{opacity:1;width:2.2rem}@media (max-width:39.99em){.scene-pager{gap:.28rem}.scene-pager-item{letter-spacing:.1em;gap:.5rem;padding-block:.12rem;font-size:.64rem}.scene-pager-bar{width:.7rem}.scene-pager-item[data-on=true] .scene-pager-bar{width:1.6rem}}@media (max-width:39.99em) and (max-height:45em){.scene-pager{gap:.2rem}.scene-pager-item{padding-block:.08rem;font-size:.58rem}}@keyframes scene-cue-breathe{0%,to{opacity:.62;scale:.96}50%{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.scene-cue{transition:none;animation:none}}