@layer components{.film{--ax:74%;--ay:43%}@media (max-width:1023px){.film{--ax:62%}}.tone-dark{background-color:var(--film);color:var(--paper)}.tone-paper{background-color:var(--secondary);color:var(--ink)}.tone-gold{background-color:var(--gold);color:var(--ink)}.tone-dark ::selection{background:var(--gold);color:var(--ink)}.scene{position:relative}.stage,.layer{width:100%;position:relative}.fx{display:none}[data-film=on] .scene{height:var(--len,100svh)}[data-film=on] .stage{height:100svh;position:sticky;top:0;overflow:hidden}[data-film=on] .layer,[data-film=on] .fx{position:absolute;inset:0}[data-film=on] .fx{pointer-events:none;display:block}[data-film=on] .layer:not(.layer-live){pointer-events:none}[data-film=on] .layer-live a,[data-film=on] .layer-live button{pointer-events:auto}.ruled{background-image:repeating-linear-gradient(to bottom, var(--film-line) 0 1px, transparent 1px 48px);opacity:.5}.ruled-ink{background-image:repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px 48px)}.track{flex-direction:column;gap:4rem;display:flex}[data-film=on] .track{will-change:transform;flex-direction:column;gap:8vh}@media (min-width:1024px){[data-film=on] .track{flex-direction:row-reverse;align-items:center;gap:0;width:max-content;height:100%}}[data-film=on] .res{will-change:transform, opacity;width:min(92vw,820px);position:absolute;top:42%;left:50%}[data-film=on] .res-meta{position:absolute;top:100%;left:0;right:0}[data-film=on] [data-srs-nums] ol{display:block;position:absolute;inset:0}[data-film=on] [data-srs-num]{left:var(--nx);top:var(--ny);position:absolute;transform:translate(-50%,-115%)}[data-loader]{pointer-events:none;animation:1.5s cubic-bezier(.76,0,.24,1) forwards film-loader-out}@keyframes film-loader-out{0%,74%{clip-path:inset(0);visibility:visible}to{clip-path:inset(0 0 100%);visibility:hidden}}[data-loader-line]{animation:.55s cubic-bezier(.22,1,.36,1) both film-loader-line}[data-loader-line]:nth-child(2){animation-delay:90ms}@keyframes film-loader-line{0%{clip-path:inset(0 0 100%);transform:translateY(.1em)}to{clip-path:inset(0 0 -.2em);transform:none}}[data-loader-rule]{animation:.8s cubic-bezier(.22,1,.36,1) .14s both film-loader-rule}@keyframes film-loader-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-loader-meta]{animation:.4s ease-out .3s both film-loader-meta}@keyframes film-loader-meta{0%{opacity:0}to{opacity:1}}[data-film-seen="1"] [data-loader]{display:none!important}@media (prefers-reduced-motion:reduce){[data-loader],[data-loader] *{animation:none!important;display:none!important}}.scene,[id]{scroll-margin-top:5.5rem}}