.director-caret{animation:1.05s step-end infinite director-blink}@keyframes director-blink{0%,55%{opacity:1}56%,to{opacity:0}}.director-input{caret-color:var(--color-accent-hot);caret-shape:block}.dir-bar{z-index:85;background:var(--color-void);transition:transform 1s var(--ease-out-expo);will-change:transform;position:fixed;left:0;right:0}.dir-bar-top{top:0;transform:translateY(-101%)}.dir-bar-bottom{bottom:0;transform:translateY(101%)}.dir-on .dir-bar-top,.dir-on .dir-bar-bottom{transform:none}.dir-still .dir-bar{transition:none}.dir-hairline-top{border-bottom:1px solid var(--color-hairline-strong)}.dir-hairline-bottom{border-top:1px solid var(--color-hairline-strong)}.dir-rec{background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;animation:2.6s ease-in-out infinite dir-rec}@keyframes dir-rec{0%,to{opacity:1}50%{opacity:.25}}.dir-scrim{z-index:83;height:calc(var(--dir-bottom) + 230px);pointer-events:none;background:linear-gradient(to top, #060509f5 0, #060509eb calc(var(--dir-bottom) + 70px), #06050999 calc(var(--dir-bottom) + 140px), #06050938 calc(var(--dir-bottom) + 200px), #06050900);opacity:0;transition:opacity .6s var(--ease-out-expo);position:fixed;bottom:0;left:0;right:0}.dir-on .dir-scrim{opacity:1}.dir-sub-wrap{left:0;right:0;bottom:var(--dir-bottom);z-index:84;pointer-events:none;padding:0 var(--gutter) clamp(14px, 2.4vh, 26px);opacity:0;transition:opacity .6s var(--ease-out-expo);justify-content:center;display:flex;position:fixed}.dir-on .dir-sub-wrap{opacity:1}.dir-sub{text-align:center;letter-spacing:-.025em;text-wrap:balance;justify-content:center;align-items:flex-end;max-width:40ch;min-height:2.36em;font-size:clamp(1.05rem,2.1vw,1.65rem);font-weight:500;line-height:1.18;display:flex}@media (min-width:900px){.dir-sub{max-width:52ch}}.dir-cap{margin:0;animation:.35s ease-out both dir-cap-in}@keyframes dir-cap-in{0%{opacity:0}to{opacity:1}}.dir-w{color:#eeeaf666;transition:color .28s ease-out}.dir-w.is-now{color:var(--color-accent-hot)}.dir-w.is-said{color:var(--color-ink)}.dir-done .dir-bar-bottom{transform:translateY(101%)}.dir-done .dir-scrim,.dir-done .dir-sub-wrap{opacity:0}#main{transition:opacity .42s ease-out}html.dir-cut #main{opacity:0;transition-duration:.24s}html.dir-sketch #main{opacity:.07;transition-duration:.5s}body:has([data-director-hud]:not(.dir-done)) #main{pointer-events:none}html{--dir-lane-vh:34}html.dir-lane #main{padding-bottom:calc(var(--dir-lane-vh) * 1vh)}.dir-log{height:4.8em;overflow:hidden}.dir-log-roll{height:100%;animation:dir-log-roll .5s var(--ease-out-expo) both;flex-direction:column;justify-content:flex-end;margin:0;padding:0;line-height:1.6;list-style:none;display:flex}.dir-log-line{height:1.6em}@keyframes dir-log-roll{0%{transform:translateY(1.6em)}to{transform:none}}.dir-fig{animation:dir-fig-in .7s var(--ease-out-expo) both}@keyframes dir-fig-in{0%{opacity:0}to{opacity:1}}[data-metric]{transition:color .45s var(--ease-out-expo), text-shadow .45s var(--ease-out-expo)}[data-metric].dir-metric-on{color:var(--color-accent-hot);text-shadow:0 0 48px color-mix(in srgb, var(--color-accent-hot) 55%, transparent)}@media (prefers-reduced-motion:reduce){[data-metric],.dir-bar,#main{transition:none}.dir-cap,.dir-log-roll,.dir-fig{animation:none}.dir-w{transition:none}.dir-rec{animation:none}}[data-director-hud]{--dir-bottom:clamp(76px, 12vh, 112px)}