/* Canadian drone supplier: production, quality and field-support orchestration. */
.film[data-case="fleet"]{--paper:#f2e9ce;--ink:#1c292b;--ochre:#d6b855;--fg:#f6edda;--hair:#f6edda44;--signal:#ce6642}
.film[data-case="fleet"][data-scene="0"],.film[data-case="fleet"][data-scene="6"]{--bg:#2c4b51;--backplate:#527b7b;--accent:#a9895a}
.film[data-case="fleet"][data-scene="1"]{--bg:#a84b33;--backplate:#cd7650;--accent:#d0ad63}
.film[data-case="fleet"][data-scene="2"]{--bg:#3b526b;--backplate:#667f91;--accent:#c4a45d}
.film[data-case="fleet"][data-scene="3"]{--bg:#6b3e5f;--backplate:#956780;--accent:#c7a069}
.film[data-case="fleet"][data-scene="4"]{--bg:#586936;--backplate:#88965d;--accent:#c4ab64}
.film[data-case="fleet"][data-scene="5"]{--bg:#41766f;--backplate:#72a093;--accent:#b9b66d;--signal:#6b934b}
.film[data-case="fleet"] .fl-sentry{animation:fl-sentry 10s ease-in-out infinite}
.film[data-case="fleet"] .fl-drone{animation:fl-hover 8s ease-in-out infinite}
.film[data-case="fleet"] .fl-rotor{animation:fl-prop 2.1s ease-in-out infinite;transform-origin:0 0}
.film[data-case="fleet"] .fl-lamp{animation:fl-lamp 4s ease-in-out infinite}
.film[data-case="fleet"] .fl-held .fl-sentry{animation:none}
@keyframes fl-sentry{0%,100%{transform:translate(-3px,0) rotate(-.3deg)}50%{transform:translate(4px,-1px) rotate(.3deg)}}
@keyframes fl-hover{0%,100%{transform:translate(0,-3px) rotate(-.6deg)}50%{transform:translate(2px,4px) rotate(.6deg)}}
@keyframes fl-prop{0%,100%{transform:scaleX(1) rotate(-3deg)}50%{transform:scaleX(.78) rotate(3deg)}}
@keyframes fl-lamp{0%,100%{opacity:.55}50%{opacity:1}}

.film[data-case="fleet"] .job-tag{transform-origin:93px 45px;animation:case-tag 10s ease-in-out infinite}
.film[data-case="fleet"] .paper-drift{animation:case-paper 10s ease-in-out infinite}
.film[data-case="fleet"] .delay-two{animation-delay:-2.4s}
.film[data-case="fleet"] .delay-three{animation-delay:-4.8s}
.film[data-case="fleet"] .case-route{stroke-dasharray:7 6;animation:case-route 18s linear infinite}
.film[data-case="fleet"] .reader-wheel{transform-origin:80px 167px;animation:case-wheel 12s linear infinite}
.film[data-case="fleet"] .story-art .print-label{font-weight:650;letter-spacing:1.05px}
@keyframes case-tag{0%,100%{transform:rotate(-.6deg) translateY(1px)}50%{transform:rotate(.6deg) translateY(-3px)}}
@keyframes case-paper{0%,100%{transform:translate(-2px,1px)}50%{transform:translate(4px,-3px)}}
@keyframes case-route{to{stroke-dashoffset:-130}}
@keyframes case-wheel{to{transform:rotate(360deg)}}
@media(max-width:760px){.film[data-case="fleet"] .scene{padding:22px 23px 8px}.film[data-case="fleet"] .story-copy h1{font-size:clamp(37px,10vw,60px);line-height:1.04;margin-bottom:17px}.film[data-case="fleet"] .narration{font-size:17px;line-height:1.45}.film[data-case="fleet"] .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:17px}.film[data-case="fleet"] .art-wrap{margin-top:12px}.film[data-case="fleet"] .story-cta{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.film[data-case="fleet"] .story-art *{animation:none!important;transition:none!important}}

/* Keep captions visible inside the shorter library iframe on phones. */
@media(max-width:760px) and (max-height:820px){.film[data-case="fleet"] .story-art{max-height:228px;min-height:180px}}