.film[data-case="northline"]{--paper:#f2e9cd;--ink:#192329;--ochre:#d7b84f;--signal:#d55a38}
.film[data-case="northline"][data-scene="0"],.film[data-case="northline"][data-scene="3"]{--bg:#263e46;--backplate:#477078;--fg:#f5ebd3;--hair:#f5ebd344}
.film[data-case="northline"][data-scene="1"],.film[data-case="northline"][data-scene="4"]{--bg:#aa452e;--backplate:#d47441;--fg:#f7ecd6;--hair:#f7ecd644}
.film[data-case="northline"][data-scene="2"],.film[data-case="northline"][data-scene="5"]{--bg:#515e2b;--backplate:#869144;--fg:#f5ebd3;--hair:#f5ebd344}
.film[data-case="northline"][data-scene="6"]{--bg:#593352;--backplate:#8f5674;--fg:#f5ebd3;--hair:#f5ebd344}
.film[data-case="northline"] .nl-sentry{animation:nl-sentry 8s ease-in-out infinite}
.film[data-case="northline"] .nl-drone{animation:nl-hover 7s ease-in-out infinite}
.film[data-case="northline"] .nl-rotor{animation:nl-prop 1.3s ease-in-out infinite;transform-origin:0 0}
.film[data-case="northline"] .nl-signal,.film[data-case="northline"] .nl-lamp{animation:nl-lamp 3.6s ease-in-out infinite}
.film[data-case="northline"] .nl-route{animation:nl-route 9s linear infinite}
.film[data-case="northline"] .nl-approval{animation:nl-approve 5s ease-out both}
.film[data-case="northline"] .nl-guard-walk{animation:nl-walk 8s ease-in-out both}
.film[data-case="northline"] .nl-return-flight{animation:nl-return 7s ease-in-out both}
.film[data-case="northline"] .nl-file{animation:nl-file 9s ease-in-out infinite;transform-origin:390px 380px}
@keyframes nl-sentry{0%,100%{transform:translate(-4px,0) rotate(-.4deg)}50%{transform:translate(5px,-1px) rotate(.4deg)}}
@keyframes nl-hover{0%,100%{transform:translate(0,-4px) rotate(-1deg)}50%{transform:translate(3px,5px) rotate(1deg)}}
@keyframes nl-prop{0%,100%{transform:scaleX(1) rotate(-3deg)}50%{transform:scaleX(.76) rotate(4deg)}}
@keyframes nl-lamp{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes nl-route{to{stroke-dashoffset:-100}}
@keyframes nl-approve{0%{opacity:0;transform:translateY(14px) rotate(-3deg)}25%{opacity:1}100%{opacity:1;transform:none}}
@keyframes nl-walk{0%{transform:translateX(-35px)}100%{transform:translateX(24px)}}
@keyframes nl-return{0%{transform:translate(-15px,-80px)}100%{transform:translate(0,28px)}}
@keyframes nl-file{0%,100%{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}
@media(prefers-reduced-motion:reduce){.film[data-case="northline"] .story-art *{animation:none!important}}

/* Documents and observation streams join only at the Expert, after document reading. */
.film[data-case="northline"] .nl-document-drift{animation:nl-document-drift 9s ease-in-out infinite}
.film[data-case="northline"] .nl-document-two{animation-delay:-2.3s}
.film[data-case="northline"] .nl-document-three{animation-delay:-4.6s}
.film[data-case="northline"] .nl-fields-drift{animation:nl-fields-drift 10s ease-in-out infinite}
.film[data-case="northline"] .nl-reader-roller{transform-origin:383px 286px;animation:nl-reader-roller 12s linear infinite}
@keyframes nl-document-drift{0%,100%{transform:translate(-3px,1px)}50%{transform:translate(5px,-2px)}}
@keyframes nl-fields-drift{0%,100%{transform:translate(0,2px)}50%{transform:translate(2px,-3px)}}
@keyframes nl-reader-roller{to{transform:rotate(360deg)}}
